Serene Earthy Color Palette
This palette radiates a serene, earthy elegance, blending soft butter yellow and muted olive with deep charcoal and slate, evoking a tranquil, modern retreat.
Practical uses and creative applications
The Serene Earthy Color Palette is a harmonious blend of soft yellows, muted greens, and deep grays that evokes a sense of calm and connection to nature. Comprising shades like #eee6ab, #c5bc8e, #696758, #45484b, and #36393b, this palette is ideal for brands looking to convey tranquility and sustainability.
It's particularly well-suited for eco-friendly businesses, wellness brands, or any creative project aimed at promoting mindfulness and natural living. Designers and creatives will find numerous applications for the Serene Earthy Color Palette in both web design and print.
The calming tones work beautifully for branding, helping to create logos that resonate with audiences seeking comfort and authenticity. In packaging, these colors can enhance product visibility while maintaining an organic feel, making them perfect for artisanal goods or organic food products.
Additionally, in interior design, these hues can transform spaces into serene retreats, ideal for home decor or wellness centers looking to create a soothing environment. Whether you're a designer crafting a new visual identity or a creative looking to enhance your space, this palette offers endless possibilities for conveying a tranquil and grounded atmosphere.
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.
| 50 | oklch(0.957 0.038 100.64) | #f6f2d5 | hsl(53, 65%, 90%) |
|
|
| 100 | oklch(0.950 0.047 100.72) | #f5f0cc | hsl(53, 67%, 88%) |
|
|
| 200 | oklch(0.940 0.054 100.46) | #f3edc4 | hsl(52, 66%, 86%) |
|
|
| 300 | oklch(0.933 0.061 101.45) | #f1ebbc | hsl(53, 65%, 84%) |
|
|
| 400 | oklch(0.924 0.069 100.43) | #f0e8b3 | hsl(52, 67%, 82%) |
|
|
| 500 | oklch(0.917 0.076 101.26) | #eee6ab | hsl(53, 66%, 80%) |
|
|
| 600 | oklch(0.861 0.124 101.50) | #e2d46f | hsl(53, 66%, 66%) |
|
|
| 700 | oklch(0.809 0.154 101.38) | #d6c334 | hsl(53, 66%, 52%) |
|
|
| 800 | oklch(0.655 0.126 100.73) | #a29221 | hsl(53, 66%, 38%) |
|
|
| 900 | oklch(0.471 0.089 100.95) | #665c15 | hsl(53, 66%, 24%) |
|
|
| 950 | oklch(0.266 0.045 101.47) | #2a2609 | hsl(53, 65%, 10%) |
|
| 50 | oklch(0.939 0.019 96.87) | #eeebdd | hsl(49, 33%, 90%) |
|
|
| 100 | oklch(0.910 0.028 98.09) | #e6e2cd | hsl(50, 33%, 85%) |
|
|
| 200 | oklch(0.879 0.035 98.11) | #ddd8be | hsl(50, 31%, 81%) |
|
|
| 300 | oklch(0.851 0.045 98.73) | #d5cfae | hsl(51, 32%, 76%) |
|
|
| 400 | oklch(0.820 0.053 97.75) | #cdc59e | hsl(50, 32%, 71%) |
|
|
| 500 | oklch(0.791 0.062 98.32) | #c5bc8e | hsl(50, 32%, 66%) |
|
|
| 600 | oklch(0.718 0.082 98.45) | #b1a568 | hsl(50, 32%, 55%) |
|
|
| 700 | oklch(0.624 0.082 98.29) | #94884c | hsl(50, 32%, 44%) |
|
|
| 800 | oklch(0.504 0.065 98.29) | #6e6538 | hsl(50, 33%, 33%) |
|
|
| 900 | oklch(0.377 0.045 97.94) | #484225 | hsl(50, 32%, 21%) |
|
|
| 950 | oklch(0.238 0.025 97.55) | #221f11 | hsl(49, 33%, 10%) |
|
| 50 | oklch(0.928 0.005 95.10) | #e8e7e3 | hsl(48, 10%, 90%) |
|
|
| 100 | oklch(0.850 0.011 100.85) | #cfcec6 | hsl(53, 9%, 79%) |
|
|
| 200 | oklch(0.773 0.018 103.24) | #b7b6a9 | hsl(56, 9%, 69%) |
|
|
| 300 | oklch(0.693 0.024 101.52) | #9f9d8c | hsl(54, 9%, 59%) |
|
|
| 400 | oklch(0.607 0.028 99.78) | #868370 | hsl(52, 9%, 48%) |
|
|
| 500 | oklch(0.511 0.023 100.92) | #696758 | hsl(53, 9%, 38%) |
|
|
| 600 | oklch(0.458 0.021 99.96) | #5a584b | hsl(52, 9%, 32%) |
|
|
| 700 | oklch(0.403 0.018 102.90) | #4a493e | hsl(55, 9%, 27%) |
|
|
| 800 | oklch(0.346 0.015 101.95) | #3b3a31 | hsl(54, 9%, 21%) |
|
|
| 900 | oklch(0.284 0.011 99.27) | #2b2a24 | hsl(51, 9%, 15%) |
|
|
| 950 | oklch(0.222 0.008 95.41) | #1c1b17 | hsl(48, 10%, 10%) |
|
| 50 | oklch(0.924 0.003 228.79) | #e4e6e7 | hsl(200, 6%, 90%) |
|
|
| 100 | oklch(0.826 0.004 247.87) | #c4c6c8 | hsl(210, 4%, 78%) |
|
|
| 200 | oklch(0.726 0.006 239.86) | #a3a7aa | hsl(206, 4%, 65%) |
|
|
| 300 | oklch(0.621 0.010 247.98) | #82878c | hsl(210, 4%, 53%) |
|
|
| 400 | oklch(0.514 0.009 241.79) | #63686c | hsl(207, 4%, 41%) |
|
|
| 500 | oklch(0.400 0.006 247.99) | #45484b | hsl(210, 4%, 28%) |
|
|
| 600 | oklch(0.366 0.005 236.65) | #3c3f41 | hsl(204, 4%, 25%) |
|
|
| 700 | oklch(0.328 0.006 258.35) | #333538 | hsl(216, 5%, 21%) |
|
|
| 800 | oklch(0.292 0.005 247.99) | #2a2c2e | hsl(210, 5%, 17%) |
|
|
| 900 | oklch(0.254 0.004 228.93) | #212324 | hsl(200, 4%, 14%) |
|
|
| 950 | oklch(0.216 0.004 228.98) | #181a1b | hsl(200, 6%, 10%) |
|
| 50 | oklch(0.924 0.003 228.79) | #e4e6e7 | hsl(200, 6%, 90%) |
|
|
| 100 | oklch(0.816 0.005 247.89) | #c0c3c6 | hsl(210, 5%, 76%) |
|
|
| 200 | oklch(0.706 0.007 233.69) | #9ca1a4 | hsl(203, 4%, 63%) |
|
|
| 300 | oklch(0.592 0.010 232.48) | #787f83 | hsl(202, 4%, 49%) |
|
|
| 400 | oklch(0.471 0.008 233.79) | #575c5f | hsl(203, 4%, 36%) |
|
|
| 500 | oklch(0.342 0.005 236.66) | #36393b | hsl(204, 4%, 22%) |
|
|
| 600 | oklch(0.319 0.005 236.69) | #303335 | hsl(204, 5%, 20%) |
|
|
| 700 | oklch(0.292 0.005 247.99) | #2a2c2e | hsl(210, 5%, 17%) |
|
|
| 800 | oklch(0.267 0.005 248.00) | #242628 | hsl(210, 5%, 15%) |
|
|
| 900 | oklch(0.242 0.004 228.95) | #1e2021 | hsl(200, 5%, 12%) |
|
|
| 950 | oklch(0.216 0.004 228.98) | #181a1b | hsl(200, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
