Serene Earthy Color Palette
This palette radiates a serene and earthy vibe, blending muted mauve, soothing teal, fresh mint green, soft buttery yellow, and pale cream, perfect for a tranquil, nature-inspired space.
Practical uses and creative applications
The Serene Earthy Color Palette is a harmonious blend of muted tones that evoke a sense of calm and tranquility. Featuring shades like #796c86, a soft mauve, and #74aa9b, a refreshing teal, this palette is perfect for designers looking to create a soothing visual experience.
Ideal for branding and web design, it can be used to craft websites or logos that resonate with audiences seeking mindfulness and balance. The earthy undertones lend themselves beautifully to packaging as well, making products feel organic and approachable.
This palette is particularly suited for creatives targeting wellness brands, eco-friendly products, or any business that promotes a serene lifestyle. Interior designers can also tap into this color scheme to create cozy yet sophisticated spaces, using colors like #91c68da gentle greenand #ece488, a warm yellow, to inspire relaxation and positivity.
Whether you're designing a calming yoga studio or an inviting café, the Serene Earthy Color Palette will help establish an inviting atmosphere that appeals to individuals seeking comfort and authenticity in their surroundings.
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.920 0.007 312.30) | #e6e3e8 | hsl(276, 10%, 90%) |
|
|
| 100 | oklch(0.849 0.015 308.27) | #d0cbd5 | hsl(270, 11%, 82%) |
|
|
| 200 | oklch(0.777 0.022 306.76) | #bab3c2 | hsl(268, 11%, 73%) |
|
|
| 300 | oklch(0.703 0.029 306.90) | #a49bae | hsl(268, 10%, 65%) |
|
|
| 400 | oklch(0.629 0.038 307.79) | #8f839b | hsl(270, 11%, 56%) |
|
|
| 500 | oklch(0.553 0.042 307.61) | #796c86 | hsl(270, 11%, 47%) |
|
|
| 600 | oklch(0.490 0.037 307.62) | #665b71 | hsl(270, 11%, 40%) |
|
|
| 700 | oklch(0.425 0.031 307.64) | #534a5c | hsl(270, 11%, 33%) |
|
|
| 800 | oklch(0.357 0.026 307.67) | #403947 | hsl(270, 11%, 25%) |
|
|
| 900 | oklch(0.286 0.018 310.10) | #2d2831 | hsl(273, 10%, 17%) |
|
|
| 950 | oklch(0.210 0.011 311.98) | #1a171c | hsl(276, 10%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.015 175.71) | #dfece8 | hsl(162, 25%, 90%) |
|
|
| 100 | oklch(0.886 0.024 176.76) | #cadfd9 | hsl(163, 25%, 83%) |
|
|
| 200 | oklch(0.837 0.033 177.01) | #b4d1c9 | hsl(163, 24%, 76%) |
|
|
| 300 | oklch(0.790 0.042 176.92) | #9fc4ba | hsl(164, 24%, 70%) |
|
|
| 400 | oklch(0.743 0.052 175.52) | #89b7aa | hsl(163, 24%, 63%) |
|
|
| 500 | oklch(0.696 0.061 175.18) | #74aa9b | hsl(163, 24%, 56%) |
|
|
| 600 | oklch(0.622 0.065 174.30) | #5b9484 | hsl(163, 24%, 47%) |
|
|
| 700 | oklch(0.532 0.055 174.25) | #49776a | hsl(163, 24%, 38%) |
|
|
| 800 | oklch(0.438 0.044 174.15) | #375a50 | hsl(163, 24%, 28%) |
|
|
| 900 | oklch(0.338 0.033 173.95) | #253d36 | hsl(163, 24%, 19%) |
|
|
| 950 | oklch(0.230 0.020 173.34) | #13201c | hsl(162, 25%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.028 143.70) | #deeedd | hsl(116, 33%, 90%) |
|
|
| 100 | oklch(0.901 0.042 143.01) | #cfe6cd | hsl(115, 33%, 85%) |
|
|
| 200 | oklch(0.869 0.056 143.46) | #bfdebd | hsl(116, 33%, 81%) |
|
|
| 300 | oklch(0.838 0.069 143.02) | #b0d6ad | hsl(116, 33%, 76%) |
|
|
| 400 | oklch(0.806 0.083 143.21) | #a0ce9d | hsl(116, 33%, 71%) |
|
|
| 500 | oklch(0.775 0.097 142.87) | #91c68d | hsl(116, 33%, 66%) |
|
|
| 600 | oklch(0.701 0.129 142.64) | #6cb367 | hsl(116, 33%, 55%) |
|
|
| 700 | oklch(0.606 0.128 142.46) | #50954b | hsl(116, 33%, 44%) |
|
|
| 800 | oklch(0.491 0.102 142.40) | #3b6f37 | hsl(116, 34%, 33%) |
|
|
| 900 | oklch(0.366 0.071 142.21) | #274824 | hsl(115, 33%, 21%) |
|
|
| 950 | oklch(0.232 0.039 142.90) | #122211 | hsl(116, 33%, 10%) |
|
dsfds
| 50 | oklch(0.964 0.044 103.05) | #f8f5d3 | hsl(55, 73%, 90%) |
|
|
| 100 | oklch(0.953 0.060 103.35) | #f6f2c4 | hsl(55, 74%, 87%) |
|
|
| 200 | oklch(0.939 0.073 103.52) | #f3eeb5 | hsl(55, 72%, 83%) |
|
|
| 300 | oklch(0.929 0.088 103.76) | #f1eba6 | hsl(55, 73%, 80%) |
|
|
| 400 | oklch(0.916 0.101 103.91) | #eee797 | hsl(55, 72%, 76%) |
|
|
| 500 | oklch(0.905 0.114 104.09) | #ece488 | hsl(55, 72%, 73%) |
|
|
| 600 | oklch(0.865 0.152 104.19) | #e3d751 | hsl(55, 72%, 60%) |
|
|
| 700 | oklch(0.807 0.163 104.02) | #d2c422 | hsl(55, 72%, 48%) |
|
|
| 800 | oklch(0.643 0.129 103.69) | #9b9019 | hsl(55, 72%, 35%) |
|
|
| 900 | oklch(0.470 0.093 104.72) | #635d10 | hsl(56, 72%, 23%) |
|
|
| 950 | oklch(0.276 0.051 104.29) | #2c2907 | hsl(55, 73%, 10%) |
|
dsfds
| 50 | oklch(0.965 0.044 105.82) | #f7f6d4 | hsl(58, 69%, 90%) |
|
|
| 100 | oklch(0.965 0.047 105.94) | #f7f6d2 | hsl(58, 70%, 90%) |
|
|
| 200 | oklch(0.964 0.048 106.00) | #f7f6d1 | hsl(58, 70%, 89%) |
|
|
| 300 | oklch(0.963 0.049 107.29) | #f6f6d0 | hsl(60, 68%, 89%) |
|
|
| 400 | oklch(0.961 0.051 106.11) | #f6f5ce | hsl(59, 69%, 89%) |
|
|
| 500 | oklch(0.961 0.052 106.16) | #f6f5cd | hsl(59, 69%, 88%) |
|
|
| 600 | oklch(0.910 0.116 106.90) | #eae789 | hsl(58, 70%, 73%) |
|
|
| 700 | oklch(0.866 0.164 107.85) | #deda45 | hsl(58, 70%, 57%) |
|
|
| 800 | oklch(0.734 0.150 107.85) | #b3af20 | hsl(58, 70%, 41%) |
|
|
| 900 | oklch(0.520 0.105 108.19) | #6f6d14 | hsl(59, 69%, 26%) |
|
|
| 950 | oklch(0.278 0.051 107.66) | #2b2a08 | hsl(58, 69%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
