Serene Earthy Color Palette
This palette radiates a serene yet earthy vibe, blending soft mint green and sunny yellow with rich earthy browns, a bold crimson, and deep charcoal, creating a harmonious balance of warmth and intensity.
Practical uses and creative applications
The Serene Earthy Color Palette is a harmonious blend of tranquil greens, warm neutrals, and deep, grounding tones that evoke a sense of peace and connection with nature. Comprising shades like #a2c7bb (soft seafoam), #dde29f (gentle olive), #ac8d49 (rich ochre), #ac0d0d (deep burgundy), and #320606 (dark mahogany), this palette is perfect for brands that want to convey sustainability, wellness, and authenticity.
Whether used in branding or web design, these colors can create a welcoming online presence that resonates with eco-conscious consumers. Ideal for creatives and designers in industries such as organic products, wellness, and artisanal crafts, the Serene Earthy Color Palette can elevate packaging designs and interior spaces alike.
Use these shades to craft soothing environments in spas, cafes, or boutique shops, where the goal is to cultivate a calming atmosphere. The earthy tones encourage relaxation and mindfulness, making them excellent choices for meditation apps, yoga studios, or nature-inspired home decor.
With its versatile appeal, this palette invites audiences to embrace a lifestyle rooted in simplicity and natural beauty.
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.015 175.71) | #dfece8 | hsl(162, 25%, 90%) |
|
|
| 100 | oklch(0.905 0.019 176.40) | #d3e4df | hsl(162, 24%, 86%) |
|
|
| 200 | oklch(0.879 0.025 174.66) | #c7ddd6 | hsl(161, 24%, 82%) |
|
|
| 300 | oklch(0.853 0.032 174.17) | #bad6cd | hsl(161, 25%, 78%) |
|
|
| 400 | oklch(0.825 0.037 174.50) | #aecec4 | hsl(161, 25%, 75%) |
|
|
| 500 | oklch(0.799 0.043 173.47) | #a2c7bb | hsl(161, 25%, 71%) |
|
|
| 600 | oklch(0.715 0.061 172.54) | #7bb09f | hsl(161, 25%, 59%) |
|
|
| 700 | oklch(0.620 0.069 171.42) | #599481 | hsl(161, 25%, 46%) |
|
|
| 800 | oklch(0.499 0.053 171.38) | #426d5f | hsl(160, 25%, 34%) |
|
|
| 900 | oklch(0.372 0.039 170.26) | #2a473d | hsl(159, 26%, 22%) |
|
|
| 950 | oklch(0.230 0.020 173.34) | #13201c | hsl(162, 25%, 10%) |
|
dsfds
| 50 | oklch(0.956 0.036 110.51) | #f1f3d8 | hsl(64, 53%, 90%) |
|
|
| 100 | oklch(0.944 0.047 111.17) | #edf0cc | hsl(65, 55%, 87%) |
|
|
| 200 | oklch(0.930 0.056 110.73) | #e9ecc1 | hsl(64, 53%, 84%) |
|
|
| 300 | oklch(0.918 0.067 111.35) | #e5e9b6 | hsl(65, 54%, 81%) |
|
|
| 400 | oklch(0.905 0.077 111.07) | #e1e5aa | hsl(64, 53%, 78%) |
|
|
| 500 | oklch(0.893 0.087 111.61) | #dde29f | hsl(64, 54%, 75%) |
|
|
| 600 | oklch(0.839 0.128 112.78) | #cbd36c | hsl(65, 54%, 63%) |
|
|
| 700 | oklch(0.779 0.154 113.61) | #b7c13a | hsl(64, 54%, 49%) |
|
|
| 800 | oklch(0.621 0.121 113.89) | #868e2b | hsl(65, 54%, 36%) |
|
|
| 900 | oklch(0.450 0.084 112.81) | #565a1b | hsl(64, 54%, 23%) |
|
|
| 950 | oklch(0.263 0.044 112.88) | #25270c | hsl(64, 53%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.020 84.59) | #f0e9db | hsl(40, 41%, 90%) |
|
|
| 100 | oklch(0.882 0.037 86.17) | #e3d7bd | hsl(41, 40%, 82%) |
|
|
| 200 | oklch(0.828 0.054 86.74) | #d6c59f | hsl(41, 40%, 73%) |
|
|
| 300 | oklch(0.775 0.071 86.01) | #cab381 | hsl(41, 41%, 65%) |
|
|
| 400 | oklch(0.720 0.087 85.97) | #bda163 | hsl(41, 41%, 56%) |
|
|
| 500 | oklch(0.658 0.095 85.15) | #ac8d49 | hsl(41, 40%, 48%) |
|
|
| 600 | oklch(0.581 0.083 85.55) | #91773d | hsl(41, 41%, 40%) |
|
|
| 700 | oklch(0.500 0.070 84.26) | #766032 | hsl(41, 40%, 33%) |
|
|
| 800 | oklch(0.417 0.057 85.95) | #5a4a26 | hsl(42, 41%, 25%) |
|
|
| 900 | oklch(0.330 0.042 86.37) | #3f341b | hsl(42, 40%, 18%) |
|
|
| 950 | oklch(0.235 0.027 83.93) | #241d0f | hsl(40, 41%, 10%) |
|
dsfds
| 50 | oklch(0.894 0.049 18.10) | #fbd0d0 | hsl(0, 84%, 90%) |
|
|
| 100 | oklch(0.788 0.109 19.80) | #f89d9d | hsl(0, 87%, 79%) |
|
|
| 200 | oklch(0.694 0.170 22.56) | #f46a6a | hsl(0, 86%, 69%) |
|
|
| 300 | oklch(0.626 0.220 26.40) | #f03737 | hsl(0, 86%, 58%) |
|
|
| 400 | oklch(0.572 0.228 28.64) | #df1111 | hsl(0, 86%, 47%) |
|
|
| 500 | oklch(0.472 0.187 28.48) | #ac0d0d | hsl(0, 86%, 36%) |
|
|
| 600 | oklch(0.421 0.166 28.35) | #930b0b | hsl(0, 86%, 31%) |
|
|
| 700 | oklch(0.369 0.144 28.17) | #7a0909 | hsl(0, 86%, 26%) |
|
|
| 800 | oklch(0.315 0.121 27.92) | #610707 | hsl(0, 87%, 20%) |
|
|
| 900 | oklch(0.258 0.098 27.55) | #480505 | hsl(0, 87%, 15%) |
|
|
| 950 | oklch(0.200 0.071 26.45) | #2f0404 | hsl(0, 84%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.046 18.05) | #fad1d1 | hsl(0, 80%, 90%) |
|
|
| 100 | oklch(0.744 0.126 20.51) | #f18a8a | hsl(0, 79%, 74%) |
|
|
| 200 | oklch(0.623 0.203 25.31) | #e84242 | hsl(0, 78%, 58%) |
|
|
| 300 | oklch(0.520 0.201 28.04) | #c21717 | hsl(0, 79%, 43%) |
|
|
| 400 | oklch(0.373 0.140 27.48) | #7a0f0f | hsl(0, 78%, 27%) |
|
|
| 500 | oklch(0.210 0.071 25.76) | #320606 | hsl(0, 79%, 11%) |
|
|
| 600 | oklch(0.208 0.070 25.66) | #310606 | hsl(0, 78%, 11%) |
|
|
| 700 | oklch(0.206 0.068 25.56) | #300606 | hsl(0, 78%, 11%) |
|
|
| 800 | oklch(0.204 0.067 25.45) | #2f0606 | hsl(0, 77%, 10%) |
|
|
| 900 | oklch(0.201 0.066 25.34) | #2e0606 | hsl(0, 77%, 10%) |
|
|
| 950 | oklch(0.199 0.068 25.83) | #2e0505 | hsl(0, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
