Warm Earthy Color Palette
This palette exudes a warm, earthy energy, blending soft cream and vibrant sunshine yellow with bold orange and deep, rich browns, evoking a cozy autumn vibe.
Practical uses and creative applications
The Warm Earthy Color Palette features a harmonious blend of soft neutrals and vibrant earth tones, making it an ideal choice for designers seeking to evoke a sense of warmth and groundedness. With colors like #F2EEE7, a gentle off-white, paired with the sunny #FED633 and the vibrant #FF8502, this palette can breathe life into branding projects, web design, and packaging.
Whether you’re creating a rustic coffee shop logo or a nature-inspired website, these colors work beautifully to convey a welcoming and organic feel. Ideal for creatives and brands looking to connect with their audience on an emotional level, this palette is especially suited for industries such as wellness, eco-friendly products, and artisanal goods.
The deep, rich shades like #562511 and #32160A provide a solid foundation that evokes reliability and strength, while the brighter hues add a dash of energy and optimism. Whether applied to interiors for a cozy, inviting atmosphere or used in marketing materials to highlight sustainability, the Warm Earthy Color Palette is versatile enough to enhance any project while maintaining a naturally appealing aesthetic.
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.932 0.014 84.58) | #ede8de | hsl(40, 29%, 90%) |
|
|
| 100 | oklch(0.935 0.013 82.40) | #eee9e0 | hsl(39, 29%, 91%) |
|
|
| 200 | oklch(0.939 0.012 79.78) | #efeae2 | hsl(37, 29%, 91%) |
|
|
| 300 | oklch(0.942 0.012 79.78) | #f0ebe3 | hsl(37, 30%, 92%) |
|
|
| 400 | oklch(0.947 0.012 84.58) | #f1ede5 | hsl(40, 30%, 92%) |
|
|
| 500 | oklch(0.950 0.010 81.79) | #f2eee7 | hsl(38, 30%, 93%) |
|
|
| 600 | oklch(0.834 0.034 81.97) | #d4c7b0 | hsl(38, 30%, 76%) |
|
|
| 700 | oklch(0.716 0.059 80.04) | #b7a07a | hsl(37, 30%, 60%) |
|
|
| 800 | oklch(0.582 0.066 80.87) | #8f774d | hsl(38, 30%, 43%) |
|
|
| 900 | oklch(0.414 0.043 79.87) | #584930 | hsl(38, 29%, 27%) |
|
|
| 950 | oklch(0.229 0.020 84.33) | #211c12 | hsl(40, 29%, 10%) |
|
dsfds
| 50 | oklch(0.968 0.054 95.87) | #fff5cc | hsl(48, 100%, 90%) |
|
|
| 100 | oklch(0.950 0.084 95.95) | #ffefae | hsl(48, 100%, 84%) |
|
|
| 200 | oklch(0.930 0.112 95.91) | #fee88f | hsl(48, 98%, 78%) |
|
|
| 300 | oklch(0.914 0.137 95.73) | #fee270 | hsl(48, 99%, 72%) |
|
|
| 400 | oklch(0.899 0.156 95.09) | #fedc52 | hsl(48, 99%, 66%) |
|
|
| 500 | oklch(0.885 0.170 94.02) | #fed633 | hsl(48, 99%, 60%) |
|
|
| 600 | oklch(0.861 0.176 90.66) | #fdcb01 | hsl(48, 99%, 50%) |
|
|
| 700 | oklch(0.730 0.149 91.49) | #caa301 | hsl(48, 99%, 40%) |
|
|
| 800 | oklch(0.591 0.121 91.44) | #987a01 | hsl(48, 99%, 30%) |
|
|
| 900 | oklch(0.443 0.091 92.33) | #655100 | hsl(48, 100%, 20%) |
|
|
| 950 | oklch(0.284 0.058 94.73) | #332900 | hsl(48, 100%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.044 68.35) | #ffe6cc | hsl(31, 100%, 90%) |
|
|
| 100 | oklch(0.894 0.079 68.40) | #ffd3a4 | hsl(31, 100%, 82%) |
|
|
| 200 | oklch(0.849 0.112 67.02) | #ffbf7b | hsl(31, 100%, 74%) |
|
|
| 300 | oklch(0.809 0.142 65.11) | #ffac53 | hsl(31, 100%, 66%) |
|
|
| 400 | oklch(0.771 0.166 61.05) | #ff982a | hsl(31, 100%, 58%) |
|
|
| 500 | oklch(0.740 0.183 55.04) | #ff8502 | hsl(31, 100%, 50%) |
|
|
| 600 | oklch(0.653 0.161 55.29) | #d87000 | hsl(31, 100%, 42%) |
|
|
| 700 | oklch(0.559 0.137 55.58) | #af5a00 | hsl(31, 100%, 34%) |
|
|
| 800 | oklch(0.461 0.111 57.32) | #854500 | hsl(31, 100%, 26%) |
|
|
| 900 | oklch(0.359 0.084 59.85) | #5c3000 | hsl(31, 100%, 18%) |
|
|
| 950 | oklch(0.247 0.056 63.84) | #331a00 | hsl(31, 100%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.031 43.12) | #f7ded4 | hsl(17, 69%, 90%) |
|
|
| 100 | oklch(0.808 0.076 43.50) | #ebb199 | hsl(18, 67%, 76%) |
|
|
| 200 | oklch(0.701 0.125 42.35) | #df835e | hsl(17, 67%, 62%) |
|
|
| 300 | oklch(0.603 0.160 40.63) | #cd5829 | hsl(17, 67%, 48%) |
|
|
| 400 | oklch(0.471 0.120 41.39) | #913f1d | hsl(18, 67%, 34%) |
|
|
| 500 | oklch(0.330 0.079 41.61) | #562511 | hsl(17, 67%, 20%) |
|
|
| 600 | oklch(0.307 0.072 41.74) | #4d210f | hsl(17, 67%, 18%) |
|
|
| 700 | oklch(0.288 0.065 41.96) | #451e0e | hsl(17, 66%, 16%) |
|
|
| 800 | oklch(0.264 0.058 42.15) | #3c1a0c | hsl(18, 67%, 14%) |
|
|
| 900 | oklch(0.240 0.051 42.37) | #33160a | hsl(18, 67%, 12%) |
|
|
| 950 | oklch(0.217 0.045 42.11) | #2b1208 | hsl(17, 69%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.030 44.04) | #f7dfd5 | hsl(18, 68%, 90%) |
|
|
| 100 | oklch(0.795 0.081 44.09) | #e9ac92 | hsl(18, 66%, 74%) |
|
|
| 200 | oklch(0.680 0.135 43.25) | #dc7a50 | hsl(18, 67%, 59%) |
|
|
| 300 | oklch(0.558 0.144 41.85) | #b75125 | hsl(18, 66%, 43%) |
|
|
| 400 | oklch(0.406 0.101 41.92) | #753317 | hsl(18, 67%, 27%) |
|
|
| 500 | oklch(0.238 0.050 43.05) | #32160a | hsl(18, 67%, 12%) |
|
|
| 600 | oklch(0.235 0.049 41.55) | #31150a | hsl(17, 66%, 12%) |
|
|
| 700 | oklch(0.231 0.047 44.51) | #2f1509 | hsl(19, 68%, 11%) |
|
|
| 800 | oklch(0.227 0.047 42.92) | #2e1409 | hsl(18, 67%, 11%) |
|
|
| 900 | oklch(0.221 0.045 42.01) | #2c1309 | hsl(17, 66%, 10%) |
|
|
| 950 | oklch(0.220 0.044 42.79) | #2b1309 | hsl(18, 65%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
