Warm Earthy Color Palette
This palette bursts with fiery warmth and earthy richness, blending vibrant rust and deep mahogany with a soothing teal and a zesty olive, evoking a cozy yet adventurous spirit.
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 groundedness. Featuring deep shades like #d46419 and #b34212, alongside earthy greens #166665 and vibrant accents #83870e, this palette is perfect for those looking to create a natural, inviting atmosphere.
Ideal for branding, web design, and packaging, these colors can beautifully represent eco-friendly businesses, artisanal products, or any brand that values sustainability and authenticity. Designers and creatives will find that the Warm Earthy Color Palette suits a variety of stylesfrom rustic and organic to contemporary and minimalist.
Whether you're crafting a cozy interior space or designing a visually striking website, these earthy tones can help convey warmth and reliability. This palette is particularly effective in industries such as wellness, home decor, and outdoor products, where a connection to nature is essential.
Embrace the beauty of these colors to inspire trust and comfort in your audience.
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.928 0.035 57.60) | #fae2d1 | hsl(25, 80%, 90%) |
|
|
| 100 | oklch(0.865 0.065 55.37) | #f5c8aa | hsl(24, 79%, 81%) |
|
|
| 200 | oklch(0.803 0.097 54.56) | #f0ae82 | hsl(24, 79%, 73%) |
|
|
| 300 | oklch(0.747 0.129 53.57) | #ec955a | hsl(24, 79%, 64%) |
|
|
| 400 | oklch(0.693 0.157 50.53) | #e77b33 | hsl(24, 79%, 55%) |
|
|
| 500 | oklch(0.629 0.162 48.07) | #d46419 | hsl(24, 79%, 46%) |
|
|
| 600 | oklch(0.556 0.142 48.14) | #b35415 | hsl(24, 79%, 39%) |
|
|
| 700 | oklch(0.480 0.119 49.25) | #914511 | hsl(24, 79%, 32%) |
|
|
| 800 | oklch(0.401 0.097 49.61) | #70350d | hsl(24, 79%, 25%) |
|
|
| 900 | oklch(0.317 0.074 50.12) | #4f2509 | hsl(24, 80%, 17%) |
|
|
| 950 | oklch(0.231 0.048 54.19) | #2e1605 | hsl(25, 80%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.036 43.83) | #faddd1 | hsl(18, 80%, 90%) |
|
|
| 100 | oklch(0.837 0.078 43.65) | #f6baa1 | hsl(18, 83%, 80%) |
|
|
| 200 | oklch(0.760 0.120 43.46) | #f19771 | hsl(18, 82%, 69%) |
|
|
| 300 | oklch(0.692 0.161 42.54) | #ec7542 | hsl(18, 82%, 59%) |
|
|
| 400 | oklch(0.630 0.190 39.61) | #e35417 | hsl(18, 82%, 49%) |
|
|
| 500 | oklch(0.530 0.157 39.85) | #b34212 | hsl(18, 82%, 39%) |
|
|
| 600 | oklch(0.471 0.138 40.13) | #98380f | hsl(18, 82%, 33%) |
|
|
| 700 | oklch(0.413 0.119 40.02) | #7e2e0d | hsl(18, 81%, 27%) |
|
|
| 800 | oklch(0.352 0.097 41.20) | #63250a | hsl(18, 82%, 21%) |
|
|
| 900 | oklch(0.289 0.076 41.89) | #491b07 | hsl(18, 83%, 16%) |
|
|
| 950 | oklch(0.220 0.052 43.11) | #2e1105 | hsl(18, 80%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.037 47.43) | #fbded0 | hsl(20, 84%, 90%) |
|
|
| 100 | oklch(0.800 0.099 46.48) | #f3aa87 | hsl(19, 82%, 74%) |
|
|
| 200 | oklch(0.693 0.162 44.17) | #ec763e | hsl(19, 82%, 58%) |
|
|
| 300 | oklch(0.575 0.169 40.84) | #c74c13 | hsl(19, 83%, 43%) |
|
|
| 400 | oklch(0.414 0.116 41.77) | #7d300c | hsl(19, 82%, 27%) |
|
|
| 500 | oklch(0.237 0.057 44.68) | #341405 | hsl(19, 82%, 11%) |
|
|
| 600 | oklch(0.235 0.056 45.36) | #331405 | hsl(20, 82%, 11%) |
|
|
| 700 | oklch(0.231 0.056 44.22) | #321305 | hsl(19, 82%, 11%) |
|
|
| 800 | oklch(0.230 0.054 44.90) | #311305 | hsl(19, 81%, 11%) |
|
|
| 900 | oklch(0.226 0.054 43.70) | #301205 | hsl(18, 81%, 10%) |
|
|
| 950 | oklch(0.224 0.053 46.02) | #2f1204 | hsl(20, 84%, 10%) |
|
dsfds
| 50 | oklch(0.950 0.034 196.59) | #d5f6f6 | hsl(180, 65%, 90%) |
|
|
| 100 | oklch(0.887 0.075 194.84) | #9eeae9 | hsl(179, 64%, 77%) |
|
|
| 200 | oklch(0.832 0.107 194.55) | #67dedd | hsl(179, 64%, 64%) |
|
|
| 300 | oklch(0.786 0.126 193.60) | #30d2d0 | hsl(179, 64%, 51%) |
|
|
| 400 | oklch(0.633 0.101 194.06) | #229d9c | hsl(180, 64%, 37%) |
|
|
| 500 | oklch(0.465 0.073 193.67) | #166665 | hsl(179, 65%, 24%) |
|
|
| 600 | oklch(0.426 0.066 193.52) | #135a59 | hsl(179, 65%, 21%) |
|
|
| 700 | oklch(0.387 0.059 193.34) | #114e4d | hsl(179, 64%, 19%) |
|
|
| 800 | oklch(0.346 0.053 193.10) | #0e4241 | hsl(179, 65%, 16%) |
|
|
| 900 | oklch(0.304 0.045 192.76) | #0c3635 | hsl(179, 64%, 13%) |
|
|
| 950 | oklch(0.262 0.037 195.11) | #092a2a | hsl(180, 65%, 10%) |
|
dsfds
| 50 | oklch(0.974 0.053 108.50) | #f9fad1 | hsl(61, 80%, 90%) |
|
|
| 100 | oklch(0.945 0.113 110.01) | #f1f499 | hsl(62, 81%, 78%) |
|
|
| 200 | oklch(0.922 0.163 111.09) | #eaef60 | hsl(62, 82%, 66%) |
|
|
| 300 | oklch(0.899 0.191 111.94) | #e2e928 | hsl(62, 81%, 54%) |
|
|
| 400 | oklch(0.775 0.168 111.65) | #babf14 | hsl(62, 81%, 41%) |
|
|
| 500 | oklch(0.600 0.129 111.83) | #83870e | hsl(62, 81%, 29%) |
|
|
| 600 | oklch(0.542 0.116 111.52) | #72750c | hsl(62, 81%, 25%) |
|
|
| 700 | oklch(0.482 0.102 111.09) | #61630a | hsl(61, 82%, 21%) |
|
|
| 800 | oklch(0.422 0.089 112.17) | #4f5208 | hsl(62, 82%, 18%) |
|
|
| 900 | oklch(0.358 0.074 111.71) | #3e4007 | hsl(62, 80%, 14%) |
|
|
| 950 | oklch(0.291 0.059 110.94) | #2d2e05 | hsl(61, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
