Earthy Nature Color Palette
A deep, earthy embrace of rich browns and soothing greens, accented by striking teal, evokes a serene, nature-inspired vibe that feels both grounded and refreshingly vibrant.
Practical uses and creative applications
The Earthy Nature Color Palette features a harmonious blend of deep browns, muted greens, and rich teal tones, making it an ideal choice for those looking to evoke a sense of tranquility and connection to the natural world. Comprising colors like #30261c, #403831, #36544f, #1f5f61, and #0b8185, this palette is perfect for branding initiatives that seek to convey sustainability and organic values.
Whether you’re designing a logo for an eco-friendly product or crafting packaging that stands out on the shelves, the earthy tones in this palette will resonate with environmentally-conscious consumers. This versatile palette is particularly well-suited for web design as well, where it can create a calming user experience.
Designers and creatives can utilize these colors to build engaging interfaces that reflect a natural aesthetic, ideal for businesses in the outdoor, wellness, or holistic sectors. Additionally, the Earthy Nature Color Palette works beautifully in interior design, offering a warm and inviting atmosphere that promotes relaxation and mindfulness.
Whether you're redecorating a home or designing a cozy café, these colors will make any space feel grounded and serene.
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.928 0.011 71.89) | #ece6df | hsl(32, 25%, 90%) |
|
|
| 100 | oklch(0.814 0.030 67.38) | #d0bfae | hsl(30, 27%, 75%) |
|
|
| 200 | oklch(0.700 0.050 66.87) | #b4997e | hsl(30, 26%, 60%) |
|
|
| 300 | oklch(0.577 0.058 67.17) | #917354 | hsl(30, 27%, 45%) |
|
|
| 400 | oklch(0.432 0.041 66.38) | #604c38 | hsl(30, 26%, 30%) |
|
|
| 500 | oklch(0.277 0.023 66.63) | #30261c | hsl(30, 26%, 15%) |
|
|
| 600 | oklch(0.267 0.022 69.60) | #2d241a | hsl(32, 27%, 14%) |
|
|
| 700 | oklch(0.255 0.021 66.64) | #2a2118 | hsl(30, 27%, 13%) |
|
|
| 800 | oklch(0.246 0.020 69.96) | #271f16 | hsl(32, 28%, 12%) |
|
|
| 900 | oklch(0.232 0.017 66.83) | #231c15 | hsl(30, 25%, 11%) |
|
|
| 950 | oklch(0.223 0.016 71.16) | #201a13 | hsl(32, 25%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.006 59.65) | #e9e5e2 | hsl(26, 14%, 90%) |
|
|
| 100 | oklch(0.819 0.014 60.53) | #cbc2bb | hsl(26, 13%, 76%) |
|
|
| 200 | oklch(0.711 0.023 60.61) | #ad9f94 | hsl(26, 13%, 63%) |
|
|
| 300 | oklch(0.601 0.032 65.45) | #8e7d6d | hsl(29, 13%, 49%) |
|
|
| 400 | oklch(0.477 0.024 62.44) | #675a4f | hsl(28, 13%, 36%) |
|
|
| 500 | oklch(0.347 0.016 63.45) | #403831 | hsl(28, 13%, 22%) |
|
|
| 600 | oklch(0.323 0.014 62.90) | #39322c | hsl(28, 13%, 20%) |
|
|
| 700 | oklch(0.298 0.014 67.26) | #322c26 | hsl(30, 14%, 17%) |
|
|
| 800 | oklch(0.272 0.012 67.30) | #2b2621 | hsl(30, 13%, 15%) |
|
|
| 900 | oklch(0.244 0.011 60.95) | #241f1b | hsl(27, 14%, 12%) |
|
|
| 950 | oklch(0.217 0.009 59.18) | #1d1916 | hsl(26, 14%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.012 184.07) | #e0ebe9 | hsl(169, 22%, 90%) |
|
|
| 100 | oklch(0.844 0.027 185.05) | #b9d2ce | hsl(170, 22%, 77%) |
|
|
| 200 | oklch(0.755 0.043 182.97) | #92b9b2 | hsl(169, 22%, 65%) |
|
|
| 300 | oklch(0.666 0.058 182.70) | #6ba097 | hsl(170, 22%, 52%) |
|
|
| 400 | oklch(0.549 0.050 183.35) | #4f7b74 | hsl(170, 22%, 40%) |
|
|
| 500 | oklch(0.421 0.037 182.92) | #36544f | hsl(170, 22%, 27%) |
|
|
| 600 | oklch(0.383 0.033 183.95) | #2f4945 | hsl(171, 22%, 24%) |
|
|
| 700 | oklch(0.347 0.030 182.45) | #283f3b | hsl(170, 22%, 20%) |
|
|
| 800 | oklch(0.308 0.024 183.22) | #223431 | hsl(170, 21%, 17%) |
|
|
| 900 | oklch(0.270 0.021 180.85) | #1b2a27 | hsl(168, 22%, 14%) |
|
|
| 950 | oklch(0.228 0.016 182.38) | #141f1d | hsl(169, 22%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.027 199.52) | #d8f2f3 | hsl(182, 53%, 90%) |
|
|
| 100 | oklch(0.870 0.060 198.74) | #a6e1e3 | hsl(182, 52%, 77%) |
|
|
| 200 | oklch(0.802 0.088 198.29) | #74d0d3 | hsl(182, 52%, 64%) |
|
|
| 300 | oklch(0.739 0.108 198.15) | #42bfc3 | hsl(182, 52%, 51%) |
|
|
| 400 | oklch(0.600 0.088 198.05) | #2f9093 | hsl(182, 52%, 38%) |
|
|
| 500 | oklch(0.446 0.064 198.07) | #1f5f61 | hsl(182, 52%, 25%) |
|
|
| 600 | oklch(0.410 0.058 196.78) | #1b5455 | hsl(181, 52%, 22%) |
|
|
| 700 | oklch(0.370 0.051 199.04) | #18484a | hsl(182, 51%, 19%) |
|
|
| 800 | oklch(0.332 0.045 197.44) | #143d3e | hsl(181, 51%, 16%) |
|
|
| 900 | oklch(0.289 0.038 197.99) | #103132 | hsl(182, 52%, 13%) |
|
|
| 950 | oklch(0.249 0.032 198.73) | #0c2627 | hsl(182, 53%, 10%) |
|
dsfds
| 50 | oklch(0.956 0.043 198.24) | #d0fafb | hsl(181, 84%, 90%) |
|
|
| 100 | oklch(0.907 0.089 198.35) | #96f3f6 | hsl(182, 84%, 78%) |
|
|
| 200 | oklch(0.870 0.123 197.73) | #5cedf1 | hsl(182, 84%, 65%) |
|
|
| 300 | oklch(0.842 0.139 198.87) | #21e6ed | hsl(182, 85%, 53%) |
|
|
| 400 | oklch(0.714 0.120 199.00) | #10b9bf | hsl(182, 85%, 41%) |
|
|
| 500 | oklch(0.549 0.091 198.74) | #0b8185 | hsl(182, 85%, 28%) |
|
|
| 600 | oklch(0.496 0.082 199.30) | #0a7074 | hsl(182, 84%, 25%) |
|
|
| 700 | oklch(0.445 0.073 198.68) | #086063 | hsl(182, 85%, 21%) |
|
|
| 800 | oklch(0.389 0.064 197.91) | #074f51 | hsl(182, 84%, 17%) |
|
|
| 900 | oklch(0.332 0.054 198.63) | #053e40 | hsl(182, 86%, 14%) |
|
|
| 950 | oklch(0.275 0.044 197.33) | #042e2f | hsl(181, 84%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
