Serene Earthy Color Palette
This palette exudes a serene, earthy elegance, blending soft neutrals and calming greens with a bold rust accent, perfect for a cozy, nature-inspired retreat.
Practical uses and creative applications
The Serene Earthy Color Palette is a harmonious blend of soft neutrals and rich earth tones, perfect for evoking a sense of calm and connection to nature. With its soothing hues, including gentle creams (#edebe6), fresh greens (#d6e1c7), and deep browns (#403b33), this palette is ideal for branding and web design that aims to create a tranquil user experience.
Whether you’re designing a wellness brand, an eco-friendly product line, or a serene lifestyle blog, these colors can help convey an authentic and grounded message. This color palette is particularly suited for creatives and designers looking to develop packaging that resonates with environmentally-conscious consumers.
Imagine using the tranquil greens and earthy browns in a sustainable product’s packaging to reflect its commitment to nature. Additionally, the vibrant accent of terracotta (#d3643b) can add a pop of warmth, making it an excellent choice for interiors that seek to be both inviting and sophisticated.
With the Serene Earthy Color Palette, you can effortlessly infuse your projects with a sense of peace and elegance, appealing to audiences who appreciate thoughtful design and natural aesthetics.
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.929 0.009 84.57) | #eae7e1 | hsl(40, 18%, 90%) |
|
|
| 100 | oklch(0.931 0.008 91.49) | #eae8e2 | hsl(45, 16%, 90%) |
|
|
| 200 | oklch(0.934 0.008 91.49) | #ebe9e3 | hsl(45, 17%, 91%) |
|
|
| 300 | oklch(0.937 0.008 91.49) | #eceae4 | hsl(45, 17%, 91%) |
|
|
| 400 | oklch(0.937 0.007 88.64) | #eceae5 | hsl(43, 16%, 91%) |
|
|
| 500 | oklch(0.940 0.007 88.64) | #edebe6 | hsl(43, 16%, 92%) |
|
|
| 600 | oklch(0.821 0.020 87.53) | #cac4b6 | hsl(42, 16%, 75%) |
|
|
| 700 | oklch(0.700 0.037 90.57) | #a79e85 | hsl(44, 16%, 59%) |
|
|
| 800 | oklch(0.561 0.039 88.80) | #7e745b | hsl(43, 16%, 43%) |
|
|
| 900 | oklch(0.403 0.027 89.92) | #4e4838 | hsl(44, 16%, 26%) |
|
|
| 950 | oklch(0.223 0.012 84.55) | #1e1b15 | hsl(40, 18%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.021 124.67) | #e7edde | hsl(84, 29%, 90%) |
|
|
| 100 | oklch(0.929 0.025 126.56) | #e3ebd9 | hsl(87, 31%, 89%) |
|
|
| 200 | oklch(0.920 0.027 125.63) | #e0e8d5 | hsl(85, 29%, 87%) |
|
|
| 300 | oklch(0.912 0.031 125.21) | #dde6d0 | hsl(85, 31%, 86%) |
|
|
| 400 | oklch(0.902 0.033 126.29) | #d9e3cc | hsl(86, 29%, 85%) |
|
|
| 500 | oklch(0.894 0.037 125.88) | #d6e1c7 | hsl(85, 30%, 83%) |
|
|
| 600 | oklch(0.801 0.070 126.78) | #b2c796 | hsl(86, 30%, 68%) |
|
|
| 700 | oklch(0.708 0.102 127.49) | #8fad66 | hsl(85, 30%, 54%) |
|
|
| 800 | oklch(0.572 0.090 127.53) | #698246 | hsl(85, 30%, 39%) |
|
|
| 900 | oklch(0.415 0.062 127.55) | #42522c | hsl(85, 30%, 25%) |
|
|
| 950 | oklch(0.237 0.029 126.21) | #1b2112 | hsl(84, 29%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.017 174.04) | #deede8 | hsl(160, 29%, 90%) |
|
|
| 100 | oklch(0.906 0.027 172.82) | #cfe6de | hsl(159, 32%, 86%) |
|
|
| 200 | oklch(0.876 0.035 173.39) | #c0ded4 | hsl(160, 31%, 81%) |
|
|
| 300 | oklch(0.846 0.042 173.59) | #b1d6ca | hsl(161, 31%, 77%) |
|
|
| 400 | oklch(0.819 0.051 172.17) | #a3cfc0 | hsl(160, 31%, 73%) |
|
|
| 500 | oklch(0.789 0.059 172.19) | #94c7b6 | hsl(160, 31%, 68%) |
|
|
| 600 | oklch(0.713 0.080 170.11) | #6db39b | hsl(159, 32%, 56%) |
|
|
| 700 | oklch(0.620 0.081 169.47) | #4f967e | hsl(160, 31%, 45%) |
|
|
| 800 | oklch(0.500 0.064 170.71) | #3a6f5e | hsl(161, 31%, 33%) |
|
|
| 900 | oklch(0.372 0.045 170.92) | #26483d | hsl(161, 31%, 22%) |
|
|
| 950 | oklch(0.232 0.023 171.26) | #12211c | hsl(160, 29%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.005 78.30) | #e8e6e3 | hsl(36, 10%, 90%) |
|
|
| 100 | oklch(0.825 0.014 82.40) | #cac5bc | hsl(39, 12%, 76%) |
|
|
| 200 | oklch(0.719 0.021 80.09) | #aba396 | hsl(37, 11%, 63%) |
|
|
| 300 | oklch(0.611 0.029 80.14) | #8d8270 | hsl(37, 11%, 50%) |
|
|
| 400 | oklch(0.486 0.021 78.09) | #665e52 | hsl(36, 11%, 36%) |
|
|
| 500 | oklch(0.355 0.015 79.65) | #403b33 | hsl(37, 11%, 23%) |
|
|
| 600 | oklch(0.328 0.014 76.38) | #39342d | hsl(35, 12%, 20%) |
|
|
| 700 | oklch(0.303 0.012 78.12) | #322e28 | hsl(36, 11%, 18%) |
|
|
| 800 | oklch(0.275 0.011 73.47) | #2b2722 | hsl(33, 12%, 15%) |
|
|
| 900 | oklch(0.249 0.010 80.61) | #24211c | hsl(38, 13%, 13%) |
|
|
| 950 | oklch(0.219 0.007 78.18) | #1c1a17 | hsl(36, 10%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.029 41.74) | #f6ded5 | hsl(16, 65%, 90%) |
|
|
| 100 | oklch(0.858 0.052 42.43) | #efc6b6 | hsl(17, 64%, 83%) |
|
|
| 200 | oklch(0.797 0.076 40.45) | #e8ad98 | hsl(16, 63%, 75%) |
|
|
| 300 | oklch(0.739 0.100 40.99) | #e19579 | hsl(16, 63%, 68%) |
|
|
| 400 | oklch(0.682 0.126 40.44) | #da7c5a | hsl(16, 63%, 60%) |
|
|
| 500 | oklch(0.631 0.151 40.16) | #d3643b | hsl(16, 63%, 53%) |
|
|
| 600 | oklch(0.560 0.146 39.80) | #b95029 | hsl(16, 64%, 44%) |
|
|
| 700 | oklch(0.481 0.122 40.30) | #954121 | hsl(17, 64%, 36%) |
|
|
| 800 | oklch(0.397 0.098 40.25) | #713119 | hsl(16, 64%, 27%) |
|
|
| 900 | oklch(0.309 0.071 41.37) | #4d2211 | hsl(17, 64%, 18%) |
|
|
| 950 | oklch(0.216 0.043 40.97) | #2a1209 | hsl(16, 65%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
