Warm Earthy Color Palette
This palette radiates a warm, earthy vibe with a harmonious blend of muted greens, soft browns, vibrant coral, striking red, and deep burgundy, evoking a cozy, rustic charm infused with playful energy.
Practical uses and creative applications
The Warm Earthy Color Palette is a harmonious blend of soft greens, muted browns, and vibrant reds that evokes the essence of nature. Comprising shades like #93ba85, #bda372, #f49859, #ff494b, and #5e363f, this palette is perfect for creating a grounded, inviting atmosphere.
It’s ideal for branding projects that aim to convey sustainability and authenticity, making it a favorite among eco-friendly businesses, organic product lines, and artisanal brands. In web design, the Warm Earthy Color Palette can enhance user experience by providing a visually appealing and comforting interface.
Creatives working on packaging design will find that these colors resonate with consumers looking for natural and wholesome products. Additionally, interior designers can use this palette to create cozy, inviting spaces that feel both modern and timeless.
Whether you’re a designer or a creative entrepreneur, this palette will help you evoke a sense of warmth and connection to the earth, making it a versatile choice for various 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.934 0.023 137.25) | #e2edde | hsl(104, 29%, 90%) |
|
|
| 100 | oklch(0.895 0.033 138.22) | #d2e2cd | hsl(106, 27%, 85%) |
|
|
| 200 | oklch(0.858 0.046 138.13) | #c2d8bb | hsl(106, 27%, 79%) |
|
|
| 300 | oklch(0.821 0.058 137.25) | #b3cea9 | hsl(104, 27%, 74%) |
|
|
| 400 | oklch(0.784 0.072 137.43) | #a3c497 | hsl(104, 28%, 68%) |
|
|
| 500 | oklch(0.747 0.085 137.58) | #93ba85 | hsl(104, 28%, 63%) |
|
|
| 600 | oklch(0.676 0.110 137.77) | #75a763 | hsl(104, 28%, 52%) |
|
|
| 700 | oklch(0.577 0.097 137.96) | #5c874d | hsl(104, 27%, 42%) |
|
|
| 800 | oklch(0.470 0.077 137.56) | #456539 | hsl(104, 28%, 31%) |
|
|
| 900 | oklch(0.356 0.056 138.38) | #2d4326 | hsl(106, 28%, 21%) |
|
|
| 950 | oklch(0.232 0.032 137.60) | #162112 | hsl(104, 29%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.018 81.33) | #efe8dc | hsl(38, 37%, 90%) |
|
|
| 100 | oklch(0.892 0.028 81.47) | #e5dac7 | hsl(38, 37%, 84%) |
|
|
| 200 | oklch(0.853 0.040 83.81) | #dbcdb2 | hsl(40, 36%, 78%) |
|
|
| 300 | oklch(0.811 0.050 83.30) | #d1bf9d | hsl(39, 36%, 72%) |
|
|
| 400 | oklch(0.769 0.062 83.38) | #c7b187 | hsl(39, 36%, 65%) |
|
|
| 500 | oklch(0.727 0.072 82.85) | #bda372 | hsl(39, 36%, 59%) |
|
|
| 600 | oklch(0.657 0.086 81.61) | #ac8c51 | hsl(39, 36%, 50%) |
|
|
| 700 | oklch(0.559 0.073 81.66) | #8a7040 | hsl(39, 37%, 40%) |
|
|
| 800 | oklch(0.456 0.058 82.39) | #675430 | hsl(39, 36%, 30%) |
|
|
| 900 | oklch(0.348 0.042 81.97) | #453820 | hsl(39, 37%, 20%) |
|
|
| 950 | oklch(0.231 0.024 80.57) | #231c10 | hsl(38, 37%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.038 55.86) | #fce1cf | hsl(24, 88%, 90%) |
|
|
| 100 | oklch(0.893 0.057 56.59) | #fad3b8 | hsl(25, 87%, 85%) |
|
|
| 200 | oklch(0.859 0.077 55.64) | #f9c4a0 | hsl(24, 88%, 80%) |
|
|
| 300 | oklch(0.824 0.097 55.21) | #f7b588 | hsl(24, 87%, 75%) |
|
|
| 400 | oklch(0.794 0.117 54.57) | #f6a771 | hsl(24, 88%, 70%) |
|
|
| 500 | oklch(0.762 0.136 53.59) | #f49859 | hsl(24, 88%, 65%) |
|
|
| 600 | oklch(0.699 0.173 49.36) | #f07724 | hsl(24, 87%, 54%) |
|
|
| 700 | oklch(0.610 0.165 46.74) | #cf5c0e | hsl(24, 87%, 43%) |
|
|
| 800 | oklch(0.492 0.131 47.21) | #9a440a | hsl(24, 88%, 32%) |
|
|
| 900 | oklch(0.368 0.093 48.78) | #652d07 | hsl(24, 87%, 21%) |
|
|
| 950 | oklch(0.232 0.053 52.81) | #301503 | hsl(24, 88%, 10%) |
|
dsfds
| 50 | oklch(0.890 0.058 16.98) | #ffcccd | hsl(359, 100%, 90%) |
|
|
| 100 | oklch(0.837 0.090 18.30) | #ffb2b3 | hsl(359, 100%, 85%) |
|
|
| 200 | oklch(0.787 0.124 19.62) | #ff9899 | hsl(359, 100%, 80%) |
|
|
| 300 | oklch(0.740 0.159 20.75) | #ff7d7f | hsl(359, 100%, 75%) |
|
|
| 400 | oklch(0.701 0.190 22.68) | #ff6365 | hsl(359, 100%, 69%) |
|
|
| 500 | oklch(0.669 0.218 24.80) | #ff494b | hsl(359, 100%, 64%) |
|
|
| 600 | oklch(0.632 0.254 28.59) | #ff1214 | hsl(359, 100%, 54%) |
|
|
| 700 | oklch(0.556 0.228 29.07) | #d90002 | hsl(359, 100%, 43%) |
|
|
| 800 | oklch(0.447 0.183 28.93) | #a20002 | hsl(359, 100%, 32%) |
|
|
| 900 | oklch(0.329 0.135 28.85) | #6a0001 | hsl(359, 100%, 21%) |
|
|
| 950 | oklch(0.202 0.082 27.59) | #330001 | hsl(359, 100%, 10%) |
|
dsfds
| 50 | oklch(0.915 0.015 1.58) | #ecdfe2 | hsl(346, 25%, 90%) |
|
|
| 100 | oklch(0.808 0.037 2.69) | #d6b7be | hsl(346, 27%, 78%) |
|
|
| 200 | oklch(0.701 0.058 4.54) | #bf909a | hsl(347, 27%, 66%) |
|
|
| 300 | oklch(0.591 0.084 4.75) | #a86877 | hsl(346, 27%, 53%) |
|
|
| 400 | oklch(0.490 0.078 6.78) | #864d59 | hsl(347, 27%, 41%) |
|
|
| 500 | oklch(0.385 0.058 5.63) | #5e363f | hsl(347, 27%, 29%) |
|
|
| 600 | oklch(0.352 0.052 5.32) | #522f37 | hsl(346, 27%, 25%) |
|
|
| 700 | oklch(0.316 0.044 6.48) | #45282e | hsl(348, 27%, 21%) |
|
|
| 800 | oklch(0.281 0.038 6.22) | #392126 | hsl(348, 27%, 18%) |
|
|
| 900 | oklch(0.244 0.031 5.86) | #2d1a1e | hsl(347, 27%, 14%) |
|
|
| 950 | oklch(0.205 0.022 4.03) | #201316 | hsl(346, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
