Nature-Inspired Color Palette
This refreshing palette blends vibrant lime green and soft mint with deep teal and earthy brown, evoking a serene, nature-inspired vibe that's both uplifting and grounded.
Practical uses and creative applications
The Nature-Inspired Color Palette combines fresh greens, soft pastels, and earthy tones to evoke the tranquility and vibrancy of the natural world. With shades like #aef055, a bright leaf green, and #e0ffc3, a gentle mint, this palette is perfect for branding projects that aim to connect with eco-conscious consumers or promote sustainability.
Designers can seamlessly integrate these colors into web design, creating user-friendly interfaces that reflect a commitment to the environment while providing a calming experience for visitors. Ideal for creatives in industries such as wellness, organic products, or outdoor ventures, the Nature-Inspired Color Palette encourages a harmonious atmosphere.
Its versatile hues, including the deep teal #3f8978 and the rich brown #514442, lend themselves beautifully to packaging designs that highlight natural ingredients or organic processes. Additionally, interior designers can use this palette to craft serene spaces that bring the essence of nature indoors, appealing to those looking to create a soothing refuge in their homes.
Whether for branding, web design, or interior decor, this palette inspires creativity and a connection to the earth.
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.964 0.059 126.00) | #e9fbd0 | hsl(85, 84%, 90%) |
|
|
| 100 | oklch(0.946 0.089 126.97) | #ddf9b8 | hsl(86, 84%, 85%) |
|
|
| 200 | oklch(0.929 0.120 127.57) | #d1f79f | hsl(86, 85%, 80%) |
|
|
| 300 | oklch(0.910 0.147 128.00) | #c5f486 | hsl(86, 83%, 74%) |
|
|
| 400 | oklch(0.896 0.172 128.57) | #baf26e | hsl(85, 84%, 69%) |
|
|
| 500 | oklch(0.881 0.195 129.46) | #aef055 | hsl(86, 84%, 64%) |
|
|
| 600 | oklch(0.856 0.228 131.65) | #96ec23 | hsl(86, 84%, 53%) |
|
|
| 700 | oklch(0.747 0.204 132.21) | #79c611 | hsl(86, 84%, 42%) |
|
|
| 800 | oklch(0.603 0.164 132.09) | #5a940d | hsl(86, 84%, 32%) |
|
|
| 900 | oklch(0.447 0.118 131.65) | #3b6109 | hsl(86, 83%, 21%) |
|
|
| 950 | oklch(0.279 0.069 129.87) | #1d2f04 | hsl(85, 84%, 10%) |
|
dsfds
| 50 | oklch(0.968 0.072 129.69) | #e5ffcc | hsl(91, 100%, 90%) |
|
|
| 100 | oklch(0.967 0.075 129.71) | #e4ffca | hsl(91, 100%, 90%) |
|
|
| 200 | oklch(0.966 0.077 129.73) | #e3ffc8 | hsl(91, 100%, 89%) |
|
|
| 300 | oklch(0.965 0.079 130.08) | #e2ffc7 | hsl(91, 100%, 89%) |
|
|
| 400 | oklch(0.964 0.082 130.09) | #e1ffc5 | hsl(91, 100%, 89%) |
|
|
| 500 | oklch(0.963 0.085 130.11) | #e0ffc3 | hsl(91, 100%, 88%) |
|
|
| 600 | oklch(0.924 0.186 131.79) | #b7ff73 | hsl(91, 100%, 73%) |
|
|
| 700 | oklch(0.897 0.252 134.64) | #8eff23 | hsl(91, 100%, 57%) |
|
|
| 800 | oklch(0.771 0.230 136.27) | #66d300 | hsl(91, 100%, 41%) |
|
|
| 900 | oklch(0.543 0.161 135.79) | #3f8300 | hsl(91, 100%, 26%) |
|
|
| 950 | oklch(0.289 0.082 133.40) | #193300 | hsl(91, 100%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.042 181.59) | #d2f9f1 | hsl(168, 76%, 90%) |
|
|
| 100 | oklch(0.920 0.073 179.81) | #aff5e6 | hsl(167, 78%, 82%) |
|
|
| 200 | oklch(0.891 0.099 178.84) | #8df1dc | hsl(167, 78%, 75%) |
|
|
| 300 | oklch(0.865 0.123 177.01) | #6aedd1 | hsl(167, 78%, 67%) |
|
|
| 400 | oklch(0.841 0.139 175.84) | #48e8c7 | hsl(168, 78%, 60%) |
|
|
| 500 | oklch(0.822 0.152 173.35) | #25e4bc | hsl(167, 78%, 52%) |
|
|
| 600 | oklch(0.738 0.139 172.50) | #18c6a1 | hsl(167, 78%, 44%) |
|
|
| 700 | oklch(0.631 0.118 172.64) | #14a082 | hsl(167, 78%, 35%) |
|
|
| 800 | oklch(0.518 0.096 172.90) | #0f7a63 | hsl(167, 78%, 27%) |
|
|
| 900 | oklch(0.397 0.071 174.32) | #0a5344 | hsl(168, 78%, 18%) |
|
|
| 950 | oklch(0.268 0.045 175.90) | #062d25 | hsl(168, 76%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.021 181.86) | #dcefeb | hsl(167, 37%, 90%) |
|
|
| 100 | oklch(0.874 0.042 179.31) | #b9dfd6 | hsl(166, 37%, 80%) |
|
|
| 200 | oklch(0.808 0.062 178.95) | #95cec1 | hsl(166, 37%, 70%) |
|
|
| 300 | oklch(0.747 0.081 177.11) | #72beac | hsl(166, 37%, 60%) |
|
|
| 400 | oklch(0.682 0.094 176.37) | #4fac97 | hsl(166, 37%, 49%) |
|
|
| 500 | oklch(0.578 0.079 176.20) | #3f8978 | hsl(166, 37%, 39%) |
|
|
| 600 | oklch(0.516 0.070 175.70) | #367566 | hsl(166, 37%, 34%) |
|
|
| 700 | oklch(0.449 0.060 176.35) | #2c6054 | hsl(166, 37%, 27%) |
|
|
| 800 | oklch(0.383 0.050 175.60) | #234c42 | hsl(165, 37%, 22%) |
|
|
| 900 | oklch(0.311 0.038 176.63) | #193730 | hsl(166, 38%, 16%) |
|
|
| 950 | oklch(0.238 0.026 178.85) | #10231f | hsl(167, 37%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.005 34.31) | #e8e4e3 | hsl(12, 10%, 90%) |
|
|
| 100 | oklch(0.822 0.011 24.34) | #ccc2c1 | hsl(5, 10%, 78%) |
|
|
| 200 | oklch(0.721 0.018 31.11) | #b0a19e | hsl(10, 10%, 65%) |
|
|
| 300 | oklch(0.615 0.026 27.49) | #947f7c | hsl(8, 10%, 53%) |
|
|
| 400 | oklch(0.509 0.024 29.07) | #73615e | hsl(9, 10%, 41%) |
|
|
| 500 | oklch(0.399 0.018 28.23) | #514442 | hsl(8, 10%, 29%) |
|
|
| 600 | oklch(0.363 0.016 30.03) | #463b39 | hsl(9, 10%, 25%) |
|
|
| 700 | oklch(0.328 0.015 24.68) | #3c3231 | hsl(5, 10%, 21%) |
|
|
| 800 | oklch(0.289 0.012 26.30) | #312928 | hsl(7, 10%, 17%) |
|
|
| 900 | oklch(0.252 0.011 17.89) | #272020 | hsl(0, 10%, 14%) |
|
|
| 950 | oklch(0.213 0.007 34.30) | #1c1817 | hsl(12, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
