Warm Earthy Color Palette
This palette exudes a warm, earthy vibe with rich browns and deep reds, illuminated by vibrant amber and orange accents, creating a cozy, rustic atmosphere reminiscent of autumnal warmth and inviting gatherings.
Practical uses and creative applications
The Warm Earthy Color Palette is a captivating blend of rich, grounded tones that evoke the beauty of nature. Comprising deep browns, warm oranges, and vibrant yellows, this palette is perfect for those seeking to create a cozy and inviting atmosphere.
The main colors#240f03, #4b2409, #bd7a22, #e79022, and #df621cwork harmoniously together, making them ideal for branding and web design projects that aim to convey warmth and authenticity. Whether you're designing a rustic café website or developing packaging for artisanal products, these colors will help establish a strong connection with your audience.
This palette is particularly suited for creatives and designers who want to infuse their projects with an organic and earthy feel. Interior designers can leverage these hues to craft spaces that feel welcoming and grounded, while marketers can use them to evoke feelings of comfort and reliability in their branding efforts.
The Warm Earthy Color Palette resonates with eco-conscious consumers and those who appreciate the beauty of nature, making it an excellent choice for brands centered around sustainability, wellness, or handmade goods. Embrace this palette to create designs that not only stand out but also tell a story of warmth and connection.
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.037 52.68) | #fbe0d0 | hsl(22, 84%, 90%) |
|
|
| 100 | oklch(0.805 0.103 50.70) | #f5ac82 | hsl(22, 85%, 74%) |
|
|
| 200 | oklch(0.698 0.165 47.03) | #ee7835 | hsl(22, 84%, 57%) |
|
|
| 300 | oklch(0.568 0.158 44.23) | #bf5010 | hsl(22, 85%, 41%) |
|
|
| 400 | oklch(0.394 0.105 44.94) | #722f09 | hsl(22, 85%, 24%) |
|
|
| 500 | oklch(0.197 0.042 51.88) | #240f03 | hsl(22, 85%, 8%) |
|
|
| 600 | oklch(0.203 0.044 52.13) | #261003 | hsl(22, 85%, 8%) |
|
|
| 700 | oklch(0.209 0.046 52.32) | #281103 | hsl(23, 86%, 8%) |
|
|
| 800 | oklch(0.216 0.048 49.54) | #2b1204 | hsl(22, 83%, 9%) |
|
|
| 900 | oklch(0.222 0.050 49.85) | #2d1304 | hsl(22, 84%, 10%) |
|
|
| 950 | oklch(0.228 0.052 50.12) | #2f1404 | hsl(22, 84%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.035 57.60) | #fae2d1 | hsl(25, 80%, 90%) |
|
|
| 100 | oklch(0.824 0.087 55.31) | #f2b78f | hsl(24, 79%, 75%) |
|
|
| 200 | oklch(0.726 0.138 53.20) | #e98c4c | hsl(24, 78%, 61%) |
|
|
| 300 | oklch(0.625 0.159 48.74) | #d16419 | hsl(24, 79%, 46%) |
|
|
| 400 | oklch(0.474 0.117 49.52) | #8e4411 | hsl(24, 79%, 31%) |
|
|
| 500 | oklch(0.309 0.070 51.27) | #4b2409 | hsl(25, 79%, 16%) |
|
|
| 600 | oklch(0.293 0.066 51.57) | #452108 | hsl(25, 79%, 15%) |
|
|
| 700 | oklch(0.277 0.061 51.09) | #3f1e08 | hsl(24, 77%, 14%) |
|
|
| 800 | oklch(0.262 0.056 53.47) | #391c07 | hsl(25, 78%, 13%) |
|
|
| 900 | oklch(0.246 0.051 54.26) | #331906 | hsl(25, 79%, 11%) |
|
|
| 950 | oklch(0.231 0.048 54.19) | #2e1605 | hsl(25, 80%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.031 75.22) | #f7e8d4 | hsl(34, 69%, 90%) |
|
|
| 100 | oklch(0.881 0.061 75.04) | #f0d3ac | hsl(34, 69%, 81%) |
|
|
| 200 | oklch(0.824 0.089 73.27) | #e9bd84 | hsl(34, 70%, 72%) |
|
|
| 300 | oklch(0.771 0.116 72.06) | #e2a85c | hsl(34, 70%, 62%) |
|
|
| 400 | oklch(0.717 0.136 68.99) | #da9234 | hsl(34, 69%, 53%) |
|
|
| 500 | oklch(0.636 0.128 67.84) | #bd7a22 | hsl(34, 70%, 44%) |
|
|
| 600 | oklch(0.563 0.112 67.82) | #a0671d | hsl(34, 69%, 37%) |
|
|
| 700 | oklch(0.488 0.096 67.76) | #835418 | hsl(34, 69%, 30%) |
|
|
| 800 | oklch(0.412 0.079 69.37) | #664212 | hsl(34, 70%, 24%) |
|
|
| 900 | oklch(0.328 0.060 70.84) | #482f0d | hsl(35, 69%, 17%) |
|
|
| 950 | oklch(0.241 0.040 71.84) | #2b1c08 | hsl(34, 69%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.036 74.06) | #fae8d1 | hsl(34, 80%, 90%) |
|
|
| 100 | oklch(0.893 0.063 73.06) | #f6d6ae | hsl(33, 80%, 82%) |
|
|
| 200 | oklch(0.850 0.090 73.18) | #f2c58b | hsl(34, 80%, 75%) |
|
|
| 300 | oklch(0.807 0.116 71.08) | #efb368 | hsl(33, 81%, 67%) |
|
|
| 400 | oklch(0.767 0.137 69.42) | #eba245 | hsl(34, 81%, 60%) |
|
|
| 500 | oklch(0.728 0.153 65.44) | #e79022 | hsl(34, 80%, 52%) |
|
|
| 600 | oklch(0.649 0.140 64.84) | #c87a16 | hsl(34, 80%, 44%) |
|
|
| 700 | oklch(0.556 0.119 64.61) | #a26212 | hsl(33, 80%, 35%) |
|
|
| 800 | oklch(0.458 0.096 66.10) | #7b4b0d | hsl(34, 81%, 27%) |
|
|
| 900 | oklch(0.355 0.072 65.97) | #553309 | hsl(33, 81%, 18%) |
|
|
| 950 | oklch(0.245 0.046 69.98) | #2e1c05 | hsl(34, 80%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.033 51.23) | #f9e0d2 | hsl(22, 76%, 90%) |
|
|
| 100 | oklch(0.863 0.063 51.03) | #f5c7ad | hsl(22, 78%, 82%) |
|
|
| 200 | oklch(0.802 0.093 49.87) | #f0ad88 | hsl(21, 78%, 74%) |
|
|
| 300 | oklch(0.746 0.123 49.43) | #eb9463 | hsl(22, 77%, 65%) |
|
|
| 400 | oklch(0.693 0.153 47.19) | #e77a3e | hsl(21, 78%, 57%) |
|
|
| 500 | oklch(0.643 0.173 44.62) | #df621c | hsl(22, 78%, 49%) |
|
|
| 600 | oklch(0.565 0.151 44.69) | #bb5218 | hsl(21, 77%, 41%) |
|
|
| 700 | oklch(0.488 0.127 45.37) | #984313 | hsl(22, 78%, 34%) |
|
|
| 800 | oklch(0.404 0.103 45.60) | #74330f | hsl(21, 77%, 26%) |
|
|
| 900 | oklch(0.319 0.077 47.12) | #51240a | hsl(22, 78%, 18%) |
|
|
| 950 | oklch(0.225 0.047 48.77) | #2d1406 | hsl(22, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
