Serene Earthy Color Palette
This palette exudes a serene, earthy vibe with soft creams and muted browns, accented by gentle mint greens, creating a calming and sophisticated atmosphere reminiscent of a sunlit, nature-inspired retreat.
Practical uses and creative applications
The Serene Earthy Color Palette features a harmonious blend of soft neutrals and muted greens, making it an ideal choice for designers seeking to create a calming and inviting atmosphere. With its main colors#f2ecdc, #574345, #e3dacb, #c5ffe5, and #f5eed4this palette is perfect for web design, branding, and interior decor projects that aim to evoke tranquility and connection to nature.
The gentle tones are particularly well-suited for wellness brands, eco-friendly products, and lifestyle blogs focused on mindfulness and sustainability. Creatives and designers can leverage the Serene Earthy Color Palette to enhance their packaging designs, offering consumers a sense of peace and comfort.
Whether you’re designing a cozy café’s branding or a serene spa’s website, these colors effortlessly convey a message of warmth and relaxation. Additionally, this palette works beautifully in interior spaces, creating serene environments in homes or offices that promote productivity and calmness.
Embrace the natural elegance of this palette to resonate with an audience that values aesthetics and emotional well-being.
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.940 0.023 90.75) | #f1ebda | hsl(44, 45%, 90%) |
|
|
| 100 | oklch(0.940 0.023 90.75) | #f1ebda | hsl(44, 45%, 90%) |
|
|
| 200 | oklch(0.941 0.023 87.15) | #f2ebdb | hsl(42, 47%, 90%) |
|
|
| 300 | oklch(0.943 0.023 90.75) | #f2ecdb | hsl(44, 47%, 90%) |
|
|
| 400 | oklch(0.943 0.022 89.79) | #f2ecdc | hsl(44, 46%, 91%) |
|
|
| 500 | oklch(0.943 0.022 89.79) | #f2ecdc | hsl(44, 46%, 91%) |
|
|
| 600 | oklch(0.845 0.060 89.01) | #dccba0 | hsl(43, 46%, 75%) |
|
|
| 700 | oklch(0.749 0.096 89.91) | #c5ab64 | hsl(44, 46%, 58%) |
|
|
| 800 | oklch(0.617 0.097 88.70) | #9d823a | hsl(44, 46%, 42%) |
|
|
| 900 | oklch(0.439 0.066 88.37) | #615024 | hsl(43, 46%, 26%) |
|
|
| 950 | oklch(0.241 0.030 90.59) | #251f0e | hsl(44, 45%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.008 7.30) | #e9e2e3 | hsl(351, 14%, 90%) |
|
|
| 100 | oklch(0.820 0.016 12.50) | #cec0c1 | hsl(356, 13%, 78%) |
|
|
| 200 | oklch(0.717 0.027 8.87) | #b49da0 | hsl(352, 13%, 66%) |
|
|
| 300 | oklch(0.612 0.037 11.48) | #997b7e | hsl(354, 13%, 54%) |
|
|
| 400 | oklch(0.510 0.035 13.41) | #795e60 | hsl(356, 13%, 42%) |
|
|
| 500 | oklch(0.405 0.028 11.65) | #574345 | hsl(354, 13%, 30%) |
|
|
| 600 | oklch(0.368 0.024 10.40) | #4b3a3c | hsl(353, 13%, 26%) |
|
|
| 700 | oklch(0.331 0.022 9.37) | #403133 | hsl(352, 13%, 22%) |
|
|
| 800 | oklch(0.291 0.018 12.62) | #342829 | hsl(355, 13%, 18%) |
|
|
| 900 | oklch(0.250 0.014 10.61) | #281f20 | hsl(353, 13%, 14%) |
|
|
| 950 | oklch(0.209 0.011 8.44) | #1d1617 | hsl(351, 14%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.014 78.26) | #ede7de | hsl(36, 29%, 90%) |
|
|
| 100 | oklch(0.924 0.016 82.79) | #ebe5da | hsl(39, 30%, 89%) |
|
|
| 200 | oklch(0.915 0.018 81.33) | #e9e2d6 | hsl(38, 30%, 88%) |
|
|
| 300 | oklch(0.907 0.018 78.24) | #e7dfd3 | hsl(36, 29%, 87%) |
|
|
| 400 | oklch(0.900 0.021 81.78) | #e5ddcf | hsl(38, 30%, 85%) |
|
|
| 500 | oklch(0.891 0.022 80.68) | #e3dacb | hsl(38, 30%, 84%) |
|
|
| 600 | oklch(0.786 0.044 81.06) | #c8b79a | hsl(38, 29%, 69%) |
|
|
| 700 | oklch(0.679 0.067 80.34) | #ae9468 | hsl(38, 30%, 55%) |
|
|
| 800 | oklch(0.548 0.061 79.50) | #846d47 | hsl(37, 30%, 40%) |
|
|
| 900 | oklch(0.395 0.042 80.53) | #52442c | hsl(38, 30%, 25%) |
|
|
| 950 | oklch(0.226 0.019 77.63) | #211b12 | hsl(36, 29%, 10%) |
|
dsfds
| 50 | oklch(0.959 0.060 165.89) | #ccffe8 | hsl(153, 100%, 90%) |
|
|
| 100 | oklch(0.958 0.061 166.32) | #cbffe8 | hsl(153, 100%, 90%) |
|
|
| 200 | oklch(0.956 0.064 166.12) | #c9ffe7 | hsl(153, 100%, 89%) |
|
|
| 300 | oklch(0.956 0.065 165.53) | #c8ffe6 | hsl(153, 100%, 89%) |
|
|
| 400 | oklch(0.954 0.067 166.32) | #c6ffe6 | hsl(154, 100%, 89%) |
|
|
| 500 | oklch(0.954 0.068 165.75) | #c5ffe5 | hsl(153, 100%, 89%) |
|
|
| 600 | oklch(0.907 0.150 161.73) | #75ffc1 | hsl(153, 100%, 73%) |
|
|
| 700 | oklch(0.882 0.207 156.27) | #25ff9d | hsl(153, 100%, 57%) |
|
|
| 800 | oklch(0.761 0.193 153.79) | #00d375 | hsl(153, 100%, 41%) |
|
|
| 900 | oklch(0.535 0.134 154.37) | #008348 | hsl(153, 100%, 26%) |
|
|
| 950 | oklch(0.283 0.067 157.54) | #00331c | hsl(153, 100%, 10%) |
|
dsfds
| 50 | oklch(0.950 0.033 95.87) | #f5efd6 | hsl(48, 61%, 90%) |
|
|
| 100 | oklch(0.950 0.035 96.30) | #f5efd5 | hsl(49, 62%, 90%) |
|
|
| 200 | oklch(0.948 0.034 94.06) | #f5eed5 | hsl(47, 62%, 90%) |
|
|
| 300 | oklch(0.948 0.034 94.06) | #f5eed5 | hsl(47, 62%, 90%) |
|
|
| 400 | oklch(0.948 0.035 94.55) | #f5eed4 | hsl(47, 62%, 90%) |
|
|
| 500 | oklch(0.948 0.035 94.55) | #f5eed4 | hsl(47, 62%, 90%) |
|
|
| 600 | oklch(0.870 0.087 94.68) | #e6d492 | hsl(47, 63%, 74%) |
|
|
| 700 | oklch(0.793 0.128 94.46) | #d6ba50 | hsl(47, 62%, 58%) |
|
|
| 800 | oklch(0.664 0.123 93.28) | #ad9128 | hsl(47, 62%, 42%) |
|
|
| 900 | oklch(0.472 0.085 93.92) | #6b5a19 | hsl(48, 62%, 26%) |
|
|
| 950 | oklch(0.257 0.040 95.90) | #29230a | hsl(48, 61%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
