Warm Earthy Color Palette
This warm, earthy palette radiates a cozy, sun-kissed vibe, blending soft caramel browns and creamy beige with vibrant coral and peachy hues, perfect for evoking a relaxed, inviting atmosphere.
Practical uses and creative applications
The Warm Earthy Color Palette is a captivating blend of soft, natural tones that evoke a sense of comfort and tranquility. Featuring shades like #bf9f88, #e8c8a1, #fce4be, #f6a68d, and #f96153, this palette is ideal for designers and creatives looking to create a warm, inviting atmosphere.
Whether you're working on branding, web design, packaging, or interior décor, these earthy hues can seamlessly enhance any project, making them perfect for businesses in the wellness, organic, or eco-friendly sectors. For branding, the Warm Earthy Color Palette conveys a sense of authenticity and reliability, which is particularly appealing to small businesses and artisanal brands.
In web design, these colors can create a user-friendly interface that encourages engagement and fosters a sense of community. Additionally, when used in packaging, these warm tones can evoke feelings of nostalgia and warmth, making products feel more relatable and accessible.
This palette is not only versatile but also resonates deeply with audiences who appreciate natural aesthetics and sustainable living.
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.924 0.013 56.24) | #ede4de | hsl(24, 29%, 90%) |
|
|
| 100 | oklch(0.885 0.020 55.12) | #e4d6cd | hsl(23, 30%, 85%) |
|
|
| 200 | oklch(0.847 0.027 58.23) | #dbc9bc | hsl(25, 30%, 80%) |
|
|
| 300 | oklch(0.806 0.034 59.98) | #d1bbaa | hsl(26, 30%, 74%) |
|
|
| 400 | oklch(0.766 0.042 58.61) | #c8ad99 | hsl(26, 30%, 69%) |
|
|
| 500 | oklch(0.725 0.050 57.55) | #bf9f88 | hsl(25, 30%, 64%) |
|
|
| 600 | oklch(0.640 0.067 56.73) | #ac8264 | hsl(25, 30%, 53%) |
|
|
| 700 | oklch(0.546 0.063 56.37) | #8d674c | hsl(25, 30%, 43%) |
|
|
| 800 | oklch(0.445 0.050 57.91) | #694d38 | hsl(26, 30%, 32%) |
|
|
| 900 | oklch(0.335 0.035 55.57) | #453225 | hsl(24, 30%, 21%) |
|
|
| 950 | oklch(0.218 0.018 55.23) | #211812 | hsl(24, 29%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.027 72.80) | #f5e7d6 | hsl(33, 61%, 90%) |
|
|
| 100 | oklch(0.918 0.035 74.40) | #f2e1cb | hsl(34, 60%, 87%) |
|
|
| 200 | oklch(0.902 0.042 73.14) | #f0dbc1 | hsl(33, 61%, 85%) |
|
|
| 300 | oklch(0.883 0.049 72.19) | #edd4b6 | hsl(33, 60%, 82%) |
|
|
| 400 | oklch(0.867 0.056 71.42) | #ebceac | hsl(32, 61%, 80%) |
|
|
| 500 | oklch(0.850 0.063 72.32) | #e8c8a1 | hsl(33, 61%, 77%) |
|
|
| 600 | oklch(0.765 0.099 70.86) | #dba86a | hsl(33, 61%, 64%) |
|
|
| 700 | oklch(0.683 0.129 67.65) | #cd8833 | hsl(33, 61%, 50%) |
|
|
| 800 | oklch(0.546 0.101 68.02) | #976425 | hsl(33, 61%, 37%) |
|
|
| 900 | oklch(0.398 0.071 68.09) | #603f17 | hsl(33, 61%, 23%) |
|
|
| 950 | oklch(0.235 0.036 69.87) | #291b0a | hsl(33, 61%, 10%) |
|
dsfds
| 50 | oklch(0.947 0.043 79.80) | #fdebce | hsl(37, 92%, 90%) |
|
|
| 100 | oklch(0.942 0.045 78.06) | #fde9cb | hsl(36, 93%, 89%) |
|
|
| 200 | oklch(0.939 0.047 79.60) | #fce8c8 | hsl(37, 90%, 89%) |
|
|
| 300 | oklch(0.936 0.050 79.85) | #fce7c5 | hsl(37, 90%, 88%) |
|
|
| 400 | oklch(0.932 0.053 79.01) | #fce5c1 | hsl(37, 91%, 87%) |
|
|
| 500 | oklch(0.929 0.056 79.26) | #fce4be | hsl(37, 91%, 87%) |
|
|
| 600 | oklch(0.853 0.116 77.58) | #f9c573 | hsl(37, 92%, 71%) |
|
|
| 700 | oklch(0.784 0.157 72.40) | #f5a629 | hsl(37, 91%, 56%) |
|
|
| 800 | oklch(0.652 0.140 68.76) | #c67d09 | hsl(37, 91%, 41%) |
|
|
| 900 | oklch(0.465 0.098 69.86) | #7c4e06 | hsl(37, 91%, 25%) |
|
|
| 950 | oklch(0.256 0.051 75.73) | #311f02 | hsl(37, 92%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.039 37.53) | #fbdad0 | hsl(14, 84%, 90%) |
|
|
| 100 | oklch(0.890 0.051 39.27) | #fad0c2 | hsl(15, 85%, 87%) |
|
|
| 200 | oklch(0.865 0.064 37.79) | #f9c5b5 | hsl(14, 85%, 84%) |
|
|
| 300 | oklch(0.843 0.076 38.01) | #f8bba8 | hsl(14, 85%, 82%) |
|
|
| 400 | oklch(0.819 0.089 37.93) | #f7b09a | hsl(14, 85%, 79%) |
|
|
| 500 | oklch(0.797 0.102 38.10) | #f6a68d | hsl(14, 85%, 76%) |
|
|
| 600 | oklch(0.701 0.162 37.69) | #f1754f | hsl(14, 85%, 63%) |
|
|
| 700 | oklch(0.626 0.208 35.72) | #ea4612 | hsl(14, 86%, 49%) |
|
|
| 800 | oklch(0.500 0.163 35.78) | #ac330e | hsl(14, 85%, 36%) |
|
|
| 900 | oklch(0.366 0.114 36.52) | #6e2109 | hsl(14, 85%, 23%) |
|
|
| 950 | oklch(0.216 0.058 38.98) | #2f0e04 | hsl(14, 84%, 10%) |
|
dsfds
| 50 | oklch(0.899 0.049 24.33) | #fdd2ce | hsl(5, 92%, 90%) |
|
|
| 100 | oklch(0.850 0.076 24.77) | #fcbbb5 | hsl(5, 92%, 85%) |
|
|
| 200 | oklch(0.806 0.105 25.38) | #fca59d | hsl(5, 94%, 80%) |
|
|
| 300 | oklch(0.761 0.134 26.18) | #fb8e84 | hsl(5, 94%, 75%) |
|
|
| 400 | oklch(0.722 0.161 27.16) | #fa786c | hsl(5, 93%, 70%) |
|
|
| 500 | oklch(0.686 0.189 28.26) | #f96153 | hsl(5, 93%, 65%) |
|
|
| 600 | oklch(0.631 0.235 30.02) | #f72f1d | hsl(5, 93%, 54%) |
|
|
| 700 | oklch(0.554 0.217 30.14) | #d41907 | hsl(5, 94%, 43%) |
|
|
| 800 | oklch(0.446 0.173 30.07) | #9e1206 | hsl(5, 93%, 32%) |
|
|
| 900 | oklch(0.333 0.126 30.37) | #680c04 | hsl(5, 93%, 21%) |
|
|
| 950 | oklch(0.207 0.071 31.94) | #310602 | hsl(5, 92%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
