Warm Earthy Color Palette
This palette radiates a warm, earthy vibe with its vibrant coral, soft cream, deep mahogany, soothing sage, and golden yellow, evoking a cozy, rustic charm infused with a touch of sunshine.
Practical uses and creative applications
The Warm Earthy Color Palette combines rich, inviting hues that evoke a sense of comfort and connection to nature. Featuring vibrant shades like the warm terracotta of #fb6a3d, the soft beige of #fbe5ac, and the deep, grounding brown of #361d20, this palette is perfect for brands aiming to convey authenticity and warmth.
Ideal for web design and branding, these colors can create an engaging user experience that resonates with audiences seeking organic and sustainable products. Designers and creatives will find the Warm Earthy Color Palette particularly appealing for packaging and interior design projects.
The soothing greens of #a2bc97 and the sunny yellow of #f7cd67 add a touch of vitality, making it suitable for wellness brands, artisanal food packaging, or eco-friendly home decor. This palette not only enhances the visual appeal but also fosters a mood of tranquility and connection, making it a fantastic choice for businesses focused on natural living or holistic well-being.
Whether you're a graphic designer crafting a brand identity or a homeowner looking to refresh your space, this earthy palette offers versatility and warmth for any creative endeavor.
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.913 0.045 38.77) | #fed9cd | hsl(15, 96%, 90%) |
|
|
| 100 | oklch(0.863 0.073 37.64) | #fdc2b0 | hsl(14, 95%, 84%) |
|
|
| 200 | oklch(0.817 0.102 37.89) | #fdac93 | hsl(14, 96%, 78%) |
|
|
| 300 | oklch(0.773 0.131 37.69) | #fc9677 | hsl(14, 96%, 73%) |
|
|
| 400 | oklch(0.734 0.161 37.75) | #fc805a | hsl(14, 96%, 67%) |
|
|
| 500 | oklch(0.698 0.187 37.48) | #fb6a3d | hsl(14, 96%, 61%) |
|
|
| 600 | oklch(0.650 0.226 34.75) | #fa430a | hsl(14, 96%, 51%) |
|
|
| 700 | oklch(0.554 0.194 34.60) | #cb3304 | hsl(14, 96%, 41%) |
|
|
| 800 | oklch(0.450 0.155 35.12) | #982603 | hsl(14, 96%, 30%) |
|
|
| 900 | oklch(0.340 0.112 36.72) | #651a02 | hsl(15, 96%, 20%) |
|
|
| 950 | oklch(0.220 0.065 41.11) | #320d01 | hsl(15, 96%, 10%) |
|
dsfds
| 50 | oklch(0.957 0.046 89.57) | #fdf0ce | hsl(43, 92%, 90%) |
|
|
| 100 | oklch(0.950 0.053 90.62) | #fceec7 | hsl(44, 90%, 88%) |
|
|
| 200 | oklch(0.943 0.058 88.60) | #fcebc1 | hsl(43, 91%, 87%) |
|
|
| 300 | oklch(0.938 0.064 88.61) | #fce9ba | hsl(43, 92%, 86%) |
|
|
| 400 | oklch(0.932 0.070 89.48) | #fbe7b3 | hsl(43, 90%, 84%) |
|
|
| 500 | oklch(0.926 0.077 89.39) | #fbe5ac | hsl(43, 91%, 83%) |
|
|
| 600 | oklch(0.870 0.132 88.26) | #f8cf65 | hsl(43, 91%, 68%) |
|
|
| 700 | oklch(0.818 0.162 84.37) | #f4b91e | hsl(43, 91%, 54%) |
|
|
| 800 | oklch(0.672 0.137 82.22) | #bf8c09 | hsl(43, 91%, 39%) |
|
|
| 900 | oklch(0.481 0.097 83.29) | #785806 | hsl(43, 90%, 25%) |
|
|
| 950 | oklch(0.268 0.053 87.13) | #312402 | hsl(43, 92%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.017 8.19) | #eddee0 | hsl(352, 29%, 90%) |
|
|
| 100 | oklch(0.783 0.045 11.02) | #d3adb1 | hsl(354, 30%, 75%) |
|
|
| 200 | oklch(0.651 0.077 11.87) | #b97c83 | hsl(353, 30%, 61%) |
|
|
| 300 | oklch(0.524 0.093 13.54) | #98525a | hsl(353, 30%, 46%) |
|
|
| 400 | oklch(0.399 0.069 12.67) | #67373d | hsl(353, 30%, 31%) |
|
|
| 500 | oklch(0.265 0.039 12.35) | #361d20 | hsl(353, 30%, 16%) |
|
|
| 600 | oklch(0.254 0.037 11.55) | #321b1e | hsl(352, 30%, 15%) |
|
|
| 700 | oklch(0.243 0.034 13.70) | #2e191b | hsl(354, 30%, 14%) |
|
|
| 800 | oklch(0.229 0.033 10.26) | #2a1619 | hsl(351, 31%, 13%) |
|
|
| 900 | oklch(0.215 0.028 12.02) | #251416 | hsl(353, 30%, 11%) |
|
|
| 950 | oklch(0.204 0.025 10.82) | #211214 | hsl(352, 29%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.017 137.03) | #e3ebe0 | hsl(104, 22%, 90%) |
|
|
| 100 | oklch(0.899 0.026 136.33) | #d6e2d1 | hsl(102, 23%, 85%) |
|
|
| 200 | oklch(0.865 0.033 136.64) | #c9d8c3 | hsl(103, 21%, 81%) |
|
|
| 300 | oklch(0.833 0.042 136.34) | #bccfb4 | hsl(102, 22%, 76%) |
|
|
| 400 | oklch(0.798 0.049 136.58) | #afc5a6 | hsl(103, 21%, 71%) |
|
|
| 500 | oklch(0.766 0.059 136.41) | #a2bc97 | hsl(102, 22%, 66%) |
|
|
| 600 | oklch(0.684 0.079 136.32) | #83a574 | hsl(102, 21%, 55%) |
|
|
| 700 | oklch(0.588 0.080 136.87) | #668858 | hsl(103, 21%, 44%) |
|
|
| 800 | oklch(0.476 0.063 136.43) | #4c6541 | hsl(102, 22%, 33%) |
|
|
| 900 | oklch(0.358 0.044 136.41) | #32422b | hsl(102, 21%, 21%) |
|
|
| 950 | oklch(0.227 0.024 137.29) | #171f14 | hsl(104, 22%, 10%) |
|
dsfds
| 50 | oklch(0.954 0.044 88.53) | #fcefcf | hsl(43, 88%, 90%) |
|
|
| 100 | oklch(0.935 0.063 88.23) | #fbe8ba | hsl(42, 89%, 86%) |
|
|
| 200 | oklch(0.916 0.081 87.97) | #fae1a5 | hsl(42, 89%, 81%) |
|
|
| 300 | oklch(0.900 0.099 88.54) | #f9db90 | hsl(43, 90%, 77%) |
|
|
| 400 | oklch(0.882 0.115 87.78) | #f8d47c | hsl(43, 90%, 73%) |
|
|
| 500 | oklch(0.865 0.129 87.10) | #f7cd67 | hsl(43, 90%, 69%) |
|
|
| 600 | oklch(0.820 0.157 83.87) | #f4ba2e | hsl(42, 90%, 57%) |
|
|
| 700 | oklch(0.739 0.151 80.41) | #db9e0c | hsl(42, 90%, 45%) |
|
|
| 800 | oklch(0.592 0.120 81.09) | #a27509 | hsl(42, 89%, 34%) |
|
|
| 900 | oklch(0.436 0.087 82.38) | #694c06 | hsl(42, 89%, 22%) |
|
|
| 950 | oklch(0.265 0.051 86.01) | #302303 | hsl(43, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
