Warm Earthy Color Palette
This palette exudes a warm, earthy vibe with bold terracotta and golden ochre, balanced by soft sage green and deep plum, creating a stylish yet cozy atmosphere perfect for inviting elegance.
Practical uses and creative applications
The Warm Earthy Color Palette is a stunning collection of hues that brings the essence of nature indoors, making it ideal for a variety of creative applications. Featuring warm tones like the rich terracotta of #c75233 and the soft, sandy beige of #d6ceaa, this palette is perfect for branding and web design that aims to evoke feelings of comfort and authenticity.
Whether you're designing a rustic-themed website or crafting product packaging that celebrates organic materials, these colors will resonate with audiences seeking a connection to the environment. This palette is particularly suited for designers and creatives focused on lifestyle brands, wellness products, or eco-friendly initiatives.
The earthy greens and muted tones of #79b5ac and #5e2f46 complement natural textures and can enhance interior spaces, creating a serene atmosphere that invites relaxation. Use this color palette in your next project to evoke a sense of grounding and warmth, appealing to customers who value sustainability and a harmonious aesthetic.
Whether it’s for a cozy coffee shop, an artisanal brand, or a tranquil yoga studio, the Warm Earthy Color Palette will inspire and captivate.
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.915 0.028 36.86) | #f5ddd6 | hsl(14, 61%, 90%) |
|
|
| 100 | oklch(0.845 0.052 36.11) | #ecc1b5 | hsl(13, 59%, 82%) |
|
|
| 200 | oklch(0.777 0.079 35.67) | #e4a594 | hsl(13, 60%, 74%) |
|
|
| 300 | oklch(0.708 0.107 34.97) | #db8873 | hsl(12, 59%, 65%) |
|
|
| 400 | oklch(0.644 0.135 35.83) | #d26c51 | hsl(13, 59%, 57%) |
|
|
| 500 | oklch(0.586 0.157 35.78) | #c75233 | hsl(13, 59%, 49%) |
|
|
| 600 | oklch(0.517 0.136 35.82) | #a7452b | hsl(13, 59%, 41%) |
|
|
| 700 | oklch(0.447 0.115 35.73) | #883823 | hsl(12, 59%, 34%) |
|
|
| 800 | oklch(0.372 0.092 35.74) | #682b1b | hsl(12, 59%, 26%) |
|
|
| 900 | oklch(0.294 0.067 35.73) | #481e13 | hsl(12, 58%, 18%) |
|
|
| 950 | oklch(0.212 0.042 37.10) | #29110a | hsl(14, 61%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.028 76.21) | #f5e8d6 | hsl(35, 61%, 90%) |
|
|
| 100 | oklch(0.884 0.050 76.08) | #ecd5b5 | hsl(35, 59%, 82%) |
|
|
| 200 | oklch(0.832 0.072 74.91) | #e4c294 | hsl(35, 60%, 74%) |
|
|
| 300 | oklch(0.780 0.093 74.36) | #dbaf73 | hsl(35, 59%, 65%) |
|
|
| 400 | oklch(0.729 0.113 73.41) | #d29c51 | hsl(35, 59%, 57%) |
|
|
| 500 | oklch(0.677 0.125 71.19) | #c78933 | hsl(35, 59%, 49%) |
|
|
| 600 | oklch(0.596 0.108 71.36) | #a7732b | hsl(35, 59%, 41%) |
|
|
| 700 | oklch(0.513 0.092 70.88) | #885d23 | hsl(34, 59%, 34%) |
|
|
| 800 | oklch(0.428 0.074 72.47) | #68481b | hsl(35, 59%, 26%) |
|
|
| 900 | oklch(0.336 0.055 73.18) | #483213 | hsl(35, 58%, 18%) |
|
|
| 950 | oklch(0.238 0.036 73.50) | #291c0a | hsl(35, 61%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.019 96.87) | #eeebdd | hsl(49, 33%, 90%) |
|
|
| 100 | oklch(0.921 0.026 94.75) | #eae5d2 | hsl(48, 36%, 87%) |
|
|
| 200 | oklch(0.904 0.032 97.32) | #e5e0c8 | hsl(50, 36%, 84%) |
|
|
| 300 | oklch(0.886 0.038 97.12) | #e0dabe | hsl(49, 35%, 81%) |
|
|
| 400 | oklch(0.867 0.043 96.99) | #dbd4b4 | hsl(49, 35%, 78%) |
|
|
| 500 | oklch(0.849 0.049 96.89) | #d6ceaa | hsl(49, 35%, 75%) |
|
|
| 600 | oklch(0.767 0.074 97.33) | #c0b47d | hsl(49, 35%, 62%) |
|
|
| 700 | oklch(0.682 0.094 96.94) | #a99952 | hsl(49, 35%, 49%) |
|
|
| 800 | oklch(0.546 0.074 97.88) | #7c713c | hsl(50, 35%, 36%) |
|
|
| 900 | oklch(0.400 0.052 97.99) | #4f4826 | hsl(50, 35%, 23%) |
|
|
| 950 | oklch(0.238 0.025 97.55) | #221f11 | hsl(49, 33%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.016 187.32) | #deedeb | hsl(172, 29%, 90%) |
|
|
| 100 | oklch(0.894 0.026 184.67) | #cae2de | hsl(170, 29%, 84%) |
|
|
| 200 | oklch(0.854 0.036 185.40) | #b6d7d2 | hsl(171, 29%, 78%) |
|
|
| 300 | oklch(0.810 0.045 185.63) | #a1cbc5 | hsl(171, 29%, 71%) |
|
|
| 400 | oklch(0.770 0.054 185.61) | #8dc0b9 | hsl(172, 29%, 65%) |
|
|
| 500 | oklch(0.729 0.064 184.16) | #79b5ac | hsl(171, 29%, 59%) |
|
|
| 600 | oklch(0.662 0.075 183.03) | #5aa297 | hsl(171, 29%, 49%) |
|
|
| 700 | oklch(0.564 0.063 182.90) | #488279 | hsl(171, 29%, 40%) |
|
|
| 800 | oklch(0.462 0.050 182.69) | #36625b | hsl(170, 29%, 30%) |
|
|
| 900 | oklch(0.351 0.036 184.57) | #24413d | hsl(172, 29%, 20%) |
|
|
| 950 | oklch(0.233 0.021 185.33) | #12211f | hsl(172, 29%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.021 347.32) | #eedde5 | hsl(332, 33%, 90%) |
|
|
| 100 | oklch(0.805 0.050 348.12) | #d9b3c5 | hsl(332, 33%, 78%) |
|
|
| 200 | oklch(0.695 0.082 348.96) | #c488a5 | hsl(331, 34%, 65%) |
|
|
| 300 | oklch(0.587 0.114 350.58) | #ae5e85 | hsl(331, 33%, 53%) |
|
|
| 400 | oklch(0.482 0.102 350.29) | #884466 | hsl(330, 33%, 40%) |
|
|
| 500 | oklch(0.375 0.075 350.62) | #5e2f46 | hsl(331, 33%, 28%) |
|
|
| 600 | oklch(0.342 0.067 350.59) | #52293d | hsl(331, 33%, 24%) |
|
|
| 700 | oklch(0.310 0.058 350.55) | #462334 | hsl(331, 33%, 21%) |
|
|
| 800 | oklch(0.276 0.050 350.52) | #3a1d2b | hsl(331, 33%, 17%) |
|
|
| 900 | oklch(0.241 0.041 350.50) | #2e1722 | hsl(331, 33%, 14%) |
|
|
| 950 | oklch(0.205 0.031 350.53) | #221119 | hsl(332, 33%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
