Serene Earthy Color Palette
This palette exudes a serene, earthy vibe with deep mauve, refreshing teal, soft sage, warm peach, and gentle cream, creating a harmonious blend that feels both tranquil and uplifting.
Practical uses and creative applications
The Serene Earthy Color Palette is a harmonious blend of muted tones that evoke a sense of tranquility and connection to nature. Featuring rich shades like deep taupe (#42393b), soothing sage green (#75c9a3), soft olive (#bac99a), warm peach (#ffc897), and gentle cream (#f7efa2), this palette is ideal for brands that want to convey a sense of calm and sustainability.
Perfect for eco-friendly businesses, wellness brands, or artisanal products, these colors work beautifully in branding efforts, creating a cohesive look that resonates with environmentally-conscious consumers. In web design, the Serene Earthy Color Palette can enhance user experience by fostering a calming atmosphere.
The soft, organic hues are perfect for wellness websites, organic food brands, or lifestyle blogs focused on mindfulness and relaxation. Designers and creatives looking to create packaging that stands out while still feeling grounded will find this palette particularly appealing, as it can beautifully reflect the essence of natural ingredients or sustainable practices.
Additionally, in interior design, these colors can transform spaces into peaceful retreats, making them ideal for homes, yoga studios, or spas that prioritize serenity and comfort. Overall, the Serene Earthy Color Palette is a versatile choice for those seeking to evoke a sense of peace and connection through their designs, making it a must-have for designers, creatives, and brands looking to make a thoughtful impact.
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.921 0.003 17.22) | #e7e4e4 | hsl(0, 6%, 90%) |
|
|
100 | oklch(0.815 0.009 8.60) | #c8c0c1 | hsl(353, 7%, 77%) |
|
|
200 | oklch(0.705 0.016 1.75) | #a99c9f | hsl(346, 7%, 64%) |
|
|
300 | oklch(0.588 0.025 0.17) | #8a777c | hsl(344, 8%, 50%) |
|
|
400 | oklch(0.475 0.019 3.29) | #66585b | hsl(347, 7%, 37%) |
|
|
500 | oklch(0.355 0.013 2.70) | #42393b | hsl(347, 7%, 24%) |
|
|
600 | oklch(0.326 0.012 0.88) | #3a3234 | hsl(345, 7%, 21%) |
|
|
700 | oklch(0.301 0.010 7.94) | #332c2d | hsl(351, 7%, 19%) |
|
|
800 | oklch(0.272 0.009 6.31) | #2b2526 | hsl(350, 8%, 16%) |
|
|
900 | oklch(0.241 0.008 4.06) | #231e1f | hsl(348, 8%, 13%) |
|
|
950 | oklch(0.213 0.005 17.53) | #1b1818 | hsl(0, 6%, 10%) |
|
dsfds
50 | oklch(0.938 0.028 167.81) | #daf1e7 | hsl(154, 45%, 90%) |
|
|
100 | oklch(0.904 0.043 166.06) | #c6e9d9 | hsl(153, 44%, 85%) |
|
|
200 | oklch(0.871 0.057 166.04) | #b2e1cc | hsl(153, 44%, 79%) |
|
|
300 | oklch(0.837 0.071 164.79) | #9ed9be | hsl(153, 44%, 74%) |
|
|
400 | oklch(0.804 0.086 164.68) | #89d1b1 | hsl(153, 44%, 68%) |
|
|
500 | oklch(0.772 0.100 163.36) | #75c9a3 | hsl(153, 44%, 62%) |
|
|
600 | oklch(0.713 0.123 160.92) | #4fba89 | hsl(153, 44%, 52%) |
|
|
700 | oklch(0.613 0.110 160.85) | #3b986e | hsl(153, 44%, 41%) |
|
|
800 | oklch(0.496 0.086 161.25) | #2c7152 | hsl(153, 44%, 31%) |
|
|
900 | oklch(0.374 0.063 161.29) | #1d4b36 | hsl(153, 44%, 20%) |
|
|
950 | oklch(0.242 0.035 163.46) | #0e251b | hsl(154, 45%, 10%) |
|
dsfds
50 | oklch(0.938 0.021 121.85) | #e8edde | hsl(80, 29%, 90%) |
|
|
100 | oklch(0.914 0.030 121.38) | #dfe6d0 | hsl(79, 31%, 86%) |
|
|
200 | oklch(0.889 0.039 121.69) | #d6dfc3 | hsl(79, 30%, 82%) |
|
|
300 | oklch(0.863 0.047 120.71) | #cdd7b5 | hsl(78, 30%, 78%) |
|
|
400 | oklch(0.837 0.056 122.24) | #c3d0a8 | hsl(80, 30%, 74%) |
|
|
500 | oklch(0.812 0.066 122.24) | #bac99a | hsl(79, 30%, 70%) |
|
|
600 | oklch(0.738 0.092 123.02) | #9fb472 | hsl(79, 31%, 58%) |
|
|
700 | oklch(0.645 0.100 123.91) | #819851 | hsl(79, 30%, 46%) |
|
|
800 | oklch(0.519 0.078 123.11) | #60703c | hsl(78, 30%, 34%) |
|
|
900 | oklch(0.386 0.055 123.61) | #3e4927 | hsl(79, 30%, 22%) |
|
|
950 | oklch(0.238 0.028 123.51) | #1c2112 | hsl(80, 29%, 10%) |
|
dsfds
50 | oklch(0.935 0.044 63.91) | #ffe4cc | hsl(28, 100%, 90%) |
|
|
100 | oklch(0.921 0.053 63.41) | #ffdec1 | hsl(28, 100%, 88%) |
|
|
200 | oklch(0.909 0.062 63.75) | #ffd9b7 | hsl(28, 100%, 86%) |
|
|
300 | oklch(0.895 0.071 63.27) | #ffd3ac | hsl(28, 100%, 84%) |
|
|
400 | oklch(0.884 0.080 63.43) | #ffcea2 | hsl(28, 100%, 82%) |
|
|
500 | oklch(0.870 0.089 62.93) | #ffc897 | hsl(28, 100%, 80%) |
|
|
600 | oklch(0.791 0.146 59.44) | #ffa250 | hsl(28, 100%, 66%) |
|
|
700 | oklch(0.728 0.187 51.32) | #ff7d09 | hsl(28, 100%, 52%) |
|
|
800 | oklch(0.587 0.154 50.72) | #c15b00 | hsl(28, 100%, 38%) |
|
|
900 | oklch(0.423 0.108 52.34) | #7a3900 | hsl(28, 100%, 24%) |
|
|
950 | oklch(0.243 0.057 59.83) | #331800 | hsl(28, 100%, 10%) |
|
dsfds
50 | oklch(0.969 0.051 102.46) | #fbf7d0 | hsl(54, 84%, 90%) |
|
|
100 | oklch(0.963 0.060 102.30) | #faf5c7 | hsl(54, 84%, 88%) |
|
|
200 | oklch(0.958 0.070 103.21) | #f9f4be | hsl(55, 83%, 86%) |
|
|
300 | oklch(0.952 0.079 102.36) | #f9f2b4 | hsl(54, 85%, 84%) |
|
|
400 | oklch(0.947 0.089 103.11) | #f8f1ab | hsl(55, 85%, 82%) |
|
|
500 | oklch(0.941 0.097 103.02) | #f7efa2 | hsl(54, 84%, 80%) |
|
|
600 | oklch(0.905 0.152 103.70) | #f1e460 | hsl(55, 84%, 66%) |
|
|
700 | oklch(0.872 0.178 102.42) | #ecd81e | hsl(54, 84%, 52%) |
|
|
800 | oklch(0.707 0.145 102.22) | #b3a30f | hsl(54, 85%, 38%) |
|
|
900 | oklch(0.508 0.103 102.50) | #71670a | hsl(54, 84%, 24%) |
|
|
950 | oklch(0.285 0.056 103.44) | #2f2b04 | hsl(54, 84%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.