Earthy Nature Color Palette
This earthy palette blends deep mossy greens and muted browns with vibrant pops of fresh mint and lime, evoking a serene, nature-inspired vibe that feels both grounded and rejuvenating.
Practical uses and creative applications
The Earthy Nature Color Palette embodies the tranquility and warmth of the great outdoors, featuring rich, organic hues like deep browns, muted greens, and vibrant mossy tones. Ideal for branding and web design, this palette evokes a sense of sustainability and natural beauty, making it perfect for eco-friendly businesses, wellness brands, and outdoor adventure companies.
Designers and creatives looking to create a grounded aesthetic will find that these colors resonate with audiences who appreciate nature and environmental consciousness. In interior design, the Earthy Nature Color Palette can transform any space into a serene retreat.
Use the deep browns and soft greens to create a calming living area or a refreshing office environment that promotes focus and creativity. For packaging, these colors can enhance product appeal, particularly for organic or artisanal goods, giving customers a sense of authenticity and connection to nature.
Whether you’re a graphic designer, interior stylist, or branding expert, this palette offers endless possibilities to infuse your projects with a natural, earthy vibe that speaks to environmentally-minded consumers.
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.924 0.004 56.37) | #e8e5e3 | hsl(24, 10%, 90%) |
|
|
| 100 | oklch(0.825 0.011 54.46) | #ccc4bf | hsl(23, 11%, 77%) |
|
|
| 200 | oklch(0.724 0.019 53.88) | #b0a39b | hsl(23, 12%, 65%) |
|
|
| 300 | oklch(0.619 0.026 55.02) | #938277 | hsl(24, 11%, 52%) |
|
|
| 400 | oklch(0.508 0.024 52.92) | #716259 | hsl(23, 12%, 40%) |
|
|
| 500 | oklch(0.391 0.017 52.97) | #4d433d | hsl(23, 12%, 27%) |
|
|
| 600 | oklch(0.359 0.015 59.15) | #433b35 | hsl(26, 12%, 24%) |
|
|
| 700 | oklch(0.324 0.014 48.28) | #3a322e | hsl(20, 12%, 20%) |
|
|
| 800 | oklch(0.290 0.011 55.89) | #302a26 | hsl(24, 12%, 17%) |
|
|
| 900 | oklch(0.252 0.009 53.05) | #26211e | hsl(23, 12%, 13%) |
|
|
| 950 | oklch(0.216 0.006 56.04) | #1c1917 | hsl(24, 10%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.003 174.48) | #e4e7e6 | hsl(160, 6%, 90%) |
|
|
| 100 | oklch(0.840 0.007 185.24) | #c6cccb | hsl(170, 6%, 79%) |
|
|
| 200 | oklch(0.753 0.010 181.30) | #a8b1af | hsl(167, 5%, 68%) |
|
|
| 300 | oklch(0.663 0.014 184.89) | #8a9694 | hsl(170, 5%, 56%) |
|
|
| 400 | oklch(0.568 0.016 180.31) | #6d7a77 | hsl(166, 6%, 45%) |
|
|
| 500 | oklch(0.465 0.013 182.41) | #525c5a | hsl(168, 6%, 34%) |
|
|
| 600 | oklch(0.419 0.012 180.88) | #464f4d | hsl(167, 6%, 29%) |
|
|
| 700 | oklch(0.372 0.009 186.45) | #3b4241 | hsl(171, 6%, 25%) |
|
|
| 800 | oklch(0.323 0.008 184.76) | #2f3534 | hsl(170, 6%, 20%) |
|
|
| 900 | oklch(0.272 0.006 179.22) | #242827 | hsl(165, 5%, 15%) |
|
|
| 950 | oklch(0.219 0.005 173.91) | #181b1a | hsl(160, 6%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.012 184.07) | #e0ebe9 | hsl(169, 22%, 90%) |
|
|
| 100 | oklch(0.867 0.025 180.55) | #c3d9d4 | hsl(166, 22%, 81%) |
|
|
| 200 | oklch(0.801 0.036 180.63) | #a6c6bf | hsl(167, 22%, 71%) |
|
|
| 300 | oklch(0.736 0.048 180.63) | #89b4ab | hsl(167, 22%, 62%) |
|
|
| 400 | oklch(0.669 0.059 179.96) | #6ca196 | hsl(168, 22%, 53%) |
|
|
| 500 | oklch(0.585 0.055 179.95) | #56877d | hsl(168, 22%, 43%) |
|
|
| 600 | oklch(0.519 0.048 180.69) | #49726a | hsl(168, 22%, 37%) |
|
|
| 700 | oklch(0.451 0.040 181.78) | #3c5d57 | hsl(169, 22%, 30%) |
|
|
| 800 | oklch(0.382 0.034 178.84) | #2e4943 | hsl(167, 23%, 23%) |
|
|
| 900 | oklch(0.307 0.026 179.90) | #213430 | hsl(167, 22%, 17%) |
|
|
| 950 | oklch(0.228 0.016 182.38) | #141f1d | hsl(169, 22%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.034 141.20) | #def0db | hsl(111, 41%, 90%) |
|
|
| 100 | oklch(0.905 0.052 141.67) | #cde9c9 | hsl(113, 42%, 85%) |
|
|
| 200 | oklch(0.875 0.070 141.19) | #bde2b7 | hsl(112, 43%, 80%) |
|
|
| 300 | oklch(0.845 0.088 140.90) | #addba5 | hsl(111, 43%, 75%) |
|
|
| 400 | oklch(0.813 0.105 141.05) | #9cd393 | hsl(112, 42%, 70%) |
|
|
| 500 | oklch(0.783 0.122 140.85) | #8ccc81 | hsl(111, 42%, 65%) |
|
|
| 600 | oklch(0.719 0.159 140.92) | #67bc59 | hsl(112, 42%, 54%) |
|
|
| 700 | oklch(0.624 0.152 140.78) | #4d9d3f | hsl(111, 43%, 43%) |
|
|
| 800 | oklch(0.505 0.121 140.90) | #39752f | hsl(111, 43%, 32%) |
|
|
| 900 | oklch(0.376 0.084 140.62) | #264c1f | hsl(111, 42%, 21%) |
|
|
| 950 | oklch(0.238 0.045 140.90) | #12240f | hsl(111, 41%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.047 120.26) | #edf7d4 | hsl(77, 69%, 90%) |
|
|
| 100 | oklch(0.936 0.073 120.22) | #e3f2bb | hsl(76, 68%, 84%) |
|
|
| 200 | oklch(0.914 0.099 120.53) | #d9eda2 | hsl(76, 68%, 78%) |
|
|
| 300 | oklch(0.891 0.123 121.00) | #cfe889 | hsl(76, 67%, 72%) |
|
|
| 400 | oklch(0.869 0.146 121.97) | #c4e370 | hsl(76, 67%, 66%) |
|
|
| 500 | oklch(0.848 0.166 122.62) | #bade57 | hsl(76, 67%, 61%) |
|
|
| 600 | oklch(0.815 0.191 124.45) | #a8d62c | hsl(76, 67%, 51%) |
|
|
| 700 | oklch(0.693 0.161 124.30) | #87ac22 | hsl(76, 67%, 40%) |
|
|
| 800 | oklch(0.562 0.129 124.19) | #658119 | hsl(76, 68%, 30%) |
|
|
| 900 | oklch(0.423 0.095 124.10) | #435611 | hsl(77, 67%, 20%) |
|
|
| 950 | oklch(0.271 0.056 123.81) | #212b08 | hsl(77, 69%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
