Warm Earthy Color Palette
This palette radiates a warm, earthy vibe with a refreshing teal, sun-kissed coral, rich terracotta, deep chestnut, and rustic mahogany, evoking a cozy, sun-drenched autumn evening.
Practical uses and creative applications
The Warm Earthy Color Palette features a harmonious blend of rich tones that evoke the beauty of nature, making it an ideal choice for branding and web design. With vibrant teal (#30BFB6) paired with warm terracotta (#E69E73) and deep earthy browns (#BF6530, #805840, #68432C), this palette creates a welcoming atmosphere that resonates with audiences seeking authenticity and connection.
Designers looking to convey warmth and reliability will find this color scheme perfect for crafting logos, websites, and promotional materials that stand out in a crowded market. Ideal for creatives in industries such as organic products, sustainable fashion, or artisanal goods, the Warm Earthy Color Palette is versatile enough to enhance both packaging and interior design.
Whether you’re designing a cozy coffee shop or branding an eco-friendly product line, these colors evoke a sense of groundedness and comfort. The earthy tones can also be used to create striking contrasts, making it suitable for both minimalist and bohemian styles.
Ultimately, this palette not only captures attention but also fosters an emotional connection, making it a go-to choice for designers aiming to tell a meaningful story through their work.
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.947 0.032 191.87) | #d6f5f3 | hsl(176, 61%, 90%) |
|
|
| 100 | oklch(0.903 0.058 190.80) | #b3ece8 | hsl(176, 60%, 81%) |
|
|
| 200 | oklch(0.861 0.081 190.88) | #90e3de | hsl(176, 60%, 73%) |
|
|
| 300 | oklch(0.822 0.101 189.82) | #6ddad3 | hsl(176, 60%, 64%) |
|
|
| 400 | oklch(0.786 0.116 189.45) | #4ad1c9 | hsl(176, 59%, 55%) |
|
|
| 500 | oklch(0.730 0.117 188.52) | #30bfb6 | hsl(176, 60%, 47%) |
|
|
| 600 | oklch(0.644 0.102 188.24) | #28a199 | hsl(176, 60%, 39%) |
|
|
| 700 | oklch(0.554 0.087 188.83) | #21837d | hsl(176, 60%, 32%) |
|
|
| 800 | oklch(0.461 0.072 188.48) | #196560 | hsl(176, 60%, 25%) |
|
|
| 900 | oklch(0.363 0.055 187.81) | #124743 | hsl(175, 60%, 17%) |
|
|
| 950 | oklch(0.258 0.036 189.22) | #0a2927 | hsl(176, 61%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.030 52.70) | #f7e1d4 | hsl(22, 69%, 90%) |
|
|
| 100 | oklch(0.892 0.045 53.98) | #f4d4c0 | hsl(23, 70%, 85%) |
|
|
| 200 | oklch(0.857 0.059 52.43) | #f0c6ad | hsl(22, 69%, 81%) |
|
|
| 300 | oklch(0.825 0.074 52.19) | #edb99a | hsl(22, 70%, 77%) |
|
|
| 400 | oklch(0.791 0.089 51.87) | #e9ab86 | hsl(22, 69%, 72%) |
|
|
| 500 | oklch(0.760 0.104 51.45) | #e69e73 | hsl(22, 70%, 68%) |
|
|
| 600 | oklch(0.681 0.141 49.18) | #dd7b41 | hsl(22, 70%, 56%) |
|
|
| 700 | oklch(0.593 0.145 47.63) | #c15e22 | hsl(23, 70%, 45%) |
|
|
| 800 | oklch(0.477 0.114 47.28) | #8f451a | hsl(22, 69%, 33%) |
|
|
| 900 | oklch(0.356 0.080 48.07) | #5d2d11 | hsl(22, 69%, 22%) |
|
|
| 950 | oklch(0.224 0.042 50.05) | #2b1508 | hsl(22, 69%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.026 54.55) | #f5e2d6 | hsl(23, 61%, 90%) |
|
|
| 100 | oklch(0.858 0.050 52.04) | #ecc8b3 | hsl(22, 60%, 81%) |
|
|
| 200 | oklch(0.794 0.074 52.13) | #e3af90 | hsl(22, 60%, 73%) |
|
|
| 300 | oklch(0.729 0.100 50.72) | #da956d | hsl(22, 60%, 64%) |
|
|
| 400 | oklch(0.668 0.124 49.84) | #d17c4a | hsl(22, 59%, 55%) |
|
|
| 500 | oklch(0.603 0.133 48.50) | #bf6530 | hsl(22, 60%, 47%) |
|
|
| 600 | oklch(0.532 0.116 48.73) | #a15528 | hsl(22, 60%, 39%) |
|
|
| 700 | oklch(0.460 0.098 48.56) | #834521 | hsl(22, 60%, 32%) |
|
|
| 800 | oklch(0.385 0.080 48.90) | #653519 | hsl(22, 60%, 25%) |
|
|
| 900 | oklch(0.306 0.060 48.45) | #472512 | hsl(22, 60%, 17%) |
|
|
| 950 | oklch(0.223 0.037 52.02) | #29160a | hsl(23, 61%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.015 50.80) | #eee3dd | hsl(21, 33%, 90%) |
|
|
| 100 | oklch(0.841 0.031 52.65) | #dcc6b9 | hsl(22, 33%, 79%) |
|
|
| 200 | oklch(0.761 0.047 53.83) | #caaa96 | hsl(23, 33%, 69%) |
|
|
| 300 | oklch(0.679 0.066 52.82) | #b98d72 | hsl(23, 34%, 59%) |
|
|
| 400 | oklch(0.592 0.079 50.66) | #a47052 | hsl(22, 33%, 48%) |
|
|
| 500 | oklch(0.497 0.064 51.70) | #805840 | hsl(23, 33%, 38%) |
|
|
| 600 | oklch(0.445 0.056 51.28) | #6d4b37 | hsl(22, 33%, 32%) |
|
|
| 700 | oklch(0.391 0.048 52.12) | #5a3e2d | hsl(23, 33%, 26%) |
|
|
| 800 | oklch(0.336 0.040 50.40) | #483124 | hsl(22, 33%, 21%) |
|
|
| 900 | oklch(0.278 0.031 51.49) | #35241a | hsl(22, 34%, 15%) |
|
|
| 950 | oklch(0.217 0.021 49.82) | #221711 | hsl(21, 33%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.018 53.97) | #f0e3db | hsl(23, 41%, 90%) |
|
|
| 100 | oklch(0.830 0.040 54.77) | #ddc1af | hsl(23, 40%, 78%) |
|
|
| 200 | oklch(0.736 0.065 52.97) | #cb9f84 | hsl(23, 41%, 66%) |
|
|
| 300 | oklch(0.642 0.090 52.58) | #b87d58 | hsl(23, 40%, 53%) |
|
|
| 400 | oklch(0.536 0.084 52.00) | #945f3e | hsl(23, 41%, 41%) |
|
|
| 500 | oklch(0.420 0.062 52.16) | #68432c | hsl(23, 41%, 29%) |
|
|
| 600 | oklch(0.381 0.055 52.37) | #5a3a26 | hsl(23, 41%, 25%) |
|
|
| 700 | oklch(0.342 0.049 51.69) | #4d3120 | hsl(23, 41%, 21%) |
|
|
| 800 | oklch(0.304 0.041 53.09) | #3f291b | hsl(23, 40%, 18%) |
|
|
| 900 | oklch(0.262 0.033 53.69) | #312015 | hsl(24, 40%, 14%) |
|
|
| 950 | oklch(0.219 0.026 52.55) | #24170f | hsl(23, 41%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
