Earthy Serenity Color Palette
This earthy palette blends soft ivory and muted sage with warm taupe and deep brown, creating a serene, rustic vibe that feels both cozy and naturally elegant.
Practical uses and creative applications
The Earthy Serenity Color Palette offers a harmonious blend of soft neutrals and muted earth tones, making it an ideal choice for branding and web design aimed at eco-conscious brands and wellness industries. Featuring a soothing #f4f4f4, earthy greens like #9ba657, and warm taupes such as #a68c69, this palette creates a sense of calm and stability.
It resonates beautifully with businesses focused on sustainability, organic products, or holistic services, allowing them to convey their values through a serene visual identity. This palette is also perfect for interior design projects where a tranquil atmosphere is desired.
Imagine a cozy reading nook adorned with the gentle hues of #f0e5c9 and #594433, creating a peaceful retreat from the hustle and bustle of daily life. Designers and creatives looking to evoke a natural, grounded aesthetic will find this color scheme versatile for various applicationsfrom packaging that reflects earthy origins to web interfaces that promote clarity and mindfulness.
Embrace the Earthy Serenity Color Palette to inspire a sense of balance and connection with the environment in your next project.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.931 0.000 89.88) | #e8e8e8 | hsl(0, 0%, 91%) |
|
|
| 200 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 300 | oklch(0.949 0.000 89.88) | #eeeeee | hsl(0, 0%, 93%) |
|
|
| 400 | oklch(0.958 0.000 89.88) | #f1f1f1 | hsl(0, 0%, 95%) |
|
|
| 500 | oklch(0.967 0.000 89.88) | #f4f4f4 | hsl(0, 0%, 96%) |
|
|
| 600 | oklch(0.833 0.000 89.88) | #c8c8c8 | hsl(0, 0%, 78%) |
|
|
| 700 | oklch(0.696 0.000 89.88) | #9d9d9d | hsl(0, 0%, 62%) |
|
|
| 800 | oklch(0.549 0.000 89.88) | #717171 | hsl(0, 0%, 44%) |
|
|
| 900 | oklch(0.390 0.000 89.88) | #454545 | hsl(0, 0%, 27%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.020 112.94) | #ebedde | hsl(68, 29%, 90%) |
|
|
| 100 | oklch(0.893 0.038 113.76) | #dbdfc3 | hsl(69, 30%, 82%) |
|
|
| 200 | oklch(0.845 0.057 114.22) | #cbd1a7 | hsl(69, 31%, 74%) |
|
|
| 300 | oklch(0.797 0.074 114.83) | #bbc38c | hsl(69, 31%, 66%) |
|
|
| 400 | oklch(0.749 0.091 115.47) | #abb571 | hsl(69, 31%, 58%) |
|
|
| 500 | oklch(0.699 0.104 115.69) | #9ba657 | hsl(68, 31%, 50%) |
|
|
| 600 | oklch(0.614 0.090 115.50) | #828b49 | hsl(68, 31%, 42%) |
|
|
| 700 | oklch(0.529 0.077 116.02) | #69713b | hsl(69, 31%, 34%) |
|
|
| 800 | oklch(0.438 0.061 114.67) | #51562d | hsl(67, 31%, 26%) |
|
|
| 900 | oklch(0.344 0.046 115.32) | #383c1f | hsl(68, 32%, 18%) |
|
|
| 950 | oklch(0.241 0.027 114.63) | #1f2112 | hsl(68, 29%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.029 89.57) | #f4ecd7 | hsl(43, 57%, 90%) |
|
|
| 100 | oklch(0.938 0.031 88.38) | #f3ead4 | hsl(43, 56%, 89%) |
|
|
| 200 | oklch(0.935 0.033 89.85) | #f2e9d1 | hsl(44, 56%, 88%) |
|
|
| 300 | oklch(0.932 0.035 88.78) | #f2e8cf | hsl(43, 57%, 88%) |
|
|
| 400 | oklch(0.927 0.036 87.80) | #f1e6cc | hsl(42, 57%, 87%) |
|
|
| 500 | oklch(0.923 0.039 89.10) | #f0e5c9 | hsl(43, 57%, 86%) |
|
|
| 600 | oklch(0.838 0.082 89.44) | #dfc88c | hsl(43, 56%, 71%) |
|
|
| 700 | oklch(0.753 0.117 87.67) | #ceaa4f | hsl(43, 56%, 56%) |
|
|
| 800 | oklch(0.619 0.108 86.82) | #a2812d | hsl(43, 57%, 41%) |
|
|
| 900 | oklch(0.442 0.074 86.64) | #65501c | hsl(43, 57%, 25%) |
|
|
| 950 | oklch(0.247 0.036 88.74) | #28200b | hsl(43, 57%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.011 71.89) | #ece6df | hsl(32, 25%, 90%) |
|
|
| 100 | oklch(0.874 0.021 74.64) | #ded4c7 | hsl(34, 26%, 83%) |
|
|
| 200 | oklch(0.821 0.029 74.25) | #d0c2b0 | hsl(34, 25%, 75%) |
|
|
| 300 | oklch(0.766 0.039 75.04) | #c2b098 | hsl(34, 26%, 68%) |
|
|
| 400 | oklch(0.711 0.048 74.53) | #b49e81 | hsl(34, 25%, 61%) |
|
|
| 500 | oklch(0.655 0.058 74.74) | #a68c69 | hsl(34, 26%, 53%) |
|
|
| 600 | oklch(0.580 0.056 75.15) | #8e7655 | hsl(35, 25%, 45%) |
|
|
| 700 | oklch(0.498 0.048 74.67) | #735f44 | hsl(34, 26%, 36%) |
|
|
| 800 | oklch(0.412 0.037 74.44) | #574834 | hsl(34, 25%, 27%) |
|
|
| 900 | oklch(0.321 0.028 73.25) | #3c3123 | hsl(34, 26%, 19%) |
|
|
| 950 | oklch(0.223 0.016 71.16) | #201a13 | hsl(32, 25%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.011 63.35) | #ece5df | hsl(28, 25%, 90%) |
|
|
| 100 | oklch(0.831 0.027 61.93) | #d5c4b6 | hsl(27, 27%, 77%) |
|
|
| 200 | oklch(0.733 0.044 61.22) | #bea38d | hsl(27, 27%, 65%) |
|
|
| 300 | oklch(0.635 0.062 59.45) | #a78265 | hsl(26, 27%, 53%) |
|
|
| 400 | oklch(0.525 0.055 60.09) | #82634a | hsl(27, 27%, 40%) |
|
|
| 500 | oklch(0.404 0.040 60.34) | #594433 | hsl(27, 27%, 27%) |
|
|
| 600 | oklch(0.369 0.035 57.76) | #4e3b2d | hsl(25, 27%, 24%) |
|
|
| 700 | oklch(0.334 0.031 62.39) | #423326 | hsl(28, 27%, 20%) |
|
|
| 800 | oklch(0.297 0.026 59.12) | #372a20 | hsl(26, 26%, 17%) |
|
|
| 900 | oklch(0.258 0.022 57.58) | #2c2119 | hsl(25, 28%, 14%) |
|
|
| 950 | oklch(0.220 0.016 62.46) | #201913 | hsl(28, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
