Warm Earthy Color Palette
This palette exudes a warm, earthy vibe with a soft blend of blush pinks, sunny yellows, and muted greens, creating a cozy, inviting atmosphere reminiscent of a tranquil autumn afternoon.
Practical uses and creative applications
The Warm Earthy Color Palette features a harmonious blend of #c46564, #f0e999, #b8c99d, #9b726f, and #eeb15b, creating an inviting and grounded aesthetic. This palette is ideal for brands that want to evoke feelings of warmth and connection to nature.
Designers can use these colors in branding to communicate sustainability and reliability, making them perfect for eco-friendly products, organic food brands, and wellness companies. The earthy tones not only resonate with an environmentally conscious audience but also bring a sense of comfort and familiarity.
In the realm of web design, the Warm Earthy Color Palette can be utilized to create stunning, user-friendly interfaces that draw users in. The combination of soft yellows and muted greens can evoke a calm and serene atmosphere, perfect for lifestyle blogs, personal websites, or any platform aiming to foster a sense of community.
Furthermore, these colors work beautifully in interior design, where they can transform spaces into cozy retreats. Whether you're styling a quaint café or designing a serene home office, this palette adds a touch of warmth and sophistication that appeals to creatives and designers alike.
Embrace the natural beauty of the Warm Earthy Color Palette to inspire and engage your audience.
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.907 0.025 17.63) | #f1dada | hsl(0, 45%, 90%) |
|
|
| 100 | oklch(0.849 0.042 19.85) | #e8c3c2 | hsl(2, 45%, 84%) |
|
|
| 200 | oklch(0.789 0.061 18.54) | #dfabab | hsl(0, 45%, 77%) |
|
|
| 300 | oklch(0.731 0.080 20.16) | #d69493 | hsl(1, 45%, 71%) |
|
|
| 400 | oklch(0.673 0.101 20.07) | #cd7c7c | hsl(0, 45%, 65%) |
|
|
| 500 | oklch(0.618 0.122 21.84) | #c46564 | hsl(1, 45%, 58%) |
|
|
| 600 | oklch(0.540 0.144 23.72) | #b34544 | hsl(1, 45%, 48%) |
|
|
| 700 | oklch(0.461 0.119 23.57) | #8f3837 | hsl(1, 44%, 39%) |
|
|
| 800 | oklch(0.380 0.095 23.54) | #6c2a29 | hsl(1, 45%, 29%) |
|
|
| 900 | oklch(0.292 0.068 22.15) | #481c1c | hsl(0, 44%, 20%) |
|
|
| 950 | oklch(0.199 0.039 21.18) | #250e0e | hsl(0, 45%, 10%) |
|
dsfds
| 50 | oklch(0.964 0.044 103.05) | #f8f5d3 | hsl(55, 73%, 90%) |
|
|
| 100 | oklch(0.956 0.057 103.12) | #f7f3c7 | hsl(55, 75%, 87%) |
|
|
| 200 | oklch(0.946 0.067 103.02) | #f5f0bc | hsl(55, 74%, 85%) |
|
|
| 300 | oklch(0.938 0.080 103.94) | #f3eeb0 | hsl(56, 74%, 82%) |
|
|
| 400 | oklch(0.929 0.089 103.13) | #f2eba5 | hsl(55, 75%, 80%) |
|
|
| 500 | oklch(0.922 0.101 103.90) | #f0e999 | hsl(55, 74%, 77%) |
|
|
| 600 | oklch(0.880 0.147 104.36) | #e7dc5d | hsl(55, 74%, 64%) |
|
|
| 700 | oklch(0.841 0.171 103.96) | #decf22 | hsl(55, 74%, 50%) |
|
|
| 800 | oklch(0.670 0.135 103.53) | #a49818 | hsl(55, 74%, 37%) |
|
|
| 900 | oklch(0.484 0.096 104.20) | #68610f | hsl(55, 75%, 23%) |
|
|
| 950 | oklch(0.276 0.051 104.29) | #2c2907 | hsl(55, 73%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.021 124.67) | #e7edde | hsl(84, 29%, 90%) |
|
|
| 100 | oklch(0.913 0.029 124.02) | #dee6d1 | hsl(83, 30%, 86%) |
|
|
| 200 | oklch(0.888 0.038 125.27) | #d4dfc4 | hsl(84, 30%, 82%) |
|
|
| 300 | oklch(0.861 0.045 124.08) | #cbd7b7 | hsl(83, 29%, 78%) |
|
|
| 400 | oklch(0.836 0.054 125.08) | #c1d0aa | hsl(84, 29%, 74%) |
|
|
| 500 | oklch(0.811 0.063 124.94) | #b8c99d | hsl(83, 29%, 70%) |
|
|
| 600 | oklch(0.733 0.089 125.71) | #9bb375 | hsl(83, 29%, 58%) |
|
|
| 700 | oklch(0.643 0.099 126.72) | #7d9854 | hsl(84, 29%, 46%) |
|
|
| 800 | oklch(0.517 0.077 125.96) | #5d703e | hsl(83, 29%, 34%) |
|
|
| 900 | oklch(0.382 0.053 125.58) | #3c4828 | hsl(83, 29%, 22%) |
|
|
| 950 | oklch(0.237 0.029 126.21) | #1b2112 | hsl(84, 29%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.009 26.02) | #eae2e1 | hsl(7, 18%, 90%) |
|
|
| 100 | oklch(0.854 0.017 22.12) | #dacbca | hsl(4, 18%, 82%) |
|
|
| 200 | oklch(0.790 0.024 24.20) | #cab5b3 | hsl(5, 18%, 75%) |
|
|
| 300 | oklch(0.727 0.033 22.78) | #bb9f9d | hsl(4, 18%, 67%) |
|
|
| 400 | oklch(0.659 0.043 22.11) | #ab8886 | hsl(3, 18%, 60%) |
|
|
| 500 | oklch(0.592 0.052 23.53) | #9b726f | hsl(4, 18%, 52%) |
|
|
| 600 | oklch(0.521 0.050 24.03) | #845e5b | hsl(4, 18%, 44%) |
|
|
| 700 | oklch(0.448 0.041 23.16) | #6a4c4a | hsl(4, 18%, 35%) |
|
|
| 800 | oklch(0.374 0.033 24.41) | #513a38 | hsl(5, 18%, 27%) |
|
|
| 900 | oklch(0.294 0.023 22.93) | #372827 | hsl(4, 17%, 18%) |
|
|
| 950 | oklch(0.210 0.013 26.53) | #1e1615 | hsl(7, 18%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.037 76.62) | #fae9d1 | hsl(35, 80%, 90%) |
|
|
| 100 | oklch(0.913 0.056 76.60) | #f8deb9 | hsl(35, 82%, 85%) |
|
|
| 200 | oklch(0.884 0.074 76.61) | #f5d3a2 | hsl(35, 81%, 80%) |
|
|
| 300 | oklch(0.854 0.092 75.09) | #f3c78a | hsl(35, 81%, 75%) |
|
|
| 400 | oklch(0.827 0.109 74.71) | #f0bc73 | hsl(35, 81%, 70%) |
|
|
| 500 | oklch(0.801 0.125 73.71) | #eeb15b | hsl(35, 81%, 65%) |
|
|
| 600 | oklch(0.746 0.150 69.24) | #e99929 | hsl(35, 81%, 54%) |
|
|
| 700 | oklch(0.649 0.138 67.65) | #c57c14 | hsl(35, 82%, 43%) |
|
|
| 800 | oklch(0.524 0.110 67.83) | #935c0f | hsl(35, 81%, 32%) |
|
|
| 900 | oklch(0.394 0.080 69.38) | #613d0a | hsl(35, 81%, 21%) |
|
|
| 950 | oklch(0.247 0.045 72.72) | #2e1d05 | hsl(35, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
