Warm Earthy Color Palette
This palette radiates a warm and earthy vibe, blending deep crimson with lush greens and sunny yellows, creating a harmonious balance of vitality and comfort.
Practical uses and creative applications
The Warm Earthy Color Palette combines rich, natural tones, perfect for creating an inviting and grounded atmosphere. The dominant hues of deep red (#8c2318), lush green (#5e8c6a), and soft yellow (#f2c45a) evoke a sense of warmth and connection to nature, making this palette an ideal choice for branding and web design that aims to resonate with eco-conscious consumers.
Whether you are a designer crafting a logo for an organic food brand or a web developer creating a site for a wellness retreat, these colors can help convey authenticity and sustainability. This palette is particularly well-suited for creatives who want to infuse their projects with a rustic charm.
It lends itself beautifully to packaging design for artisanal products, where earthy tones can enhance the organic feel of handmade goods. In interior design, the Warm Earthy Color Palette can create cozy living spaces that promote relaxation and comfort, appealing to homeowners looking to instill a sense of peace within their environments.
Whether you're a graphic designer, a marketer, or an interior stylist, this palette offers versatility and warmth that can inspire and elevate your projects.
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.906 0.037 26.05) | #f8d7d3 | hsl(6, 73%, 90%) |
|
|
| 100 | oklch(0.798 0.085 25.43) | #efa8a1 | hsl(5, 71%, 78%) |
|
|
| 200 | oklch(0.699 0.136 27.12) | #e67a6f | hsl(6, 70%, 67%) |
|
|
| 300 | oklch(0.616 0.185 29.57) | #de4c3c | hsl(6, 71%, 55%) |
|
|
| 400 | oklch(0.530 0.181 30.12) | #be3021 | hsl(6, 70%, 44%) |
|
|
| 500 | oklch(0.426 0.142 29.98) | #8c2318 | hsl(6, 71%, 32%) |
|
|
| 600 | oklch(0.384 0.127 29.68) | #791e15 | hsl(5, 70%, 28%) |
|
|
| 700 | oklch(0.340 0.110 29.81) | #651911 | hsl(6, 71%, 23%) |
|
|
| 800 | oklch(0.298 0.092 29.96) | #52150e | hsl(6, 71%, 19%) |
|
|
| 900 | oklch(0.253 0.074 29.33) | #3f100b | hsl(6, 70%, 15%) |
|
|
| 950 | oklch(0.206 0.056 30.04) | #2c0b07 | hsl(6, 73%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.016 154.46) | #e0ebe3 | hsl(136, 22%, 90%) |
|
|
| 100 | oklch(0.865 0.027 152.31) | #c6d8ca | hsl(133, 19%, 81%) |
|
|
| 200 | oklch(0.801 0.040 153.33) | #abc6b2 | hsl(136, 19%, 72%) |
|
|
| 300 | oklch(0.736 0.055 152.53) | #90b499 | hsl(135, 19%, 64%) |
|
|
| 400 | oklch(0.670 0.069 152.54) | #75a281 | hsl(136, 19%, 55%) |
|
|
| 500 | oklch(0.597 0.072 151.94) | #5e8c6a | hsl(136, 20%, 46%) |
|
|
| 600 | oklch(0.528 0.063 151.82) | #4f7659 | hsl(135, 20%, 39%) |
|
|
| 700 | oklch(0.458 0.052 152.00) | #416049 | hsl(135, 19%, 32%) |
|
|
| 800 | oklch(0.384 0.043 151.80) | #324a38 | hsl(135, 19%, 24%) |
|
|
| 900 | oklch(0.306 0.031 153.53) | #233428 | hsl(138, 20%, 17%) |
|
|
| 950 | oklch(0.226 0.022 152.86) | #141f17 | hsl(136, 22%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.021 124.67) | #e7edde | hsl(84, 29%, 90%) |
|
|
| 100 | oklch(0.888 0.037 125.89) | #d4dfc5 | hsl(85, 29%, 82%) |
|
|
| 200 | oklch(0.838 0.054 126.14) | #c1d1ab | hsl(85, 29%, 75%) |
|
|
| 300 | oklch(0.786 0.070 126.01) | #aec291 | hsl(84, 29%, 66%) |
|
|
| 400 | oklch(0.736 0.087 126.80) | #9bb478 | hsl(85, 29%, 59%) |
|
|
| 500 | oklch(0.685 0.104 127.41) | #88a65e | hsl(85, 29%, 51%) |
|
|
| 600 | oklch(0.607 0.094 127.91) | #728d4e | hsl(86, 29%, 43%) |
|
|
| 700 | oklch(0.521 0.079 127.96) | #5c723f | hsl(86, 29%, 35%) |
|
|
| 800 | oklch(0.433 0.063 127.07) | #475730 | hsl(85, 29%, 26%) |
|
|
| 900 | oklch(0.338 0.047 126.81) | #313c21 | hsl(84, 29%, 18%) |
|
|
| 950 | oklch(0.237 0.029 126.21) | #1b2112 | hsl(84, 29%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.027 99.92) | #f1eeda | hsl(52, 45%, 90%) |
|
|
| 100 | oklch(0.908 0.044 100.11) | #e7e2c1 | hsl(52, 44%, 83%) |
|
|
| 200 | oklch(0.870 0.062 100.49) | #ddd6a7 | hsl(52, 44%, 76%) |
|
|
| 300 | oklch(0.834 0.081 101.72) | #d3cb8d | hsl(53, 44%, 69%) |
|
|
| 400 | oklch(0.796 0.097 101.69) | #c9bf74 | hsl(53, 44%, 62%) |
|
|
| 500 | oklch(0.758 0.112 101.71) | #bfb35a | hsl(53, 44%, 55%) |
|
|
| 600 | oklch(0.688 0.113 101.84) | #a99d42 | hsl(53, 44%, 46%) |
|
|
| 700 | oklch(0.587 0.095 101.56) | #887e35 | hsl(53, 44%, 37%) |
|
|
| 800 | oklch(0.483 0.077 102.23) | #676028 | hsl(53, 44%, 28%) |
|
|
| 900 | oklch(0.371 0.056 101.88) | #46411b | hsl(53, 44%, 19%) |
|
|
| 950 | oklch(0.250 0.034 100.89) | #25220e | hsl(52, 45%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.042 87.36) | #fbeed0 | hsl(42, 84%, 90%) |
|
|
| 100 | oklch(0.929 0.063 88.23) | #f9e6b8 | hsl(42, 84%, 85%) |
|
|
| 200 | oklch(0.906 0.082 86.47) | #f8dda1 | hsl(41, 86%, 80%) |
|
|
| 300 | oklch(0.884 0.102 86.88) | #f6d589 | hsl(42, 86%, 75%) |
|
|
| 400 | oklch(0.861 0.118 85.92) | #f4cc72 | hsl(42, 86%, 70%) |
|
|
| 500 | oklch(0.841 0.134 85.60) | #f2c45a | hsl(42, 85%, 65%) |
|
|
| 600 | oklch(0.796 0.155 81.89) | #eeb126 | hsl(42, 85%, 54%) |
|
|
| 700 | oklch(0.701 0.142 80.19) | #cc9310 | hsl(42, 85%, 43%) |
|
|
| 800 | oklch(0.563 0.113 80.91) | #976d0c | hsl(42, 85%, 32%) |
|
|
| 900 | oklch(0.420 0.082 82.58) | #634808 | hsl(42, 85%, 21%) |
|
|
| 950 | oklch(0.261 0.048 84.77) | #2f2204 | hsl(42, 84%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
