Warm Earthy Color Palette
This warm, earthy palette blends soft coral, sun-kissed beige, muted taupe, serene sage, and tranquil teal, evoking a cozy, bohemian retreat infused with natural warmth and a hint of tranquility.
Practical uses and creative applications
The Warm Earthy Color Palette is an inviting blend of warm hues that evoke a sense of comfort and natural beauty. Featuring shades like #ff9966, #d99973, #b39980, #8c998c, and #669999, this palette is ideal for brands seeking to convey warmth and authenticity.
Whether you’re designing a website for a wellness brand, creating packaging for artisanal products, or curating an interior space that feels both cozy and sophisticated, these colors provide a versatile foundation that resonates with audiences looking for a touch of earthiness in their design. This palette is particularly suited for creatives and designers who want to evoke a relaxed and grounded atmosphere in their projects.
Ideal for applications in branding, web design, and interiors, the Warm Earthy Color Palette can transform a space or visual identity into a sanctuary of tranquility. It works exceptionally well for eco-friendly products, organic food brands, or lifestyle blogs focused on sustainability.
By using these colors, designers can create experiences that not only look beautiful but also feel connected to nature and the earth, appealing to audiences who value authenticity and warmth in their interactions.
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.921 0.044 48.22) | #ffddcc | hsl(20, 100%, 90%) |
|
|
| 100 | oklch(0.890 0.063 46.97) | #ffcfb8 | hsl(19, 100%, 86%) |
|
|
| 200 | oklch(0.862 0.082 48.14) | #ffc2a3 | hsl(20, 100%, 82%) |
|
|
| 300 | oklch(0.832 0.101 47.15) | #ffb48f | hsl(20, 100%, 78%) |
|
|
| 400 | oklch(0.806 0.120 47.58) | #ffa77a | hsl(20, 100%, 74%) |
|
|
| 500 | oklch(0.779 0.139 46.57) | #ff9966 | hsl(20, 100%, 70%) |
|
|
| 600 | oklch(0.710 0.191 43.17) | #ff7029 | hsl(20, 100%, 58%) |
|
|
| 700 | oklch(0.636 0.204 38.90) | #eb4e00 | hsl(20, 100%, 46%) |
|
|
| 800 | oklch(0.509 0.160 39.95) | #ad3a00 | hsl(20, 100%, 34%) |
|
|
| 900 | oklch(0.375 0.114 41.39) | #702500 | hsl(20, 100%, 22%) |
|
|
| 950 | oklch(0.229 0.063 47.64) | #331100 | hsl(20, 100%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.025 53.68) | #f4e2d7 | hsl(23, 57%, 90%) |
|
|
| 100 | oklch(0.886 0.038 51.68) | #efd3c3 | hsl(22, 58%, 85%) |
|
|
| 200 | oklch(0.849 0.051 53.25) | #e9c5af | hsl(23, 57%, 80%) |
|
|
| 300 | oklch(0.811 0.065 51.91) | #e4b69b | hsl(22, 57%, 75%) |
|
|
| 400 | oklch(0.774 0.078 52.66) | #dea887 | hsl(23, 57%, 70%) |
|
|
| 500 | oklch(0.737 0.093 51.50) | #d99973 | hsl(22, 57%, 65%) |
|
|
| 600 | oklch(0.658 0.124 50.04) | #cd7947 | hsl(22, 57%, 54%) |
|
|
| 700 | oklch(0.566 0.119 49.14) | #ad5e2f | hsl(22, 57%, 43%) |
|
|
| 800 | oklch(0.459 0.094 49.33) | #814623 | hsl(22, 57%, 32%) |
|
|
| 900 | oklch(0.345 0.066 50.29) | #542e17 | hsl(23, 57%, 21%) |
|
|
| 950 | oklch(0.222 0.035 51.48) | #28160b | hsl(23, 57%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.011 63.35) | #ece5df | hsl(28, 25%, 90%) |
|
|
| 100 | oklch(0.882 0.018 64.91) | #e1d6cc | hsl(29, 26%, 84%) |
|
|
| 200 | oklch(0.837 0.025 67.48) | #d5c7b9 | hsl(30, 25%, 78%) |
|
|
| 300 | oklch(0.793 0.032 67.33) | #cab8a6 | hsl(30, 25%, 72%) |
|
|
| 400 | oklch(0.745 0.039 65.85) | #bea893 | hsl(29, 25%, 66%) |
|
|
| 500 | oklch(0.700 0.047 65.82) | #b39980 | hsl(29, 25%, 60%) |
|
|
| 600 | oklch(0.620 0.060 64.57) | #a07f60 | hsl(29, 25%, 50%) |
|
|
| 700 | oklch(0.529 0.050 65.29) | #80664d | hsl(29, 25%, 40%) |
|
|
| 800 | oklch(0.432 0.040 64.98) | #604c39 | hsl(29, 25%, 30%) |
|
|
| 900 | oklch(0.331 0.029 66.57) | #403326 | hsl(30, 25%, 20%) |
|
|
| 950 | oklch(0.220 0.016 62.46) | #201913 | hsl(28, 25%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.005 145.53) | #e4e7e4 | hsl(120, 6%, 90%) |
|
|
| 100 | oklch(0.874 0.009 145.50) | #d2d7d2 | hsl(120, 6%, 83%) |
|
|
| 200 | oklch(0.825 0.012 145.46) | #c1c8c1 | hsl(120, 6%, 77%) |
|
|
| 300 | oklch(0.773 0.016 145.42) | #afb8af | hsl(120, 6%, 70%) |
|
|
| 400 | oklch(0.723 0.020 145.36) | #9ea99e | hsl(120, 6%, 64%) |
|
|
| 500 | oklch(0.669 0.024 145.30) | #8c998c | hsl(120, 6%, 57%) |
|
|
| 600 | oklch(0.590 0.029 145.20) | #738273 | hsl(120, 6%, 48%) |
|
|
| 700 | oklch(0.503 0.024 145.21) | #5c685c | hsl(120, 6%, 38%) |
|
|
| 800 | oklch(0.413 0.019 145.23) | #454e45 | hsl(120, 6%, 29%) |
|
|
| 900 | oklch(0.321 0.013 145.26) | #2f352f | hsl(120, 6%, 20%) |
|
|
| 950 | oklch(0.218 0.007 145.32) | #181b18 | hsl(120, 6%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.012 196.95) | #e0ebeb | hsl(180, 22%, 90%) |
|
|
| 100 | oklch(0.875 0.019 196.80) | #c8dada | hsl(180, 20%, 82%) |
|
|
| 200 | oklch(0.819 0.029 196.60) | #afcaca | hsl(180, 20%, 74%) |
|
|
| 300 | oklch(0.763 0.038 196.39) | #97baba | hsl(180, 20%, 66%) |
|
|
| 400 | oklch(0.704 0.046 196.15) | #7ea9a9 | hsl(180, 20%, 58%) |
|
|
| 500 | oklch(0.647 0.054 195.89) | #669999 | hsl(180, 20%, 50%) |
|
|
| 600 | oklch(0.572 0.047 195.91) | #568181 | hsl(180, 20%, 42%) |
|
|
| 700 | oklch(0.491 0.040 195.92) | #456868 | hsl(180, 20%, 34%) |
|
|
| 800 | oklch(0.410 0.033 195.95) | #355050 | hsl(180, 20%, 26%) |
|
|
| 900 | oklch(0.321 0.023 196.05) | #253737 | hsl(180, 20%, 18%) |
|
|
| 950 | oklch(0.229 0.016 196.11) | #141f1f | hsl(180, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
