Warm Earthy Color Palette
This palette exudes a warm, earthy sophistication with golden amber, rich chestnut, deep navy, and muted grays, creating a cozy yet modern vibe perfect for a serene, stylish retreat.
Practical uses and creative applications
The Warm Earthy Color Palette features a harmonious blend of rich tones like #D59E21 (a warm amber), #8C5D43 (a rustic brown), and soothing shades of #314462 (deep blue) and #4A515B (soft charcoal). This palette is ideal for brands that want to evoke a sense of groundedness and stability, making it perfect for organic food products, eco-friendly companies, or wellness brands.
Its earthy hues can create a comforting yet sophisticated atmosphere, making it an excellent choice for web design, branding, and packaging that seeks to connect with environmentally-conscious consumers. Designers and creatives will find the Warm Earthy Color Palette particularly appealing for interior design projects that aim to create inviting and cozy spaces.
The combination of warm and muted colors sets a tranquil mood, ideal for residential spaces, cafes, or boutiques looking to establish a serene ambiance. Use these colors to craft cohesive branding materials, like business cards and promotional content, that reflect a brand's commitment to sustainability while appealing to a modern audience.
Whether you're designing a website or curating a product line, this palette is sure to resonate with those seeking warmth and authenticity in their creative endeavors.
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.948 0.036 87.79) | #f8edd3 | hsl(42, 73%, 90%) |
|
|
| 100 | oklch(0.905 0.066 88.05) | #f2deae | hsl(42, 72%, 82%) |
|
|
| 200 | oklch(0.862 0.094 86.28) | #edce89 | hsl(41, 74%, 73%) |
|
|
| 300 | oklch(0.822 0.119 85.91) | #e7bf64 | hsl(42, 73%, 65%) |
|
|
| 400 | oklch(0.782 0.138 84.50) | #e1b03f | hsl(42, 73%, 56%) |
|
|
| 500 | oklch(0.733 0.143 81.85) | #d59e21 | hsl(42, 73%, 48%) |
|
|
| 600 | oklch(0.645 0.125 82.21) | #b3851c | hsl(42, 73%, 41%) |
|
|
| 700 | oklch(0.554 0.106 82.71) | #916c17 | hsl(42, 73%, 33%) |
|
|
| 800 | oklch(0.461 0.087 82.78) | #705311 | hsl(42, 74%, 25%) |
|
|
| 900 | oklch(0.362 0.066 83.76) | #4e3a0c | hsl(42, 73%, 18%) |
|
|
| 950 | oklch(0.255 0.043 85.80) | #2c2107 | hsl(42, 73%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.015 50.80) | #eee3dd | hsl(21, 33%, 90%) |
|
|
| 100 | oklch(0.845 0.032 51.46) | #dec7ba | hsl(22, 35%, 80%) |
|
|
| 200 | oklch(0.767 0.049 50.11) | #ceab98 | hsl(21, 36%, 70%) |
|
|
| 300 | oklch(0.691 0.067 50.72) | #be9076 | hsl(22, 36%, 60%) |
|
|
| 400 | oklch(0.611 0.085 49.89) | #ad7454 | hsl(22, 35%, 50%) |
|
|
| 500 | oklch(0.523 0.073 49.55) | #8c5d43 | hsl(21, 35%, 41%) |
|
|
| 600 | oklch(0.466 0.064 49.46) | #774f39 | hsl(21, 35%, 35%) |
|
|
| 700 | oklch(0.408 0.054 49.32) | #62412f | hsl(21, 35%, 28%) |
|
|
| 800 | oklch(0.348 0.044 49.10) | #4d3325 | hsl(21, 35%, 22%) |
|
|
| 900 | oklch(0.285 0.034 48.68) | #38251b | hsl(21, 35%, 16%) |
|
|
| 950 | oklch(0.217 0.021 49.82) | #221711 | hsl(21, 33%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.016 257.20) | #dde4ee | hsl(215, 33%, 90%) |
|
|
| 100 | oklch(0.810 0.036 258.87) | #b3c2d9 | hsl(216, 33%, 78%) |
|
|
| 200 | oklch(0.704 0.058 258.67) | #8aa1c4 | hsl(216, 33%, 65%) |
|
|
| 300 | oklch(0.593 0.084 259.33) | #607fb0 | hsl(217, 34%, 53%) |
|
|
| 400 | oklch(0.490 0.077 259.44) | #46618c | hsl(217, 33%, 41%) |
|
|
| 500 | oklch(0.385 0.057 259.29) | #314462 | hsl(217, 33%, 29%) |
|
|
| 600 | oklch(0.351 0.050 259.86) | #2b3b55 | hsl(217, 33%, 25%) |
|
|
| 700 | oklch(0.315 0.044 259.22) | #243248 | hsl(217, 33%, 21%) |
|
|
| 800 | oklch(0.280 0.039 261.04) | #1e293c | hsl(218, 33%, 18%) |
|
|
| 900 | oklch(0.242 0.032 260.39) | #17202f | hsl(218, 34%, 14%) |
|
|
| 950 | oklch(0.207 0.023 257.29) | #111822 | hsl(215, 33%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.005 258.33) | #e3e5e8 | hsl(216, 10%, 90%) |
|
|
| 100 | oklch(0.828 0.011 256.70) | #c2c7ce | hsl(215, 11%, 78%) |
|
|
| 200 | oklch(0.732 0.016 257.21) | #a2a9b3 | hsl(215, 10%, 67%) |
|
|
| 300 | oklch(0.634 0.024 259.19) | #828b99 | hsl(217, 10%, 55%) |
|
|
| 400 | oklch(0.534 0.024 255.01) | #646e7b | hsl(214, 10%, 44%) |
|
|
| 500 | oklch(0.432 0.019 257.25) | #4a515b | hsl(215, 10%, 32%) |
|
|
| 600 | oklch(0.392 0.016 255.61) | #40464e | hsl(214, 10%, 28%) |
|
|
| 700 | oklch(0.350 0.014 256.77) | #363b42 | hsl(215, 10%, 24%) |
|
|
| 800 | oklch(0.304 0.012 258.37) | #2b2f35 | hsl(216, 10%, 19%) |
|
|
| 900 | oklch(0.259 0.010 260.70) | #212429 | hsl(218, 11%, 15%) |
|
|
| 950 | oklch(0.213 0.007 258.37) | #17191c | hsl(216, 10%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.001 286.37) | #e5e5e6 | hsl(240, 2%, 90%) |
|
|
| 100 | oklch(0.864 0.003 286.34) | #d2d2d4 | hsl(240, 2%, 83%) |
|
|
| 200 | oklch(0.805 0.003 286.34) | #bfbfc1 | hsl(240, 2%, 75%) |
|
|
| 300 | oklch(0.745 0.004 271.35) | #abacaf | hsl(225, 2%, 68%) |
|
|
| 400 | oklch(0.683 0.005 271.35) | #98999c | hsl(225, 2%, 60%) |
|
|
| 500 | oklch(0.620 0.006 274.91) | #85868a | hsl(228, 2%, 53%) |
|
|
| 600 | oklch(0.546 0.006 274.89) | #6f7074 | hsl(228, 2%, 45%) |
|
|
| 700 | oklch(0.469 0.005 286.21) | #5a5a5d | hsl(240, 2%, 36%) |
|
|
| 800 | oklch(0.390 0.004 264.52) | #444547 | hsl(220, 2%, 27%) |
|
|
| 900 | oklch(0.306 0.002 286.29) | #2f2f30 | hsl(240, 1%, 19%) |
|
|
| 950 | oklch(0.214 0.002 286.23) | #19191a | hsl(240, 2%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
