Warm Earthy Color Palette
This warm and earthy palette radiates a nostalgic autumn vibe, blending soft golden yellows and deep rusts with muted olive and taupe tones for a cozy, rustic charm.
Practical uses and creative applications
The Warm Earthy Color Palette is a captivating blend of rich, organic hues that evoke a sense of comfort and connection to nature. Featuring shades like the sunny #eda011 and the earthy #7a6949, this palette is perfect for branding and web design that aims to convey warmth and authenticity.
Whether you’re designing a rustic café logo or a nature-inspired website, these colors can create an inviting atmosphere that resonates with audiences seeking genuine experiences. Ideal for creatives and designers working in various fields, the Warm Earthy Color Palette lends itself beautifully to packaging for organic products, home goods, or artisanal brands.
The combination of #e1c78c, #db6516, and #adad8e brings a harmonious balance that can enhance product appeal and reinforce a brand’s commitment to sustainability. Additionally, this palette can transform interior spaces into cozy retreats, making it an excellent choice for home decorators aiming to create tranquil living environments.
Embrace the warmth and depth of this palette to inspire your next project and connect with your audience on a deeper level.
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.942 0.028 86.65) | #f4ebd7 | hsl(41, 57%, 90%) |
|
|
| 100 | oklch(0.922 0.040 86.06) | #f1e4c8 | hsl(41, 59%, 86%) |
|
|
| 200 | oklch(0.901 0.051 86.88) | #edddb9 | hsl(42, 59%, 83%) |
|
|
| 300 | oklch(0.881 0.061 87.40) | #e9d6aa | hsl(42, 59%, 79%) |
|
|
| 400 | oklch(0.858 0.071 86.49) | #e5ce9b | hsl(41, 59%, 75%) |
|
|
| 500 | oklch(0.838 0.082 86.82) | #e1c78c | hsl(42, 59%, 72%) |
|
|
| 600 | oklch(0.770 0.112 86.07) | #d4af5a | hsl(42, 59%, 59%) |
|
|
| 700 | oklch(0.687 0.122 83.87) | #be9332 | hsl(42, 58%, 47%) |
|
|
| 800 | oklch(0.550 0.096 83.77) | #8c6c25 | hsl(41, 58%, 35%) |
|
|
| 900 | oklch(0.406 0.068 85.07) | #5a4618 | hsl(42, 58%, 22%) |
|
|
| 950 | oklch(0.245 0.035 85.39) | #281f0b | hsl(41, 57%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.042 82.49) | #fceccf | hsl(39, 88%, 90%) |
|
|
| 100 | oklch(0.908 0.074 82.76) | #f9dda9 | hsl(39, 87%, 82%) |
|
|
| 200 | oklch(0.870 0.104 82.35) | #f6ce83 | hsl(39, 86%, 74%) |
|
|
| 300 | oklch(0.833 0.130 81.16) | #f3bf5d | hsl(39, 86%, 66%) |
|
|
| 400 | oklch(0.797 0.150 77.86) | #f1af36 | hsl(39, 87%, 58%) |
|
|
| 500 | oklch(0.763 0.159 73.91) | #eda011 | hsl(39, 87%, 50%) |
|
|
| 600 | oklch(0.670 0.139 74.03) | #c7860e | hsl(39, 87%, 42%) |
|
|
| 700 | oklch(0.575 0.118 74.94) | #a16d0c | hsl(39, 86%, 34%) |
|
|
| 800 | oklch(0.474 0.096 75.36) | #7b5309 | hsl(39, 86%, 26%) |
|
|
| 900 | oklch(0.370 0.073 77.62) | #553a06 | hsl(39, 87%, 18%) |
|
|
| 950 | oklch(0.257 0.049 78.91) | #302003 | hsl(39, 88%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.035 54.79) | #fae1d1 | hsl(23, 80%, 90%) |
|
|
| 100 | oklch(0.865 0.067 55.64) | #f6c8a9 | hsl(24, 81%, 81%) |
|
|
| 200 | oklch(0.807 0.099 55.28) | #f2af81 | hsl(24, 81%, 73%) |
|
|
| 300 | oklch(0.750 0.131 52.95) | #ee955a | hsl(24, 81%, 64%) |
|
|
| 400 | oklch(0.699 0.160 50.57) | #ea7c32 | hsl(24, 81%, 56%) |
|
|
| 500 | oklch(0.641 0.168 47.46) | #db6516 | hsl(24, 82%, 47%) |
|
|
| 600 | oklch(0.565 0.146 47.78) | #b85513 | hsl(24, 81%, 40%) |
|
|
| 700 | oklch(0.487 0.125 48.11) | #96450f | hsl(24, 82%, 32%) |
|
|
| 800 | oklch(0.405 0.101 48.69) | #73350c | hsl(24, 81%, 25%) |
|
|
| 900 | oklch(0.321 0.077 49.51) | #512508 | hsl(24, 82%, 17%) |
|
|
| 950 | oklch(0.228 0.049 51.78) | #2e1505 | hsl(23, 80%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.012 79.78) | #ece7df | hsl(37, 25%, 90%) |
|
|
| 100 | oklch(0.857 0.025 83.41) | #d8cfbe | hsl(39, 25%, 80%) |
|
|
| 200 | oklch(0.783 0.039 84.56) | #c4b79d | hsl(40, 25%, 69%) |
|
|
| 300 | oklch(0.707 0.052 82.00) | #b19e7c | hsl(38, 25%, 59%) |
|
|
| 400 | oklch(0.627 0.062 82.05) | #9b855d | hsl(39, 25%, 49%) |
|
|
| 500 | oklch(0.529 0.051 82.86) | #7a6949 | hsl(39, 25%, 38%) |
|
|
| 600 | oklch(0.472 0.045 81.87) | #68593e | hsl(39, 25%, 33%) |
|
|
| 700 | oklch(0.415 0.039 83.31) | #564a33 | hsl(39, 26%, 27%) |
|
|
| 800 | oklch(0.354 0.031 80.64) | #443a29 | hsl(38, 25%, 21%) |
|
|
| 900 | oklch(0.293 0.024 82.74) | #322b1e | hsl(39, 25%, 16%) |
|
|
| 950 | oklch(0.225 0.017 79.37) | #201b13 | hsl(37, 25%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.012 106.63) | #eaeae1 | hsl(60, 18%, 90%) |
|
|
| 100 | oklch(0.894 0.016 106.72) | #ddddd1 | hsl(60, 15%, 84%) |
|
|
| 200 | oklch(0.856 0.023 106.88) | #d1d1c0 | hsl(60, 16%, 79%) |
|
|
| 300 | oklch(0.817 0.030 107.05) | #c5c5af | hsl(60, 16%, 73%) |
|
|
| 400 | oklch(0.779 0.036 107.20) | #b9b99f | hsl(60, 16%, 67%) |
|
|
| 500 | oklch(0.739 0.043 107.41) | #adad8e | hsl(60, 16%, 62%) |
|
|
| 600 | oklch(0.666 0.056 107.83) | #97976f | hsl(60, 16%, 51%) |
|
|
| 700 | oklch(0.567 0.048 107.84) | #797958 | hsl(60, 16%, 41%) |
|
|
| 800 | oklch(0.464 0.038 107.80) | #5b5b42 | hsl(60, 16%, 31%) |
|
|
| 900 | oklch(0.351 0.026 107.69) | #3c3c2c | hsl(60, 15%, 20%) |
|
|
| 950 | oklch(0.232 0.017 107.62) | #1e1e15 | hsl(60, 18%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
