Warm Earthy Color Palette
This palette exudes a warm, earthy charm with vibrant shades of terracotta and sunny orange, balanced by soft, muted taupes and deep greys, evoking a cozy, rustic elegance perfect for inviting spaces.
Practical uses and creative applications
The Warm Earthy Color Palette features a harmonious blend of rich, inviting hues, including #EC642C and #F08B33, complemented by calming neutrals like #D4D3CF, #ADA69C, and #77726E. This palette is ideal for those looking to evoke a sense of warmth and comfort in their projects, making it perfect for branding initiatives, web design, and packaging.
Whether you’re launching a cozy café, an artisanal brand, or a lifestyle blog, these colors can help convey a sense of authenticity and connection to nature. Designers and creatives will find the Warm Earthy Color Palette especially appealing for interior design projects that aim to create tranquil and welcoming spaces.
These colors work beautifully together to establish a rustic yet modern aesthetic, making them suitable for everything from boutique hotels to home decor. The earthy tones can also enhance visual storytelling in marketing materials, providing a grounded backdrop that allows your content to shine.
Embrace this palette to infuse your work with a touch of warmth and a sense of grounded elegance.
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.
| 50 | oklch(0.919 0.038 44.87) | #fbddd0 | hsl(18, 84%, 90%) |
|
|
| 100 | oklch(0.863 0.066 44.51) | #f8c5af | hsl(18, 84%, 83%) |
|
|
| 200 | oklch(0.807 0.095 42.53) | #f5ac8f | hsl(17, 84%, 76%) |
|
|
| 300 | oklch(0.756 0.125 42.56) | #f2946e | hsl(17, 84%, 69%) |
|
|
| 400 | oklch(0.708 0.155 42.08) | #ef7c4d | hsl(17, 84%, 62%) |
|
|
| 500 | oklch(0.666 0.181 40.71) | #ec642c | hsl(18, 83%, 55%) |
|
|
| 600 | oklch(0.601 0.185 38.86) | #d74c13 | hsl(17, 84%, 46%) |
|
|
| 700 | oklch(0.513 0.155 38.98) | #ad3d10 | hsl(17, 83%, 37%) |
|
|
| 800 | oklch(0.423 0.124 39.88) | #832f0c | hsl(18, 83%, 28%) |
|
|
| 900 | oklch(0.326 0.091 40.78) | #592008 | hsl(18, 84%, 19%) |
|
|
| 950 | oklch(0.222 0.054 44.12) | #2f1104 | hsl(18, 84%, 10%) |
|
| 50 | oklch(0.933 0.038 63.54) | #fce4cf | hsl(28, 88%, 90%) |
|
|
| 100 | oklch(0.889 0.063 62.96) | #f9d2b0 | hsl(28, 86%, 83%) |
|
|
| 200 | oklch(0.846 0.088 61.72) | #f7c091 | hsl(28, 86%, 77%) |
|
|
| 300 | oklch(0.808 0.113 61.25) | #f5af72 | hsl(28, 87%, 70%) |
|
|
| 400 | oklch(0.768 0.136 59.93) | #f29d52 | hsl(28, 86%, 64%) |
|
|
| 500 | oklch(0.731 0.156 56.95) | #f08b33 | hsl(28, 86%, 57%) |
|
|
| 600 | oklch(0.670 0.167 52.47) | #e27211 | hsl(28, 86%, 48%) |
|
|
| 700 | oklch(0.573 0.141 53.16) | #b65c0d | hsl(28, 87%, 38%) |
|
|
| 800 | oklch(0.467 0.113 53.69) | #89450a | hsl(28, 86%, 29%) |
|
|
| 900 | oklch(0.357 0.082 55.83) | #5c2f07 | hsl(28, 86%, 19%) |
|
|
| 950 | oklch(0.238 0.051 59.45) | #301803 | hsl(28, 88%, 10%) |
|
| 50 | oklch(0.925 0.003 84.56) | #e7e6e4 | hsl(40, 6%, 90%) |
|
|
| 100 | oklch(0.913 0.003 84.56) | #e3e2e0 | hsl(40, 5%, 88%) |
|
|
| 200 | oklch(0.903 0.004 106.48) | #dfdfdc | hsl(60, 4%, 87%) |
|
|
| 300 | oklch(0.891 0.006 95.11) | #dcdbd7 | hsl(48, 7%, 85%) |
|
|
| 400 | oklch(0.879 0.006 95.11) | #d8d7d3 | hsl(48, 6%, 84%) |
|
|
| 500 | oklch(0.867 0.006 95.11) | #d4d3cf | hsl(48, 5%, 82%) |
|
|
| 600 | oklch(0.754 0.010 93.60) | #b1afa8 | hsl(47, 5%, 68%) |
|
|
| 700 | oklch(0.639 0.016 98.42) | #8e8c81 | hsl(51, 5%, 53%) |
|
|
| 800 | oklch(0.511 0.013 89.80) | #69665e | hsl(44, 6%, 39%) |
|
|
| 900 | oklch(0.372 0.009 88.73) | #42403b | hsl(43, 6%, 25%) |
|
|
| 950 | oklch(0.218 0.004 84.59) | #1b1a18 | hsl(40, 6%, 10%) |
|
| 50 | oklch(0.926 0.005 78.30) | #e8e6e3 | hsl(36, 10%, 90%) |
|
|
| 100 | oklch(0.887 0.006 75.40) | #dcd9d5 | hsl(34, 9%, 85%) |
|
|
| 200 | oklch(0.847 0.008 73.73) | #d0ccc7 | hsl(33, 9%, 80%) |
|
|
| 300 | oklch(0.810 0.012 79.78) | #c5c0b8 | hsl(37, 10%, 75%) |
|
|
| 400 | oklch(0.769 0.014 78.24) | #b9b3aa | hsl(36, 10%, 70%) |
|
|
| 500 | oklch(0.728 0.016 77.03) | #ada69c | hsl(35, 9%, 65%) |
|
|
| 600 | oklch(0.641 0.022 77.23) | #948b7e | hsl(35, 9%, 54%) |
|
|
| 700 | oklch(0.545 0.021 78.13) | #776f63 | hsl(36, 9%, 43%) |
|
|
| 800 | oklch(0.443 0.017 74.22) | #595249 | hsl(34, 10%, 32%) |
|
|
| 900 | oklch(0.335 0.012 78.15) | #3a3630 | hsl(36, 9%, 21%) |
|
|
| 950 | oklch(0.219 0.007 78.18) | #1c1a17 | hsl(36, 10%, 10%) |
|
| 50 | oklch(0.923 0.003 48.72) | #e7e5e4 | hsl(20, 6%, 90%) |
|
|
| 100 | oklch(0.853 0.003 48.71) | #d0cecd | hsl(20, 3%, 81%) |
|
|
| 200 | oklch(0.781 0.004 56.36) | #bab7b5 | hsl(24, 3%, 72%) |
|
|
| 300 | oklch(0.708 0.006 59.61) | #a4a09d | hsl(26, 4%, 63%) |
|
|
| 400 | oklch(0.633 0.008 61.38) | #8e8985 | hsl(27, 4%, 54%) |
|
|
| 500 | oklch(0.555 0.009 61.35) | #77726e | hsl(27, 4%, 45%) |
|
|
| 600 | oklch(0.493 0.008 53.32) | #65605d | hsl(23, 4%, 38%) |
|
|
| 700 | oklch(0.429 0.006 67.66) | #524f4c | hsl(30, 4%, 31%) |
|
|
| 800 | oklch(0.362 0.005 56.23) | #403d3b | hsl(24, 4%, 24%) |
|
|
| 900 | oklch(0.291 0.003 48.61) | #2d2b2a | hsl(20, 3%, 17%) |
|
|
| 950 | oklch(0.215 0.004 48.55) | #1b1918 | hsl(20, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
