Serene Earthy Color Palette
A serene and sophisticated palette of muted greens and soft grays evokes a tranquil, earthy vibe, perfect for a modern, minimalist retreat.
Practical uses and creative applications
### Serene Earthy Color Palette: Embrace Tranquility in Your Designs The Serene Earthy Color Palette features a harmonious blend of soft neutrals and muted greens, including shades like #dbd9b7, #c1c9c8, #a5b5ab, #949a8e, and #615566. This palette is ideal for creatives looking to evoke a sense of calm and natural beauty in their projects.
Whether you’re designing a tranquil branding identity for a wellness brand, crafting a soothing website for a holistic service, or creating packaging that reflects eco-friendly values, these earthy tones serve as the perfect foundation. Interior designers and home decor enthusiasts will also find the Serene Earthy Color Palette particularly appealing.
Its muted hues can transform any space into a peaceful retreat, making it perfect for bedrooms, meditation areas, or even cozy cafes. By integrating this palette into your design, you can cater to audiences who appreciate sustainability and a connection to nature, ensuring that your work resonates with those seeking serenity in their everyday lives.
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.943 0.021 103.89) | #eeeddd | hsl(56, 33%, 90%) |
|
|
| 100 | oklch(0.929 0.027 104.57) | #eae9d5 | hsl(57, 33%, 88%) |
|
|
| 200 | oklch(0.917 0.031 104.96) | #e6e5ce | hsl(58, 32%, 85%) |
|
|
| 300 | oklch(0.904 0.036 103.62) | #e3e1c6 | hsl(56, 34%, 83%) |
|
|
| 400 | oklch(0.891 0.040 104.05) | #dfddbf | hsl(56, 33%, 81%) |
|
|
| 500 | oklch(0.878 0.045 104.52) | #dbd9b7 | hsl(57, 33%, 79%) |
|
|
| 600 | oklch(0.798 0.074 104.50) | #c4c088 | hsl(56, 34%, 65%) |
|
|
| 700 | oklch(0.718 0.102 106.11) | #aca859 | hsl(57, 33%, 51%) |
|
|
| 800 | oklch(0.576 0.082 105.28) | #807c40 | hsl(56, 33%, 38%) |
|
|
| 900 | oklch(0.420 0.058 106.03) | #514f28 | hsl(57, 34%, 24%) |
|
|
| 950 | oklch(0.244 0.028 105.20) | #222111 | hsl(56, 33%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.003 197.10) | #e4e7e7 | hsl(180, 6%, 90%) |
|
|
| 100 | oklch(0.907 0.004 197.08) | #dde1e1 | hsl(180, 6%, 87%) |
|
|
| 200 | oklch(0.887 0.006 183.01) | #d6dbda | hsl(168, 6%, 85%) |
|
|
| 300 | oklch(0.868 0.007 185.25) | #cfd5d4 | hsl(170, 7%, 82%) |
|
|
| 400 | oklch(0.849 0.008 186.86) | #c8cfce | hsl(171, 7%, 80%) |
|
|
| 500 | oklch(0.829 0.009 188.07) | #c1c9c8 | hsl(173, 7%, 77%) |
|
|
| 600 | oklch(0.724 0.015 185.80) | #9ca9a7 | hsl(171, 7%, 64%) |
|
|
| 700 | oklch(0.616 0.020 188.06) | #788987 | hsl(173, 7%, 50%) |
|
|
| 800 | oklch(0.495 0.016 185.47) | #586563 | hsl(171, 7%, 37%) |
|
|
| 900 | oklch(0.364 0.011 187.60) | #38403f | hsl(173, 7%, 24%) |
|
|
| 950 | oklch(0.219 0.005 196.82) | #181b1b | hsl(180, 6%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.007 160.07) | #e3e8e5 | hsl(144, 10%, 90%) |
|
|
| 100 | oklch(0.894 0.010 155.08) | #d7ded9 | hsl(137, 10%, 86%) |
|
|
| 200 | oklch(0.861 0.014 159.87) | #cad4ce | hsl(144, 10%, 81%) |
|
|
| 300 | oklch(0.825 0.015 158.18) | #bec9c2 | hsl(142, 9%, 77%) |
|
|
| 400 | oklch(0.791 0.019 160.99) | #b1bfb7 | hsl(146, 10%, 72%) |
|
|
| 500 | oklch(0.758 0.023 158.42) | #a5b5ab | hsl(143, 10%, 68%) |
|
|
| 600 | oklch(0.666 0.030 158.30) | #859a8d | hsl(143, 9%, 56%) |
|
|
| 700 | oklch(0.568 0.033 157.25) | #677d6f | hsl(142, 10%, 45%) |
|
|
| 800 | oklch(0.460 0.027 156.79) | #4c5d52 | hsl(141, 10%, 33%) |
|
|
| 900 | oklch(0.345 0.017 159.06) | #323c36 | hsl(144, 9%, 22%) |
|
|
| 950 | oklch(0.220 0.009 159.21) | #171c19 | hsl(144, 10%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.004 121.56) | #e6e7e4 | hsl(80, 6%, 90%) |
|
|
| 100 | oklch(0.878 0.007 132.42) | #d5d8d3 | hsl(96, 6%, 84%) |
|
|
| 200 | oklch(0.829 0.009 128.58) | #c5c8c2 | hsl(90, 5%, 77%) |
|
|
| 300 | oklch(0.780 0.013 126.42) | #b5b9b0 | hsl(87, 6%, 71%) |
|
|
| 400 | oklch(0.728 0.015 128.70) | #a4a99f | hsl(90, 5%, 64%) |
|
|
| 500 | oklch(0.678 0.019 128.77) | #949a8e | hsl(90, 6%, 58%) |
|
|
| 600 | oklch(0.598 0.021 127.34) | #7c8275 | hsl(88, 5%, 48%) |
|
|
| 700 | oklch(0.512 0.020 128.90) | #63695d | hsl(90, 6%, 39%) |
|
|
| 800 | oklch(0.421 0.015 126.68) | #4b4f46 | hsl(87, 6%, 29%) |
|
|
| 900 | oklch(0.324 0.011 128.85) | #32352f | hsl(90, 6%, 20%) |
|
|
| 950 | oklch(0.220 0.006 121.93) | #1a1b18 | hsl(80, 6%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.007 312.30) | #e6e3e8 | hsl(276, 10%, 90%) |
|
|
| 100 | oklch(0.834 0.014 314.75) | #ccc6cf | hsl(280, 9%, 79%) |
|
|
| 200 | oklch(0.744 0.023 316.43) | #b2a8b6 | hsl(283, 9%, 69%) |
|
|
| 300 | oklch(0.652 0.033 315.84) | #988a9e | hsl(282, 9%, 58%) |
|
|
| 400 | oklch(0.560 0.038 315.08) | #7d6e84 | hsl(281, 9%, 47%) |
|
|
| 500 | oklch(0.467 0.031 316.01) | #615566 | hsl(282, 9%, 37%) |
|
|
| 600 | oklch(0.421 0.026 316.34) | #534957 | hsl(283, 9%, 31%) |
|
|
| 700 | oklch(0.370 0.023 317.66) | #453c48 | hsl(285, 9%, 26%) |
|
|
| 800 | oklch(0.320 0.018 318.67) | #373039 | hsl(287, 9%, 21%) |
|
|
| 900 | oklch(0.269 0.015 316.36) | #29242b | hsl(283, 9%, 15%) |
|
|
| 950 | oklch(0.210 0.011 311.98) | #1a171c | hsl(276, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
