Warm Earthy Color Palette
This palette radiates a warm, earthy charm with rich browns and soft golden hues, evoking a cozy autumn afternoon filled with gentle sunlight and rustic nostalgia.
Practical uses and creative applications
The Warm Earthy Color Palette is a harmonious blend of rich browns, soft peaches, and gentle yellows, making it a perfect choice for projects that aim to evoke warmth and comfort. The deep #674f23 brown serves as a grounding element, while the vibrant #e48b69 peach adds a touch of vitality.
Complemented by the earthy hues of #e1b365, #e5db84, and the light #ffeeac, this palette creates an inviting atmosphere ideal for branding, web design, and interior decor. Whether you're designing a cozy café website or creating packaging for artisanal products, these colors can communicate a sense of authenticity and connection to nature.
This palette is particularly appealing to designers and creatives who want to infuse their work with a rustic charm. It suits brands focused on organic products, eco-friendly initiatives, or any business that wants to project a down-to-earth vibe.
In interior design, the Warm Earthy Color Palette can transform spaces into serene retreats, perfect for homes, wellness centers, or boutique hotels. By incorporating these colors, you can cultivate an ambiance that resonates with audiences seeking comfort and a touch of nature, making it a versatile choice for numerous applications.
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.937 0.023 82.12) | #f2e9d9 | hsl(38, 49%, 90%) |
|
|
| 100 | oklch(0.859 0.054 82.84) | #e2cea9 | hsl(39, 50%, 77%) |
|
|
| 200 | oklch(0.779 0.083 81.42) | #d2b279 | hsl(38, 50%, 65%) |
|
|
| 300 | oklch(0.700 0.108 80.86) | #c19749 | hsl(39, 49%, 52%) |
|
|
| 400 | oklch(0.580 0.093 80.51) | #977433 | hsl(39, 50%, 40%) |
|
|
| 500 | oklch(0.443 0.069 80.53) | #674f23 | hsl(39, 49%, 27%) |
|
|
| 600 | oklch(0.404 0.061 80.38) | #5a451f | hsl(39, 49%, 24%) |
|
|
| 700 | oklch(0.364 0.055 80.78) | #4d3b1a | hsl(39, 50%, 20%) |
|
|
| 800 | oklch(0.323 0.047 80.58) | #403116 | hsl(39, 49%, 17%) |
|
|
| 900 | oklch(0.281 0.039 81.17) | #332711 | hsl(39, 50%, 13%) |
|
|
| 950 | oklch(0.237 0.031 80.82) | #261d0d | hsl(38, 49%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.031 43.12) | #f7ded4 | hsl(17, 69%, 90%) |
|
|
| 100 | oklch(0.877 0.048 42.70) | #f3cdbe | hsl(17, 69%, 85%) |
|
|
| 200 | oklch(0.839 0.065 42.45) | #f0bda9 | hsl(17, 70%, 80%) |
|
|
| 300 | oklch(0.799 0.083 41.44) | #ecac94 | hsl(16, 70%, 75%) |
|
|
| 400 | oklch(0.761 0.101 42.33) | #e89c7e | hsl(17, 70%, 70%) |
|
|
| 500 | oklch(0.723 0.119 41.52) | #e48b69 | hsl(17, 69%, 65%) |
|
|
| 600 | oklch(0.645 0.158 40.61) | #db6639 | hsl(17, 69%, 54%) |
|
|
| 700 | oklch(0.557 0.153 39.59) | #bb4c22 | hsl(16, 69%, 43%) |
|
|
| 800 | oklch(0.450 0.121 39.63) | #8b3819 | hsl(16, 70%, 32%) |
|
|
| 900 | oklch(0.339 0.086 40.58) | #5b2510 | hsl(17, 70%, 21%) |
|
|
| 950 | oklch(0.217 0.045 42.11) | #2b1208 | hsl(17, 69%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.032 80.99) | #f7ead4 | hsl(38, 69%, 90%) |
|
|
| 100 | oklch(0.911 0.048 81.49) | #f2dfbe | hsl(38, 67%, 85%) |
|
|
| 200 | oklch(0.881 0.064 80.72) | #eed4a8 | hsl(38, 67%, 80%) |
|
|
| 300 | oklch(0.851 0.080 80.06) | #eac992 | hsl(38, 68%, 75%) |
|
|
| 400 | oklch(0.821 0.096 80.33) | #e5be7b | hsl(38, 67%, 69%) |
|
|
| 500 | oklch(0.792 0.110 79.31) | #e1b365 | hsl(38, 67%, 64%) |
|
|
| 600 | oklch(0.733 0.134 76.36) | #d89c37 | hsl(38, 67%, 53%) |
|
|
| 700 | oklch(0.636 0.122 75.53) | #b57f23 | hsl(38, 68%, 42%) |
|
|
| 800 | oklch(0.515 0.097 76.30) | #875f1a | hsl(38, 68%, 32%) |
|
|
| 900 | oklch(0.385 0.070 76.12) | #593e11 | hsl(38, 68%, 21%) |
|
|
| 950 | oklch(0.246 0.040 78.19) | #2b1e08 | hsl(38, 69%, 10%) |
|
dsfds
| 50 | oklch(0.959 0.039 102.43) | #f6f3d5 | hsl(55, 65%, 90%) |
|
|
| 100 | oklch(0.943 0.054 101.61) | #f3eec5 | hsl(53, 66%, 86%) |
|
|
| 200 | oklch(0.926 0.068 102.12) | #efe9b5 | hsl(54, 64%, 82%) |
|
|
| 300 | oklch(0.910 0.082 101.85) | #ece4a4 | hsl(53, 65%, 78%) |
|
|
| 400 | oklch(0.896 0.097 103.00) | #e8e094 | hsl(54, 65%, 75%) |
|
|
| 500 | oklch(0.881 0.109 102.64) | #e5db84 | hsl(54, 65%, 71%) |
|
|
| 600 | oklch(0.834 0.143 102.82) | #dacc51 | hsl(54, 65%, 59%) |
|
|
| 700 | oklch(0.761 0.149 102.37) | #c4b429 | hsl(54, 65%, 46%) |
|
|
| 800 | oklch(0.608 0.117 102.91) | #90851f | hsl(54, 65%, 34%) |
|
|
| 900 | oklch(0.447 0.084 103.11) | #5d5614 | hsl(54, 65%, 22%) |
|
|
| 950 | oklch(0.269 0.046 103.61) | #2a2709 | hsl(55, 65%, 10%) |
|
dsfds
| 50 | oklch(0.968 0.054 95.87) | #fff5cc | hsl(48, 100%, 90%) |
|
|
| 100 | oklch(0.962 0.059 94.85) | #fff3c6 | hsl(47, 100%, 89%) |
|
|
| 200 | oklch(0.959 0.067 95.45) | #fff2bf | hsl(48, 100%, 87%) |
|
|
| 300 | oklch(0.956 0.073 95.71) | #fff1b9 | hsl(48, 100%, 86%) |
|
|
| 400 | oklch(0.951 0.079 95.16) | #ffefb2 | hsl(48, 100%, 85%) |
|
|
| 500 | oklch(0.947 0.085 95.40) | #ffeeac | hsl(48, 100%, 84%) |
|
|
| 600 | oklch(0.907 0.147 95.02) | #ffdf61 | hsl(48, 100%, 69%) |
|
|
| 700 | oklch(0.871 0.175 91.40) | #ffcf16 | hsl(48, 100%, 54%) |
|
|
| 800 | oklch(0.723 0.148 90.24) | #c9a000 | hsl(48, 100%, 39%) |
|
|
| 900 | oklch(0.514 0.105 90.87) | #7e6400 | hsl(48, 100%, 25%) |
|
|
| 950 | oklch(0.284 0.058 94.73) | #332900 | hsl(48, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
