Warm Earthy Color Palette
This palette radiates a warm, earthy vibe with golden yellows and deep reds, balanced by rich forest greens and a touch of muted slate, creating an inviting yet bold atmosphere perfect for rustic elegance.
Practical uses and creative applications
The Warm Earthy Color Palette is a harmonious blend of rich and inviting hues that evoke a sense of comfort and nature. Comprising shades like soft gold (#ecd078), rustic terracotta (#d95b43), deep crimson (#c02942), earthy slate (#542437), and muted teal (#53777a), this palette is perfect for branding initiatives that aim to convey authenticity and warmth.
It's ideal for businesses in the wellness, artisan food, or eco-friendly sectors, as these colors resonate with consumers seeking a connection to the natural world. In web design, the Warm Earthy Color Palette creates a welcoming atmosphere that enhances user experience.
Designers can utilize these colors for backgrounds, buttons, and typography, ensuring a cohesive look that encourages engagement. Additionally, this palette is well-suited for packaging design, crafting an organic feel that aligns with artisanal products or handmade crafts.
Interior designers can incorporate these shades to create serene and inviting spaces, perfect for cozy living areas or tranquil workspaces. The palette inspires creatives seeking to evoke a grounded yet sophisticated mood in their projects, making it a versatile choice for various 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.952 0.039 91.20) | #f9efd2 | hsl(45, 76%, 90%) |
|
|
| 100 | oklch(0.934 0.055 92.52) | #f6e9c0 | hsl(46, 75%, 86%) |
|
|
| 200 | oklch(0.917 0.071 92.40) | #f4e3ae | hsl(45, 76%, 82%) |
|
|
| 300 | oklch(0.899 0.086 93.01) | #f1dd9c | hsl(46, 75%, 78%) |
|
|
| 400 | oklch(0.880 0.099 91.90) | #efd68a | hsl(45, 76%, 74%) |
|
|
| 500 | oklch(0.863 0.112 92.25) | #ecd078 | hsl(46, 75%, 70%) |
|
|
| 600 | oklch(0.811 0.142 90.77) | #e4bd43 | hsl(45, 75%, 58%) |
|
|
| 700 | oklch(0.734 0.143 89.07) | #cda31d | hsl(46, 75%, 46%) |
|
|
| 800 | oklch(0.588 0.114 88.74) | #987815 | hsl(45, 76%, 34%) |
|
|
| 900 | oklch(0.433 0.082 90.05) | #624e0e | hsl(46, 75%, 22%) |
|
|
| 950 | oklch(0.261 0.046 89.70) | #2d2306 | hsl(45, 76%, 10%) |
|
dsfds
| 50 | oklch(0.910 0.032 29.77) | #f6dad5 | hsl(9, 65%, 90%) |
|
|
| 100 | oklch(0.851 0.057 31.84) | #f1c1b7 | hsl(10, 67%, 83%) |
|
|
| 200 | oklch(0.790 0.083 31.09) | #eba79a | hsl(10, 67%, 76%) |
|
|
| 300 | oklch(0.733 0.110 31.77) | #e58e7d | hsl(10, 67%, 69%) |
|
|
| 400 | oklch(0.677 0.138 31.89) | #df7460 | hsl(9, 66%, 63%) |
|
|
| 500 | oklch(0.628 0.164 32.64) | #d95b43 | hsl(10, 66%, 56%) |
|
|
| 600 | oklch(0.560 0.173 32.83) | #c54128 | hsl(10, 66%, 46%) |
|
|
| 700 | oklch(0.480 0.146 32.73) | #9f3420 | hsl(9, 66%, 37%) |
|
|
| 800 | oklch(0.395 0.115 33.20) | #782818 | hsl(10, 67%, 28%) |
|
|
| 900 | oklch(0.304 0.084 33.30) | #511b10 | hsl(10, 67%, 19%) |
|
|
| 950 | oklch(0.208 0.048 31.85) | #2a0e09 | hsl(9, 65%, 10%) |
|
dsfds
| 50 | oklch(0.902 0.037 7.53) | #f6d5da | hsl(351, 65%, 90%) |
|
|
| 100 | oklch(0.817 0.073 8.09) | #eeb0ba | hsl(350, 65%, 81%) |
|
|
| 200 | oklch(0.734 0.113 9.01) | #e68a9a | hsl(350, 65%, 72%) |
|
|
| 300 | oklch(0.659 0.152 11.97) | #de6579 | hsl(350, 65%, 63%) |
|
|
| 400 | oklch(0.595 0.186 15.43) | #d64059 | hsl(350, 65%, 55%) |
|
|
| 500 | oklch(0.532 0.185 17.78) | #c02942 | hsl(350, 65%, 46%) |
|
|
| 600 | oklch(0.471 0.162 17.43) | #a22338 | hsl(350, 64%, 39%) |
|
|
| 700 | oklch(0.407 0.138 17.25) | #841c2d | hsl(350, 65%, 31%) |
|
|
| 800 | oklch(0.342 0.112 16.61) | #661623 | hsl(350, 65%, 24%) |
|
|
| 900 | oklch(0.272 0.086 15.02) | #480f19 | hsl(349, 66%, 17%) |
|
|
| 950 | oklch(0.200 0.055 14.52) | #2a090e | hsl(351, 65%, 10%) |
|
dsfds
| 50 | oklch(0.911 0.025 352.51) | #f0dbe3 | hsl(337, 41%, 90%) |
|
|
| 100 | oklch(0.792 0.060 352.42) | #dbacbf | hsl(336, 39%, 77%) |
|
|
| 200 | oklch(0.674 0.100 354.57) | #c77c9a | hsl(336, 40%, 63%) |
|
|
| 300 | oklch(0.563 0.139 357.95) | #b34d75 | hsl(336, 40%, 50%) |
|
|
| 400 | oklch(0.451 0.108 357.25) | #833856 | hsl(336, 40%, 37%) |
|
|
| 500 | oklch(0.334 0.075 357.00) | #542437 | hsl(336, 40%, 24%) |
|
|
| 600 | oklch(0.309 0.067 356.24) | #4a2031 | hsl(336, 40%, 21%) |
|
|
| 700 | oklch(0.285 0.060 357.68) | #411c2a | hsl(337, 40%, 18%) |
|
|
| 800 | oklch(0.258 0.052 356.83) | #371824 | hsl(337, 39%, 15%) |
|
|
| 900 | oklch(0.229 0.045 354.54) | #2d131e | hsl(335, 41%, 13%) |
|
|
| 950 | oklch(0.203 0.037 356.72) | #240f17 | hsl(337, 41%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.010 196.99) | #e1eaea | hsl(180, 18%, 90%) |
|
|
| 100 | oklch(0.857 0.020 204.83) | #c2d4d6 | hsl(186, 20%, 80%) |
|
|
| 200 | oklch(0.785 0.029 202.05) | #a4bfc1 | hsl(184, 19%, 70%) |
|
|
| 300 | oklch(0.712 0.039 202.62) | #86aaad | hsl(185, 19%, 60%) |
|
|
| 400 | oklch(0.636 0.048 203.13) | #689498 | hsl(185, 19%, 50%) |
|
|
| 500 | oklch(0.543 0.041 202.54) | #53777a | hsl(185, 19%, 40%) |
|
|
| 600 | oklch(0.484 0.035 203.83) | #476568 | hsl(185, 19%, 34%) |
|
|
| 700 | oklch(0.423 0.030 202.29) | #3a5355 | hsl(184, 19%, 28%) |
|
|
| 800 | oklch(0.360 0.024 204.24) | #2e4143 | hsl(186, 19%, 22%) |
|
|
| 900 | oklch(0.293 0.019 207.07) | #212f31 | hsl(188, 20%, 16%) |
|
|
| 950 | oklch(0.226 0.013 196.27) | #151e1e | hsl(180, 18%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
