Warm Earthy Color Palette
This palette radiates a warm, earthy charm with vibrant terracotta and soft beige hues, complemented by deep burgundy and soothing sage, creating a cozy, inviting atmosphere perfect for a rustic yet chic retreat.
Practical uses and creative applications
The Warm Earthy Color Palette is a captivating blend of rich, organic hues that evokes a sense of comfort and tranquility. Featuring warm oranges, soft beige, and deep browns, this palette is perfect for branding projects that aim to connect with nature and sustainability.
Ideal for environmentally conscious brands, organic food products, or wellness companies, these colors can be seamlessly integrated into logos, packaging designs, and promotional materials, creating a harmonious visual identity that resonates with eco-aware consumers. In web design, the Warm Earthy Color Palette can set a calming yet inviting tone, making it perfect for lifestyle blogs, health websites, or artisanal e-commerce platforms.
The soothing combination of colors encourages user engagement, providing a warm backdrop that enhances readability and user experience. Additionally, this palette is an excellent choice for interior designers looking to create cozy, inviting spaces.
Whether it’s for a rustic coffee shop, a serene yoga studio, or a stylish home, these colors can transform any environment into a welcoming retreat. Designers and creatives will find that this palette not only inspires creativity but also fosters a deep emotional connection with their 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.925 0.039 53.31) | #fce0cf | hsl(23, 88%, 90%) |
|
|
| 100 | oklch(0.885 0.060 52.86) | #facfb5 | hsl(23, 87%, 85%) |
|
|
| 200 | oklch(0.845 0.083 53.11) | #f8be9a | hsl(23, 87%, 79%) |
|
|
| 300 | oklch(0.807 0.105 52.91) | #f6ad7f | hsl(23, 87%, 73%) |
|
|
| 400 | oklch(0.769 0.128 51.55) | #f49b64 | hsl(23, 87%, 67%) |
|
|
| 500 | oklch(0.734 0.149 50.49) | #f28a49 | hsl(23, 87%, 62%) |
|
|
| 600 | oklch(0.676 0.183 45.80) | #ee6a18 | hsl(23, 86%, 51%) |
|
|
| 700 | oklch(0.580 0.159 45.52) | #c3540e | hsl(23, 87%, 41%) |
|
|
| 800 | oklch(0.471 0.126 46.33) | #923f0a | hsl(23, 87%, 31%) |
|
|
| 900 | oklch(0.356 0.091 47.61) | #612a07 | hsl(23, 87%, 20%) |
|
|
| 950 | oklch(0.229 0.054 50.75) | #301403 | hsl(23, 88%, 10%) |
|
dsfds
| 50 | oklch(0.951 0.040 88.20) | #faeed1 | hsl(42, 80%, 90%) |
|
|
| 100 | oklch(0.946 0.046 87.76) | #faeccb | hsl(42, 82%, 89%) |
|
|
| 200 | oklch(0.939 0.052 89.04) | #f9eac4 | hsl(43, 82%, 87%) |
|
|
| 300 | oklch(0.931 0.056 88.17) | #f8e7be | hsl(42, 81%, 86%) |
|
|
| 400 | oklch(0.926 0.062 87.83) | #f8e5b8 | hsl(42, 82%, 85%) |
|
|
| 500 | oklch(0.920 0.067 88.43) | #f7e3b2 | hsl(43, 81%, 83%) |
|
|
| 600 | oklch(0.853 0.119 87.35) | #f0ca6e | hsl(42, 81%, 69%) |
|
|
| 700 | oklch(0.793 0.152 84.29) | #e9b22a | hsl(43, 81%, 54%) |
|
|
| 800 | oklch(0.652 0.130 82.85) | #b68713 | hsl(43, 81%, 39%) |
|
|
| 900 | oklch(0.465 0.091 83.06) | #72540c | hsl(42, 81%, 25%) |
|
|
| 950 | oklch(0.260 0.047 85.93) | #2e2205 | hsl(42, 80%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.030 38.56) | #f6ddd5 | hsl(15, 65%, 90%) |
|
|
| 100 | oklch(0.881 0.043 39.83) | #f2cfc3 | hsl(15, 64%, 86%) |
|
|
| 200 | oklch(0.846 0.056 39.25) | #eec1b2 | hsl(15, 64%, 82%) |
|
|
| 300 | oklch(0.811 0.072 38.25) | #ebb2a0 | hsl(14, 65%, 77%) |
|
|
| 400 | oklch(0.778 0.085 38.13) | #e7a48f | hsl(14, 65%, 73%) |
|
|
| 500 | oklch(0.744 0.100 38.74) | #e3967d | hsl(15, 65%, 69%) |
|
|
| 600 | oklch(0.655 0.142 38.81) | #d86e4b | hsl(15, 64%, 57%) |
|
|
| 700 | oklch(0.567 0.154 38.02) | #bf4e29 | hsl(15, 65%, 45%) |
|
|
| 800 | oklch(0.456 0.121 37.92) | #8d391e | hsl(15, 65%, 34%) |
|
|
| 900 | oklch(0.339 0.084 37.90) | #5b2514 | hsl(14, 64%, 22%) |
|
|
| 950 | oklch(0.214 0.044 38.46) | #2a1109 | hsl(15, 65%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.016 32.01) | #eee0dd | hsl(11, 33%, 90%) |
|
|
| 100 | oklch(0.808 0.037 30.79) | #d7b8b2 | hsl(10, 32%, 77%) |
|
|
| 200 | oklch(0.700 0.060 31.97) | #c19187 | hsl(10, 32%, 64%) |
|
|
| 300 | oklch(0.590 0.088 31.85) | #ab695c | hsl(10, 32%, 52%) |
|
|
| 400 | oklch(0.481 0.073 32.70) | #824e43 | hsl(10, 32%, 39%) |
|
|
| 500 | oklch(0.366 0.052 31.97) | #57342d | hsl(10, 32%, 26%) |
|
|
| 600 | oklch(0.336 0.046 33.80) | #4c2e27 | hsl(11, 32%, 23%) |
|
|
| 700 | oklch(0.305 0.042 31.07) | #422722 | hsl(9, 32%, 20%) |
|
|
| 800 | oklch(0.274 0.036 33.40) | #37211c | hsl(11, 33%, 16%) |
|
|
| 900 | oklch(0.241 0.030 29.81) | #2c1a17 | hsl(9, 31%, 13%) |
|
|
| 950 | oklch(0.209 0.024 32.54) | #221411 | hsl(11, 33%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.017 151.09) | #e0ebe2 | hsl(131, 22%, 90%) |
|
|
| 100 | oklch(0.898 0.023 151.62) | #d3e2d6 | hsl(132, 21%, 86%) |
|
|
| 200 | oklch(0.866 0.031 151.46) | #c5d9c9 | hsl(132, 21%, 81%) |
|
|
| 300 | oklch(0.836 0.038 151.29) | #b8d1bd | hsl(132, 21%, 77%) |
|
|
| 400 | oklch(0.804 0.047 151.10) | #aac8b0 | hsl(132, 21%, 73%) |
|
|
| 500 | oklch(0.772 0.053 151.12) | #9dbfa4 | hsl(132, 21%, 68%) |
|
|
| 600 | oklch(0.688 0.074 150.65) | #79a883 | hsl(133, 21%, 57%) |
|
|
| 700 | oklch(0.591 0.079 149.39) | #5b8b64 | hsl(131, 21%, 45%) |
|
|
| 800 | oklch(0.478 0.062 149.66) | #43674a | hsl(132, 21%, 33%) |
|
|
| 900 | oklch(0.358 0.044 149.20) | #2c4330 | hsl(130, 21%, 22%) |
|
|
| 950 | oklch(0.225 0.023 149.75) | #141f16 | hsl(131, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
