Earthy Nature-Inspired Color Palette
This earthy palette blends deep browns and muted greens with fresh teal accents, evoking a serene, nature-inspired vibe that feels both grounded and rejuvenating.
Practical uses and creative applications
The Earthy Nature-Inspired Color Palette is a harmonious blend of deep browns, muted greens, and soft teals, making it an ideal choice for brands and creatives looking to evoke a sense of tranquility and connection to the natural world. The rich tones of #2b2318 and #524835 provide a solid foundation, while the refreshing shades of #56704b, #5d9e7e, and #78b3a4 invite a sense of calmness and balance.
This palette is perfect for branding in eco-friendly products, organic food packaging, or wellness brands that aim to promote sustainability and holistic living. Web designers and interior decorators will find this palette particularly captivating for creating serene environments.
The earthy tones work beautifully in websites that focus on nature, health, or outdoor activities, ensuring a user experience that feels grounded and inviting. In interiors, these colors can be used to create cozy, nature-inspired spaces that encourage relaxation and mindfulness, appealing to homeowners and businesses alike.
Overall, the Earthy Nature-Inspired Color Palette is designed for those who seek to infuse their projects with a touch of the outdoors, making it a favorite among designers and creatives who appreciate the beauty of nature.
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.930 0.014 78.26) | #ede7de | hsl(36, 29%, 90%) |
|
|
| 100 | oklch(0.819 0.034 74.73) | #d1c1ac | hsl(34, 29%, 75%) |
|
|
| 200 | oklch(0.706 0.055 75.19) | #b59c7a | hsl(35, 29%, 59%) |
|
|
| 300 | oklch(0.579 0.062 74.80) | #907550 | hsl(35, 29%, 44%) |
|
|
| 400 | oklch(0.428 0.043 75.73) | #5d4c34 | hsl(35, 28%, 28%) |
|
|
| 500 | oklch(0.262 0.023 75.33) | #2b2318 | hsl(35, 28%, 13%) |
|
|
| 600 | oklch(0.254 0.022 72.82) | #292117 | hsl(33, 28%, 13%) |
|
|
| 700 | oklch(0.248 0.021 76.38) | #272016 | hsl(35, 28%, 12%) |
|
|
| 800 | oklch(0.240 0.020 73.65) | #251e15 | hsl(34, 28%, 11%) |
|
|
| 900 | oklch(0.232 0.020 73.58) | #231c13 | hsl(34, 30%, 11%) |
|
|
| 950 | oklch(0.226 0.019 77.63) | #211b12 | hsl(36, 29%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.010 81.79) | #ebe7e0 | hsl(38, 22%, 90%) |
|
|
| 100 | oklch(0.839 0.024 82.11) | #d2c9b9 | hsl(38, 22%, 77%) |
|
|
| 200 | oklch(0.745 0.039 84.55) | #b8ab91 | hsl(40, 22%, 65%) |
|
|
| 300 | oklch(0.648 0.053 81.92) | #9f8c6a | hsl(38, 22%, 52%) |
|
|
| 400 | oklch(0.533 0.046 85.07) | #796b4e | hsl(40, 22%, 39%) |
|
|
| 500 | oklch(0.406 0.033 83.27) | #524835 | hsl(39, 21%, 26%) |
|
|
| 600 | oklch(0.372 0.030 83.14) | #483f2e | hsl(39, 22%, 23%) |
|
|
| 700 | oklch(0.337 0.026 81.46) | #3e3628 | hsl(38, 22%, 20%) |
|
|
| 800 | oklch(0.300 0.022 84.44) | #332d21 | hsl(40, 21%, 16%) |
|
|
| 900 | oklch(0.263 0.018 82.19) | #29241b | hsl(39, 21%, 13%) |
|
|
| 950 | oklch(0.224 0.014 81.58) | #1f1b14 | hsl(38, 22%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.017 137.03) | #e3ebe0 | hsl(104, 22%, 90%) |
|
|
| 100 | oklch(0.856 0.033 136.65) | #c6d5c0 | hsl(103, 20%, 79%) |
|
|
| 200 | oklch(0.779 0.051 135.86) | #a9bf9f | hsl(101, 20%, 69%) |
|
|
| 300 | oklch(0.701 0.068 136.86) | #8ba97f | hsl(103, 20%, 58%) |
|
|
| 400 | oklch(0.618 0.080 136.83) | #6f9161 | hsl(103, 20%, 47%) |
|
|
| 500 | oklch(0.514 0.064 136.64) | #56704b | hsl(102, 20%, 37%) |
|
|
| 600 | oklch(0.461 0.057 137.12) | #496040 | hsl(103, 20%, 31%) |
|
|
| 700 | oklch(0.404 0.048 136.29) | #3d4f35 | hsl(102, 20%, 26%) |
|
|
| 800 | oklch(0.348 0.040 136.94) | #303f2a | hsl(103, 20%, 21%) |
|
|
| 900 | oklch(0.290 0.032 136.09) | #242f1f | hsl(101, 21%, 15%) |
|
|
| 950 | oklch(0.227 0.024 137.29) | #171f14 | hsl(104, 22%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.016 166.71) | #dfece6 | hsl(152, 25%, 90%) |
|
|
| 100 | oklch(0.876 0.030 164.20) | #c5ddd1 | hsl(150, 26%, 82%) |
|
|
| 200 | oklch(0.819 0.043 163.67) | #abcdbc | hsl(150, 25%, 74%) |
|
|
| 300 | oklch(0.762 0.059 162.92) | #90bea7 | hsl(150, 26%, 65%) |
|
|
| 400 | oklch(0.704 0.071 162.99) | #76ae93 | hsl(151, 26%, 57%) |
|
|
| 500 | oklch(0.646 0.083 161.45) | #5d9e7e | hsl(150, 26%, 49%) |
|
|
| 600 | oklch(0.570 0.073 161.57) | #4e856a | hsl(151, 26%, 41%) |
|
|
| 700 | oklch(0.492 0.062 161.74) | #3f6c56 | hsl(151, 26%, 34%) |
|
|
| 800 | oklch(0.408 0.048 162.28) | #315242 | hsl(151, 25%, 26%) |
|
|
| 900 | oklch(0.322 0.035 162.87) | #22392e | hsl(151, 25%, 18%) |
|
|
| 950 | oklch(0.229 0.022 164.26) | #13201a | hsl(152, 25%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.017 178.26) | #deede9 | hsl(164, 29%, 90%) |
|
|
| 100 | oklch(0.891 0.026 178.31) | #cae1db | hsl(164, 28%, 84%) |
|
|
| 200 | oklch(0.849 0.037 177.07) | #b5d6cd | hsl(164, 29%, 77%) |
|
|
| 300 | oklch(0.807 0.046 178.55) | #a1cac0 | hsl(165, 28%, 71%) |
|
|
| 400 | oklch(0.765 0.057 177.21) | #8cbfb2 | hsl(165, 28%, 65%) |
|
|
| 500 | oklch(0.722 0.065 176.64) | #78b3a4 | hsl(165, 28%, 59%) |
|
|
| 600 | oklch(0.654 0.077 175.32) | #5aa08e | hsl(165, 28%, 49%) |
|
|
| 700 | oklch(0.557 0.064 175.92) | #488072 | hsl(165, 28%, 39%) |
|
|
| 800 | oklch(0.455 0.051 175.23) | #366055 | hsl(164, 28%, 29%) |
|
|
| 900 | oklch(0.347 0.036 176.34) | #244039 | hsl(165, 28%, 20%) |
|
|
| 950 | oklch(0.233 0.022 175.64) | #12211d | hsl(164, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
