Serene Earthy Color Palette
This palette radiates a serene, earthy elegance, blending soft sage green, warm beige, rich caramel, muted terracotta, and deep mauve for a cozy, rustic charm.
Practical uses and creative applications
The Serene Earthy Color Palette embodies a harmonious blend of soft, natural hues that evoke a sense of tranquility and warmth. Featuring shades like the muted sage #a9baae, gentle cream #e6d0b1, and earthy terracotta #deb297, this palette is ideal for brands seeking to communicate sustainability, wellness, and groundedness.
It works beautifully in web design, where it can create calming user experiences, as well as in packaging for eco-friendly products, enhancing the appeal of organic and artisan goods. This color palette is particularly suited for creatives and designers in fields such as interior design, branding, and graphic arts.
It can transform spaces into serene retreats or elevate a brand's identity to reflect authenticity and connection to nature. Whether you're designing a cozy café, a wellness brand, or a lifestyle blog, the Serene Earthy Color Palette fosters a welcoming atmosphere that resonates with audiences seeking comfort and inspiration 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.926 0.008 151.88) | #e3e8e4 | hsl(132, 10%, 90%) |
|
|
| 100 | oklch(0.896 0.012 153.65) | #d7dfd9 | hsl(135, 11%, 86%) |
|
|
| 200 | oklch(0.866 0.014 155.55) | #ccd6cf | hsl(138, 11%, 82%) |
|
|
| 300 | oklch(0.836 0.019 155.75) | #c0cdc4 | hsl(138, 12%, 78%) |
|
|
| 400 | oklch(0.803 0.021 154.80) | #b5c3b9 | hsl(137, 10%, 74%) |
|
|
| 500 | oklch(0.772 0.025 155.00) | #a9baae | hsl(138, 11%, 70%) |
|
|
| 600 | oklch(0.679 0.037 154.48) | #879f8e | hsl(138, 11%, 58%) |
|
|
| 700 | oklch(0.578 0.040 153.73) | #68816f | hsl(137, 11%, 46%) |
|
|
| 800 | oklch(0.469 0.032 153.12) | #4d6052 | hsl(136, 11%, 34%) |
|
|
| 900 | oklch(0.350 0.022 152.75) | #323e35 | hsl(135, 11%, 22%) |
|
|
| 950 | oklch(0.220 0.011 151.25) | #171c18 | hsl(132, 10%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.024 77.46) | #f3e8d8 | hsl(36, 53%, 90%) |
|
|
| 100 | oklch(0.921 0.028 76.20) | #f0e3d1 | hsl(35, 51%, 88%) |
|
|
| 200 | oklch(0.908 0.033 74.78) | #eedec9 | hsl(34, 52%, 86%) |
|
|
| 300 | oklch(0.894 0.038 75.13) | #ebd9c1 | hsl(34, 51%, 84%) |
|
|
| 400 | oklch(0.882 0.043 76.32) | #e9d5b9 | hsl(35, 52%, 82%) |
|
|
| 500 | oklch(0.868 0.048 76.42) | #e6d0b1 | hsl(35, 51%, 80%) |
|
|
| 600 | oklch(0.778 0.082 76.03) | #d5b07b | hsl(35, 52%, 66%) |
|
|
| 700 | oklch(0.686 0.111 73.66) | #c38f45 | hsl(35, 51%, 52%) |
|
|
| 800 | oklch(0.551 0.091 73.24) | #92692f | hsl(35, 51%, 38%) |
|
|
| 900 | oklch(0.401 0.063 72.10) | #5d421e | hsl(34, 51%, 24%) |
|
|
| 950 | oklch(0.236 0.032 75.48) | #271c0c | hsl(36, 53%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.023 52.68) | #f3e2d8 | hsl(22, 53%, 90%) |
|
|
| 100 | oklch(0.900 0.031 54.68) | #efd9cb | hsl(23, 53%, 87%) |
|
|
| 200 | oklch(0.873 0.038 54.27) | #eacfbe | hsl(23, 51%, 83%) |
|
|
| 300 | oklch(0.846 0.046 53.09) | #e6c5b1 | hsl(23, 51%, 80%) |
|
|
| 400 | oklch(0.822 0.055 54.04) | #e2bca4 | hsl(23, 52%, 76%) |
|
|
| 500 | oklch(0.796 0.063 53.09) | #deb297 | hsl(23, 52%, 73%) |
|
|
| 600 | oklch(0.701 0.095 52.59) | #ce8e66 | hsl(23, 51%, 60%) |
|
|
| 700 | oklch(0.606 0.118 50.53) | #b96b3b | hsl(23, 52%, 48%) |
|
|
| 800 | oklch(0.487 0.092 51.33) | #884f2b | hsl(23, 52%, 35%) |
|
|
| 900 | oklch(0.362 0.064 51.36) | #58331c | hsl(23, 52%, 23%) |
|
|
| 950 | oklch(0.220 0.033 50.79) | #27160c | hsl(22, 53%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.019 38.15) | #f0e0db | hsl(14, 41%, 90%) |
|
|
| 100 | oklch(0.873 0.030 36.15) | #e8cfc8 | hsl(13, 41%, 85%) |
|
|
| 200 | oklch(0.831 0.042 38.72) | #e1bfb4 | hsl(15, 43%, 79%) |
|
|
| 300 | oklch(0.786 0.054 37.48) | #d9aea1 | hsl(14, 42%, 74%) |
|
|
| 400 | oklch(0.743 0.065 38.13) | #d19e8e | hsl(14, 42%, 69%) |
|
|
| 500 | oklch(0.698 0.078 37.39) | #c98d7b | hsl(14, 42%, 64%) |
|
|
| 600 | oklch(0.611 0.105 38.08) | #b96c54 | hsl(14, 42%, 53%) |
|
|
| 700 | oklch(0.519 0.098 37.71) | #98533e | hsl(14, 42%, 42%) |
|
|
| 800 | oklch(0.425 0.077 36.93) | #723e2f | hsl(13, 42%, 32%) |
|
|
| 900 | oklch(0.322 0.054 37.19) | #4b291f | hsl(14, 42%, 21%) |
|
|
| 950 | oklch(0.212 0.028 38.10) | #24140f | hsl(14, 41%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.009 26.02) | #eae2e1 | hsl(7, 18%, 90%) |
|
|
| 100 | oklch(0.847 0.016 27.30) | #d7c9c7 | hsl(7, 17%, 81%) |
|
|
| 200 | oklch(0.772 0.026 23.93) | #c5afad | hsl(5, 17%, 73%) |
|
|
| 300 | oklch(0.697 0.034 25.20) | #b29693 | hsl(6, 17%, 64%) |
|
|
| 400 | oklch(0.622 0.044 25.93) | #a07d79 | hsl(6, 17%, 55%) |
|
|
| 500 | oklch(0.546 0.047 25.93) | #8a6662 | hsl(6, 17%, 46%) |
|
|
| 600 | oklch(0.484 0.040 25.18) | #745653 | hsl(5, 17%, 39%) |
|
|
| 700 | oklch(0.420 0.035 26.45) | #5f4643 | hsl(6, 17%, 32%) |
|
|
| 800 | oklch(0.354 0.028 25.44) | #493634 | hsl(6, 17%, 25%) |
|
|
| 900 | oklch(0.283 0.020 23.49) | #332625 | hsl(4, 16%, 17%) |
|
|
| 950 | oklch(0.210 0.013 26.53) | #1e1615 | hsl(7, 18%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
