Serene Color Palette for Tranquil Spaces
This serene palette of soft grays and muted greens evokes a calming, minimalist vibe, reminiscent of gentle misty mornings in a tranquil, modern sanctuary.
Practical uses and creative applications
The Serene Color Palette for Tranquil Spaces is a harmonious blend of soft, muted tones that evoke calmness and serenity. Featuring delicate shades such as #d5d8c7, #d4d6ce, #d3d5d5, #d1d3dc, and #d0d2e3, this palette is ideal for creating peaceful environments, whether in branding, web design, or interior decor.
Designers and creatives can leverage these soothing colors to craft experiences that promote relaxation and mindfulness, making it a perfect choice for wellness brands, spas, and yoga studios. In web design, the Serene Color Palette can be used to establish a tranquil user experience, enhancing readability and engagement while conveying a sense of calm.
For packaging, these light hues can attract consumers looking for products that promise relaxation, such as herbal teas or skincare lines. Meanwhile, in interior design, these colors can transform spaces into serene retreats, ideal for bedrooms, meditation rooms, or any area where tranquility is desired.
Overall, this palette appeals to designers seeking to create peaceful, inviting spaces that resonate with their audience's desire for a serene lifestyle.
Tailwind color scales
Browse Tailwind CSS color scales. Copy OKLCH, HEX, or HSL with one click. Preview colors in real UI examples and check contrast for accessibility.
dsfds
| 50 | oklch(0.933 0.012 116.82) | #e8eae1 | hsl(73, 18%, 90%) |
|
|
| 100 | oklch(0.921 0.013 111.29) | #e5e6dc | hsl(66, 17%, 88%) |
|
|
| 200 | oklch(0.911 0.016 114.40) | #e1e3d7 | hsl(70, 18%, 87%) |
|
|
| 300 | oklch(0.898 0.019 113.37) | #dddfd1 | hsl(69, 18%, 85%) |
|
|
| 400 | oklch(0.888 0.022 115.46) | #d9dccc | hsl(71, 19%, 83%) |
|
|
| 500 | oklch(0.875 0.023 115.00) | #d5d8c7 | hsl(71, 18%, 81%) |
|
|
| 600 | oklch(0.777 0.042 115.06) | #b5ba9c | hsl(70, 18%, 67%) |
|
|
| 700 | oklch(0.676 0.061 115.57) | #959c71 | hsl(70, 18%, 53%) |
|
|
| 800 | oklch(0.544 0.052 116.07) | #6e7451 | hsl(70, 18%, 39%) |
|
|
| 900 | oklch(0.395 0.036 116.43) | #454933 | hsl(71, 18%, 24%) |
|
|
| 950 | oklch(0.230 0.017 117.93) | #1c1e15 | hsl(73, 18%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.007 115.71) | #e7e8e3 | hsl(72, 10%, 90%) |
|
|
| 100 | oklch(0.917 0.007 115.71) | #e3e4df | hsl(72, 8%, 88%) |
|
|
| 200 | oklch(0.907 0.008 121.64) | #dfe1db | hsl(80, 9%, 87%) |
|
|
| 300 | oklch(0.894 0.010 119.59) | #dbddd6 | hsl(77, 9%, 85%) |
|
|
| 400 | oklch(0.885 0.011 118.05) | #d8dad2 | hsl(75, 10%, 84%) |
|
|
| 500 | oklch(0.872 0.011 118.05) | #d4d6ce | hsl(75, 9%, 82%) |
|
|
| 600 | oklch(0.764 0.020 116.70) | #b1b4a6 | hsl(73, 9%, 68%) |
|
|
| 700 | oklch(0.652 0.031 120.23) | #8d937e | hsl(77, 9%, 54%) |
|
|
| 800 | oklch(0.522 0.028 117.55) | #686c5a | hsl(73, 9%, 39%) |
|
|
| 900 | oklch(0.380 0.019 119.69) | #414439 | hsl(76, 9%, 25%) |
|
|
| 950 | oklch(0.223 0.010 116.36) | #1b1c17 | hsl(72, 10%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.001 197.14) | #e5e6e6 | hsl(180, 2%, 90%) |
|
|
| 100 | oklch(0.914 0.002 197.12) | #e1e3e3 | hsl(180, 3%, 89%) |
|
|
| 200 | oklch(0.903 0.001 197.14) | #dedfdf | hsl(180, 2%, 87%) |
|
|
| 300 | oklch(0.893 0.002 197.12) | #dadcdc | hsl(180, 3%, 86%) |
|
|
| 400 | oklch(0.881 0.001 197.14) | #d7d8d8 | hsl(180, 1%, 85%) |
|
|
| 500 | oklch(0.871 0.002 197.12) | #d3d5d5 | hsl(180, 2%, 83%) |
|
|
| 600 | oklch(0.757 0.005 197.06) | #adb1b1 | hsl(180, 2%, 69%) |
|
|
| 700 | oklch(0.636 0.006 197.01) | #878c8c | hsl(180, 2%, 54%) |
|
|
| 800 | oklch(0.507 0.005 197.00) | #626666 | hsl(180, 2%, 39%) |
|
|
| 900 | oklch(0.369 0.004 196.98) | #3d4040 | hsl(180, 2%, 25%) |
|
|
| 950 | oklch(0.217 0.002 197.04) | #191a1a | hsl(180, 2%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.008 278.63) | #e2e3e9 | hsl(231, 14%, 90%) |
|
|
| 100 | oklch(0.908 0.008 278.63) | #dfe0e6 | hsl(231, 12%, 89%) |
|
|
| 200 | oklch(0.898 0.010 273.35) | #dbdde4 | hsl(227, 14%, 88%) |
|
|
| 300 | oklch(0.889 0.010 273.34) | #d8dae1 | hsl(227, 13%, 86%) |
|
|
| 400 | oklch(0.877 0.013 276.08) | #d4d6df | hsl(229, 15%, 85%) |
|
|
| 500 | oklch(0.868 0.013 276.07) | #d1d3dc | hsl(229, 14%, 84%) |
|
|
| 600 | oklch(0.740 0.025 275.24) | #a6aabb | hsl(229, 13%, 69%) |
|
|
| 700 | oklch(0.607 0.040 274.94) | #7b819b | hsl(229, 14%, 55%) |
|
|
| 800 | oklch(0.479 0.038 275.30) | #575c73 | hsl(229, 14%, 40%) |
|
|
| 900 | oklch(0.351 0.025 275.57) | #373a48 | hsl(229, 13%, 25%) |
|
|
| 950 | oklch(0.206 0.012 277.83) | #16171d | hsl(231, 14%, 10%) |
|
dsfds
| 50 | oklch(0.909 0.016 282.26) | #dfe0ec | hsl(235, 25%, 90%) |
|
|
| 100 | oklch(0.903 0.016 278.49) | #dcdeea | hsl(231, 25%, 89%) |
|
|
| 200 | oklch(0.894 0.018 279.03) | #d9dbe8 | hsl(232, 25%, 88%) |
|
|
| 300 | oklch(0.885 0.021 279.90) | #d6d8e7 | hsl(233, 26%, 87%) |
|
|
| 400 | oklch(0.876 0.022 280.24) | #d3d5e5 | hsl(233, 26%, 86%) |
|
|
| 500 | oklch(0.867 0.023 280.54) | #d0d2e3 | hsl(234, 25%, 85%) |
|
|
| 600 | oklch(0.727 0.049 279.82) | #a0a4c6 | hsl(234, 25%, 70%) |
|
|
| 700 | oklch(0.582 0.080 278.53) | #7076aa | hsl(234, 25%, 55%) |
|
|
| 800 | oklch(0.454 0.075 277.28) | #4c5280 | hsl(233, 25%, 40%) |
|
|
| 900 | oklch(0.332 0.051 278.69) | #303350 | hsl(234, 25%, 25%) |
|
|
| 950 | oklch(0.196 0.024 280.23) | #131420 | hsl(235, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
