Earthy Warmth Color Palette
This earthy palette blends deep charcoal and rich browns with vibrant burnt orange and sunny amber, evoking a warm, rustic vibe perfect for cozy autumn gatherings.
Practical uses and creative applications
The Earthy Warmth Color Palette is a rich blend of deep browns, warm oranges, and sun-kissed hues, creating a cozy and inviting atmosphere. Featuring colors like #2f2c2b, #413726, #79451d, #d7621a, and #fd8d32, this palette is ideal for branding projects that aim to evoke a sense of comfort and reliability.
Designers can use these colors in web design to create a welcoming user experience, making it perfect for businesses in the organic food sector, wellness brands, or artisanal crafts. This palette is also an excellent choice for packaging design, especially for products that emphasize natural ingredients or sustainable practices.
The warm tones resonate well with eco-conscious consumers and can enhance the perceived value of products. Additionally, the Earthy Warmth Color Palette can transform interior spaces, making it suitable for designers looking to create rustic, homey environments that encourage relaxation and connection with nature.
Whether you're a graphic designer, an interior decorator, or a branding expert, these colors will help you craft a cohesive and inviting aesthetic.
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.923 0.003 48.72) | #e7e5e4 | hsl(20, 6%, 90%) |
|
|
| 100 | oklch(0.808 0.005 34.31) | #c3bfbe | hsl(12, 4%, 75%) |
|
|
| 200 | oklch(0.688 0.009 36.54) | #a09997 | hsl(13, 5%, 61%) |
|
|
| 300 | oklch(0.566 0.010 34.30) | #7c7472 | hsl(12, 4%, 47%) |
|
|
| 400 | oklch(0.436 0.009 39.39) | #56504e | hsl(15, 5%, 32%) |
|
|
| 500 | oklch(0.296 0.005 39.41) | #2f2c2b | hsl(15, 4%, 18%) |
|
|
| 600 | oklch(0.280 0.005 39.41) | #2b2827 | hsl(15, 5%, 16%) |
|
|
| 700 | oklch(0.264 0.004 17.44) | #272424 | hsl(0, 4%, 15%) |
|
|
| 800 | oklch(0.250 0.004 48.58) | #232120 | hsl(20, 4%, 13%) |
|
|
| 900 | oklch(0.233 0.004 48.56) | #1f1d1c | hsl(20, 5%, 12%) |
|
|
| 950 | oklch(0.215 0.004 48.55) | #1b1918 | hsl(20, 6%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.012 79.78) | #ece7df | hsl(37, 25%, 90%) |
|
|
| 100 | oklch(0.831 0.030 80.64) | #d2c6b2 | hsl(38, 26%, 76%) |
|
|
| 200 | oklch(0.730 0.049 80.66) | #b8a585 | hsl(38, 26%, 62%) |
|
|
| 300 | oklch(0.622 0.063 79.94) | #9b835b | hsl(38, 26%, 48%) |
|
|
| 400 | oklch(0.487 0.048 80.54) | #6e5d40 | hsl(38, 26%, 34%) |
|
|
| 500 | oklch(0.342 0.031 80.59) | #413726 | hsl(38, 26%, 20%) |
|
|
| 600 | oklch(0.318 0.028 80.16) | #3a3122 | hsl(38, 26%, 18%) |
|
|
| 700 | oklch(0.298 0.026 81.31) | #342c1e | hsl(38, 27%, 16%) |
|
|
| 800 | oklch(0.273 0.023 80.87) | #2d261a | hsl(38, 27%, 14%) |
|
|
| 900 | oklch(0.251 0.020 80.28) | #272117 | hsl(38, 26%, 12%) |
|
|
| 950 | oklch(0.225 0.017 79.37) | #201b13 | hsl(37, 25%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.026 58.28) | #f5e3d6 | hsl(25, 61%, 90%) |
|
|
| 100 | oklch(0.840 0.060 59.40) | #e9c2a4 | hsl(26, 61%, 78%) |
|
|
| 200 | oklch(0.756 0.095 58.77) | #dda172 | hsl(26, 61%, 66%) |
|
|
| 300 | oklch(0.673 0.128 55.77) | #d17f40 | hsl(26, 61%, 54%) |
|
|
| 400 | oklch(0.567 0.118 54.33) | #ab6129 | hsl(26, 61%, 42%) |
|
|
| 500 | oklch(0.445 0.089 55.20) | #79451d | hsl(26, 61%, 29%) |
|
|
| 600 | oklch(0.404 0.080 55.67) | #693c19 | hsl(26, 62%, 25%) |
|
|
| 700 | oklch(0.362 0.070 56.29) | #593315 | hsl(26, 62%, 22%) |
|
|
| 800 | oklch(0.319 0.059 56.28) | #492a12 | hsl(26, 60%, 18%) |
|
|
| 900 | oklch(0.274 0.048 57.31) | #39210e | hsl(27, 61%, 14%) |
|
|
| 950 | oklch(0.226 0.037 55.45) | #29170a | hsl(25, 61%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.033 54.17) | #f9e1d2 | hsl(23, 76%, 90%) |
|
|
| 100 | oklch(0.863 0.065 52.94) | #f5c7ab | hsl(23, 79%, 82%) |
|
|
| 200 | oklch(0.802 0.096 52.37) | #f0ad84 | hsl(23, 78%, 73%) |
|
|
| 300 | oklch(0.743 0.127 51.25) | #eb935d | hsl(23, 78%, 64%) |
|
|
| 400 | oklch(0.690 0.157 48.76) | #e77936 | hsl(23, 79%, 56%) |
|
|
| 500 | oklch(0.631 0.166 46.37) | #d7621a | hsl(23, 78%, 47%) |
|
|
| 600 | oklch(0.557 0.144 46.91) | #b55316 | hsl(23, 78%, 40%) |
|
|
| 700 | oklch(0.480 0.122 46.98) | #934312 | hsl(23, 78%, 32%) |
|
|
| 800 | oklch(0.401 0.099 47.93) | #71340e | hsl(23, 78%, 25%) |
|
|
| 900 | oklch(0.316 0.074 48.19) | #4f240a | hsl(23, 78%, 17%) |
|
|
| 950 | oklch(0.227 0.047 51.23) | #2d1506 | hsl(23, 76%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.043 61.66) | #ffe3cc | hsl(27, 100%, 90%) |
|
|
| 100 | oklch(0.893 0.069 61.05) | #fed2ae | hsl(27, 98%, 84%) |
|
|
| 200 | oklch(0.855 0.096 60.37) | #fec18f | hsl(27, 98%, 78%) |
|
|
| 300 | oklch(0.817 0.122 58.52) | #feaf70 | hsl(27, 99%, 72%) |
|
|
| 400 | oklch(0.782 0.146 57.29) | #fd9e51 | hsl(27, 98%, 65%) |
|
|
| 500 | oklch(0.751 0.167 54.68) | #fd8d32 | hsl(27, 98%, 59%) |
|
|
| 600 | oklch(0.703 0.191 47.93) | #fa7102 | hsl(27, 98%, 49%) |
|
|
| 700 | oklch(0.597 0.160 48.82) | #c85b02 | hsl(27, 98%, 40%) |
|
|
| 800 | oklch(0.485 0.128 49.80) | #964401 | hsl(27, 99%, 30%) |
|
|
| 900 | oklch(0.368 0.093 52.45) | #642e01 | hsl(27, 98%, 20%) |
|
|
| 950 | oklch(0.241 0.058 57.89) | #331700 | hsl(27, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
