Earthy Serenity Color Palette
This earthy palette blends muted greens and deep teals with a touch of charcoal, evoking a serene, nature-inspired vibe that feels both grounded and sophisticated.
Practical uses and creative applications
The Earthy Serenity Color Palette is a harmonious blend of muted greens and deep blues that evokes a sense of tranquility and connection to nature. Featuring colors such as #939473, #4f784e, #2d5e4c, #13444d, and #252326, this palette is ideal for brands and projects that aim to convey sustainability, wellness, and authenticity.
Designers can use these earthy tones in branding to communicate a commitment to natural products or services, making it perfect for eco-friendly businesses, wellness brands, and organic food packaging. In web design, the Earthy Serenity palette creates a calming user experience, suitable for websites focused on holistic health, outdoor adventures, or lifestyle blogs centered on sustainability.
The muted tones work beautifully in interior design as well, providing a grounded atmosphere that enhances relaxation in spaces like yoga studios, spas, or modern homes aiming for a minimalist aesthetic. Whether you’re a graphic designer, a creative agency, or an interior decorator, the Earthy Serenity Color Palette is an excellent choice for anyone looking to inspire a sense of peace and connection to the natural world.
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.932 0.009 106.58) | #e9e9e2 | hsl(60, 14%, 90%) |
|
|
| 100 | oklch(0.879 0.016 106.73) | #d8d8cc | hsl(60, 13%, 82%) |
|
|
| 200 | oklch(0.824 0.023 109.64) | #c6c7b6 | hsl(64, 13%, 75%) |
|
|
| 300 | oklch(0.769 0.032 109.16) | #b5b69f | hsl(63, 14%, 67%) |
|
|
| 400 | oklch(0.713 0.039 109.03) | #a4a589 | hsl(62, 13%, 59%) |
|
|
| 500 | oklch(0.657 0.047 109.06) | #939473 | hsl(62, 13%, 52%) |
|
|
| 600 | oklch(0.581 0.042 109.29) | #7c7d60 | hsl(62, 13%, 43%) |
|
|
| 700 | oklch(0.499 0.036 109.63) | #64654d | hsl(63, 13%, 35%) |
|
|
| 800 | oklch(0.414 0.029 110.22) | #4c4d3b | hsl(63, 13%, 27%) |
|
|
| 900 | oklch(0.325 0.022 107.56) | #353528 | hsl(60, 14%, 18%) |
|
|
| 950 | oklch(0.228 0.013 107.39) | #1d1d16 | hsl(60, 14%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.019 145.42) | #e0ebe0 | hsl(120, 22%, 90%) |
|
|
| 100 | oklch(0.854 0.038 144.00) | #c1d6c0 | hsl(117, 21%, 80%) |
|
|
| 200 | oklch(0.781 0.058 144.21) | #a2c2a1 | hsl(118, 21%, 70%) |
|
|
| 300 | oklch(0.705 0.078 144.13) | #82ad81 | hsl(119, 21%, 59%) |
|
|
| 400 | oklch(0.629 0.096 143.91) | #649863 | hsl(119, 21%, 49%) |
|
|
| 500 | oklch(0.531 0.079 143.82) | #4f784e | hsl(119, 21%, 39%) |
|
|
| 600 | oklch(0.473 0.070 143.74) | #436642 | hsl(118, 21%, 33%) |
|
|
| 700 | oklch(0.415 0.058 143.64) | #385437 | hsl(118, 21%, 27%) |
|
|
| 800 | oklch(0.356 0.050 143.47) | #2c432b | hsl(118, 22%, 22%) |
|
|
| 900 | oklch(0.293 0.038 144.53) | #203120 | hsl(120, 21%, 16%) |
|
|
| 950 | oklch(0.225 0.026 144.64) | #141f14 | hsl(120, 22%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.020 172.77) | #ddeee8 | hsl(159, 33%, 90%) |
|
|
| 100 | oklch(0.855 0.048 170.89) | #b1dacb | hsl(158, 36%, 77%) |
|
|
| 200 | oklch(0.774 0.073 169.55) | #86c5ae | hsl(158, 35%, 65%) |
|
|
| 300 | oklch(0.695 0.096 167.60) | #5bb091 | hsl(158, 35%, 52%) |
|
|
| 400 | oklch(0.576 0.083 167.17) | #42896f | hsl(158, 35%, 40%) |
|
|
| 500 | oklch(0.442 0.062 167.34) | #2d5e4c | hsl(158, 35%, 27%) |
|
|
| 600 | oklch(0.402 0.056 167.14) | #275242 | hsl(158, 36%, 24%) |
|
|
| 700 | oklch(0.363 0.048 168.09) | #224639 | hsl(158, 35%, 20%) |
|
|
| 800 | oklch(0.321 0.041 167.91) | #1c3a2f | hsl(158, 35%, 17%) |
|
|
| 900 | oklch(0.279 0.034 170.23) | #162e26 | hsl(160, 35%, 13%) |
|
|
| 950 | oklch(0.235 0.026 169.60) | #11221c | hsl(159, 33%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.028 210.53) | #d6f0f5 | hsl(190, 61%, 90%) |
|
|
| 100 | oklch(0.853 0.066 210.69) | #9cdbe7 | hsl(190, 61%, 76%) |
|
|
| 200 | oklch(0.773 0.097 210.84) | #62c6d8 | hsl(189, 60%, 62%) |
|
|
| 300 | oklch(0.685 0.108 212.54) | #30abc1 | hsl(189, 60%, 47%) |
|
|
| 400 | oklch(0.527 0.082 212.98) | #217787 | hsl(189, 61%, 33%) |
|
|
| 500 | oklch(0.359 0.053 212.22) | #13444d | hsl(189, 60%, 19%) |
|
|
| 600 | oklch(0.337 0.050 211.65) | #113e46 | hsl(189, 61%, 17%) |
|
|
| 700 | oklch(0.313 0.046 213.45) | #0f373f | hsl(190, 62%, 15%) |
|
|
| 800 | oklch(0.291 0.041 210.76) | #0e3137 | hsl(189, 59%, 14%) |
|
|
| 900 | oklch(0.269 0.037 209.78) | #0c2b30 | hsl(188, 60%, 12%) |
|
|
| 950 | oklch(0.243 0.033 212.23) | #0a2429 | hsl(190, 61%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.005 314.80) | #e6e4e7 | hsl(280, 6%, 90%) |
|
|
| 100 | oklch(0.800 0.009 314.77) | #c0bcc2 | hsl(280, 5%, 75%) |
|
|
| 200 | oklch(0.674 0.015 314.72) | #9a949d | hsl(280, 4%, 60%) |
|
|
| 300 | oklch(0.543 0.016 314.69) | #736d76 | hsl(280, 4%, 45%) |
|
|
| 400 | oklch(0.408 0.011 314.69) | #4c484e | hsl(280, 4%, 29%) |
|
|
| 500 | oklch(0.260 0.006 314.71) | #252326 | hsl(280, 4%, 14%) |
|
|
| 600 | oklch(0.251 0.006 314.71) | #232124 | hsl(280, 4%, 14%) |
|
|
| 700 | oklch(0.242 0.005 325.72) | #211f21 | hsl(300, 3%, 13%) |
|
|
| 800 | oklch(0.233 0.004 308.27) | #1e1d1f | hsl(270, 3%, 12%) |
|
|
| 900 | oklch(0.224 0.004 308.26) | #1c1b1d | hsl(270, 4%, 11%) |
|
|
| 950 | oklch(0.213 0.007 314.68) | #1a181b | hsl(280, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
