Serene Earthy Color Palette
This palette evokes a serene, earthy vibe with deep forest greens and soft, muted tones that create a tranquil, nature-inspired ambiance reminiscent of a peaceful woodland retreat.
Practical uses and creative applications
The Serene Earthy Color Palette is a harmonious blend of rich greens and soft neutrals, perfect for evoking a sense of calm and connection to nature. Featuring deep hues like #093A23 and #3F644A, paired with gentle accents of #748E70, #AAB797, and #DFE1BD, this palette is ideal for branding that seeks to convey sustainability, wellness, and tranquility.
Designers can effectively utilize these colors in web design to create soothing user experiences, or in packaging for eco-friendly products that resonate with environmentally conscious consumers. This color palette is particularly suited for creatives in industries such as interior design, where it can transform spaces into serene sanctuaries, or in lifestyle branding that focuses on holistic living.
The earthy tones provide a versatile backdrop for various styles, from rustic and organic to modern minimalist, making it an excellent choice for those looking to inspire peace and groundedness. Whether you’re a graphic designer crafting a new logo or an interior decorator designing a cozy retreat, the Serene Earthy Color Palette can elevate your projects and resonate deeply with your audience.
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.948 0.045 165.94) | #d3f8e7 | hsl(152, 73%, 90%) |
|
|
| 100 | oklch(0.878 0.111 162.42) | #8feec1 | hsl(152, 74%, 75%) |
|
|
| 200 | oklch(0.819 0.163 158.83) | #4be39c | hsl(152, 73%, 59%) |
|
|
| 300 | oklch(0.718 0.169 155.73) | #1ec275 | hsl(152, 73%, 44%) |
|
|
| 400 | oklch(0.524 0.120 156.24) | #147e4c | hsl(152, 73%, 29%) |
|
|
| 500 | oklch(0.310 0.066 157.83) | #093a23 | hsl(152, 73%, 13%) |
|
|
| 600 | oklch(0.300 0.063 157.64) | #093721 | hsl(151, 72%, 13%) |
|
|
| 700 | oklch(0.290 0.060 158.87) | #083420 | hsl(153, 73%, 12%) |
|
|
| 800 | oklch(0.283 0.059 157.96) | #08321e | hsl(151, 72%, 11%) |
|
|
| 900 | oklch(0.272 0.056 158.09) | #072f1c | hsl(152, 74%, 11%) |
|
|
| 950 | oklch(0.262 0.053 159.21) | #072c1b | hsl(152, 73%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.016 154.46) | #e0ebe3 | hsl(136, 22%, 90%) |
|
|
| 100 | oklch(0.847 0.036 155.84) | #bbd4c3 | hsl(139, 23%, 78%) |
|
|
| 200 | oklch(0.766 0.057 154.66) | #97bea3 | hsl(138, 23%, 67%) |
|
|
| 300 | oklch(0.681 0.078 153.04) | #73a782 | hsl(137, 23%, 55%) |
|
|
| 400 | oklch(0.581 0.076 153.01) | #568865 | hsl(138, 23%, 44%) |
|
|
| 500 | oklch(0.467 0.060 153.00) | #3f644a | hsl(138, 23%, 32%) |
|
|
| 600 | oklch(0.421 0.053 153.61) | #365640 | hsl(139, 23%, 27%) |
|
|
| 700 | oklch(0.378 0.046 153.11) | #2e4936 | hsl(138, 23%, 23%) |
|
|
| 800 | oklch(0.329 0.040 152.34) | #253b2b | hsl(136, 23%, 19%) |
|
|
| 900 | oklch(0.278 0.032 153.24) | #1c2d21 | hsl(138, 23%, 14%) |
|
|
| 950 | oklch(0.226 0.022 152.86) | #141f17 | hsl(136, 22%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.011 141.26) | #e3e9e2 | hsl(111, 14%, 90%) |
|
|
| 100 | oklch(0.866 0.017 142.55) | #cdd6cc | hsl(114, 11%, 82%) |
|
|
| 200 | oklch(0.806 0.025 141.50) | #b7c4b5 | hsl(112, 11%, 74%) |
|
|
| 300 | oklch(0.744 0.035 142.44) | #a0b29e | hsl(114, 11%, 66%) |
|
|
| 400 | oklch(0.681 0.044 141.79) | #8aa087 | hsl(113, 12%, 58%) |
|
|
| 500 | oklch(0.618 0.053 141.35) | #748e70 | hsl(112, 12%, 50%) |
|
|
| 600 | oklch(0.544 0.046 141.73) | #61775e | hsl(113, 12%, 42%) |
|
|
| 700 | oklch(0.471 0.040 141.09) | #4f614c | hsl(111, 12%, 34%) |
|
|
| 800 | oklch(0.392 0.032 141.60) | #3c4a3a | hsl(113, 12%, 26%) |
|
|
| 900 | oklch(0.309 0.023 139.97) | #2a3328 | hsl(109, 12%, 18%) |
|
|
| 950 | oklch(0.222 0.016 141.12) | #171d16 | hsl(111, 14%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.013 126.38) | #e6eae1 | hsl(87, 18%, 90%) |
|
|
| 100 | oklch(0.898 0.020 125.84) | #dae0d2 | hsl(86, 18%, 85%) |
|
|
| 200 | oklch(0.865 0.027 125.66) | #ced6c3 | hsl(85, 19%, 80%) |
|
|
| 300 | oklch(0.829 0.032 125.27) | #c2cbb5 | hsl(85, 17%, 75%) |
|
|
| 400 | oklch(0.795 0.039 125.36) | #b6c1a6 | hsl(84, 18%, 70%) |
|
|
| 500 | oklch(0.761 0.047 125.50) | #aab797 | hsl(84, 18%, 65%) |
|
|
| 600 | oklch(0.681 0.062 125.91) | #8fa076 | hsl(84, 18%, 55%) |
|
|
| 700 | oklch(0.583 0.061 125.94) | #72825a | hsl(84, 18%, 43%) |
|
|
| 800 | oklch(0.474 0.048 125.90) | #556143 | hsl(84, 18%, 32%) |
|
|
| 900 | oklch(0.358 0.035 125.81) | #38402c | hsl(84, 19%, 21%) |
|
|
| 950 | oklch(0.228 0.018 127.26) | #1a1e15 | hsl(87, 18%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.025 109.32) | #eeefdc | hsl(63, 37%, 90%) |
|
|
| 100 | oklch(0.936 0.029 109.07) | #ebecd6 | hsl(63, 37%, 88%) |
|
|
| 200 | oklch(0.927 0.033 108.90) | #e8e9d0 | hsl(62, 36%, 86%) |
|
|
| 300 | oklch(0.919 0.040 110.27) | #e5e7c9 | hsl(64, 38%, 85%) |
|
|
| 400 | oklch(0.909 0.044 110.08) | #e2e4c3 | hsl(64, 38%, 83%) |
|
|
| 500 | oklch(0.899 0.048 109.93) | #dfe1bd | hsl(63, 38%, 81%) |
|
|
| 600 | oklch(0.822 0.083 110.39) | #c7ca8b | hsl(63, 37%, 67%) |
|
|
| 700 | oklch(0.747 0.115 111.69) | #afb459 | hsl(63, 38%, 53%) |
|
|
| 800 | oklch(0.604 0.098 111.79) | #83873d | hsl(63, 38%, 38%) |
|
|
| 900 | oklch(0.436 0.067 112.19) | #525527 | hsl(64, 37%, 24%) |
|
|
| 950 | oklch(0.249 0.033 111.16) | #222310 | hsl(63, 37%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
