Warm Earthy Color Palette
This palette exudes a warm, earthy sophistication, with vibrant mustard yellow, muted teal, deep charcoal, and a bold berry red that together evoke a cozy yet stylish rustic charm.
Practical uses and creative applications
The Warm Earthy Color Palette features a harmonious blend of rich, natural hues that evoke a sense of comfort and groundedness. With its striking yellows, soothing greens, muted browns, and deep reds, this palette is ideal for brands aiming to convey authenticity and warmth.
Designers can leverage these colors for web design, creating inviting and cohesive user experiences that resonate with audiences seeking sustainability and organic aesthetics. Whether you’re crafting a website for a holistic wellness brand or an artisanal food product, this palette is sure to leave a lasting impression.
Ideal for creatives, the Warm Earthy Color Palette suits a variety of applications, including packaging, interiors, and branding. Its diverse range allows for versatility, making it a perfect choice for home decor projects that aim to create cozy, inviting spaces.
Interior designers can use these colors to evoke a rustic charm in residential or commercial spaces, while brands can incorporate this palette into their visual identity to connect with eco-conscious consumers. By tapping into the earthy tones of #ecbe13, #738c79, #6a6b5f, #2c2b26, and #a43955, you can create engaging designs that reflect a harmonious blend of nature and modernity.
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.960 0.045 94.84) | #fbf2d0 | hsl(47, 84%, 90%) |
|
|
| 100 | oklch(0.929 0.081 95.37) | #f8e8aa | hsl(48, 85%, 82%) |
|
|
| 200 | oklch(0.898 0.112 94.75) | #f5dd84 | hsl(47, 85%, 74%) |
|
|
| 300 | oklch(0.871 0.138 94.38) | #f2d35f | hsl(47, 85%, 66%) |
|
|
| 400 | oklch(0.843 0.157 92.83) | #efc839 | hsl(47, 85%, 58%) |
|
|
| 500 | oklch(0.819 0.165 90.71) | #ecbe13 | hsl(47, 85%, 50%) |
|
|
| 600 | oklch(0.720 0.144 91.25) | #c6a010 | hsl(47, 85%, 42%) |
|
|
| 700 | oklch(0.615 0.123 91.28) | #a0810d | hsl(47, 85%, 34%) |
|
|
| 800 | oklch(0.509 0.101 91.48) | #7b630a | hsl(47, 85%, 26%) |
|
|
| 900 | oklch(0.394 0.077 91.56) | #554407 | hsl(47, 85%, 18%) |
|
|
| 950 | oklch(0.271 0.051 93.89) | #2f2604 | hsl(47, 84%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.008 151.88) | #e3e8e4 | hsl(132, 10%, 90%) |
|
|
| 100 | oklch(0.867 0.014 152.57) | #cdd6cf | hsl(133, 10%, 82%) |
|
|
| 200 | oklch(0.804 0.020 152.74) | #b6c3b9 | hsl(134, 10%, 74%) |
|
|
| 300 | oklch(0.743 0.026 152.72) | #a0b1a4 | hsl(134, 10%, 66%) |
|
|
| 400 | oklch(0.678 0.033 152.58) | #899e8e | hsl(134, 10%, 58%) |
|
|
| 500 | oklch(0.615 0.040 152.35) | #738c79 | hsl(134, 10%, 50%) |
|
|
| 600 | oklch(0.544 0.035 152.31) | #617666 | hsl(134, 10%, 42%) |
|
|
| 700 | oklch(0.467 0.029 152.23) | #4e5f52 | hsl(134, 10%, 34%) |
|
|
| 800 | oklch(0.391 0.024 152.12) | #3c493f | hsl(134, 10%, 26%) |
|
|
| 900 | oklch(0.306 0.016 156.13) | #29322c | hsl(140, 10%, 18%) |
|
|
| 950 | oklch(0.220 0.011 151.25) | #171c18 | hsl(132, 10%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.004 106.48) | #e7e7e4 | hsl(60, 6%, 90%) |
|
|
| 100 | oklch(0.852 0.008 114.25) | #cecfc9 | hsl(70, 6%, 80%) |
|
|
| 200 | oklch(0.776 0.013 111.83) | #b6b7ae | hsl(67, 6%, 70%) |
|
|
| 300 | oklch(0.695 0.017 110.71) | #9d9e92 | hsl(65, 6%, 60%) |
|
|
| 400 | oklch(0.615 0.022 110.14) | #858677 | hsl(64, 6%, 50%) |
|
|
| 500 | oklch(0.523 0.018 110.90) | #6a6b5f | hsl(65, 6%, 40%) |
|
|
| 600 | oklch(0.467 0.016 111.64) | #5a5b51 | hsl(66, 6%, 34%) |
|
|
| 700 | oklch(0.409 0.013 112.76) | #4a4b43 | hsl(68, 6%, 28%) |
|
|
| 800 | oklch(0.349 0.012 113.62) | #3a3b34 | hsl(69, 6%, 22%) |
|
|
| 900 | oklch(0.287 0.009 106.95) | #2b2b26 | hsl(60, 6%, 16%) |
|
|
| 950 | oklch(0.221 0.006 106.86) | #1b1b18 | hsl(60, 6%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.004 106.48) | #e7e7e4 | hsl(60, 6%, 90%) |
|
|
| 100 | oklch(0.816 0.011 100.86) | #c4c3bb | hsl(53, 7%, 75%) |
|
|
| 200 | oklch(0.701 0.017 99.10) | #a19f93 | hsl(51, 7%, 60%) |
|
|
| 300 | oklch(0.578 0.021 97.06) | #7d7a6c | hsl(49, 7%, 46%) |
|
|
| 400 | oklch(0.440 0.016 102.36) | #545349 | hsl(55, 7%, 31%) |
|
|
| 500 | oklch(0.288 0.009 97.65) | #2c2b26 | hsl(50, 7%, 16%) |
|
|
| 600 | oklch(0.276 0.009 97.67) | #292823 | hsl(50, 8%, 15%) |
|
|
| 700 | oklch(0.260 0.007 95.35) | #252420 | hsl(48, 7%, 14%) |
|
|
| 800 | oklch(0.247 0.008 95.37) | #22211d | hsl(48, 8%, 12%) |
|
|
| 900 | oklch(0.235 0.006 91.61) | #1f1e1b | hsl(45, 7%, 11%) |
|
|
| 950 | oklch(0.221 0.006 106.86) | #1b1b18 | hsl(60, 6%, 10%) |
|
dsfds
| 50 | oklch(0.908 0.029 358.83) | #f2d9e0 | hsl(343, 49%, 90%) |
|
|
| 100 | oklch(0.823 0.057 1.77) | #e6b6c2 | hsl(345, 49%, 81%) |
|
|
| 200 | oklch(0.738 0.087 2.63) | #d993a5 | hsl(345, 48%, 71%) |
|
|
| 300 | oklch(0.655 0.121 3.99) | #cd6f88 | hsl(344, 48%, 62%) |
|
|
| 400 | oklch(0.579 0.152 7.31) | #c14c6a | hsl(345, 49%, 53%) |
|
|
| 500 | oklch(0.504 0.142 7.84) | #a43955 | hsl(344, 48%, 43%) |
|
|
| 600 | oklch(0.448 0.125 7.55) | #8b3048 | hsl(344, 49%, 37%) |
|
|
| 700 | oklch(0.390 0.107 7.14) | #72273b | hsl(344, 49%, 30%) |
|
|
| 800 | oklch(0.330 0.085 6.73) | #581f2e | hsl(344, 48%, 23%) |
|
|
| 900 | oklch(0.268 0.065 5.82) | #3f1621 | hsl(344, 48%, 17%) |
|
|
| 950 | oklch(0.201 0.043 4.03) | #260d14 | hsl(343, 49%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
