Nature-Inspired Color Palette
This palette exudes a refreshing, nature-inspired vibe with deep forest greens, vibrant lime accents, and soft, sunny yellows, creating a harmonious blend of tranquility and vitality.
Practical uses and creative applications
The Nature-Inspired Color Palette evokes the serene beauty of the great outdoors, featuring a harmonious blend of earthy tones and vibrant greens. With primary colors like deep forest (#383939) and refreshing leaf green (#149c68), this palette is perfect for branding that seeks to convey sustainability and environmental awareness.
Ideal for eco-friendly businesses, outdoor brands, and health-focused companies, the palette encapsulates a sense of tranquility and vitality that resonates with today’s conscious consumers. In web design, the Nature-Inspired Color Palette can create a soothing user experience.
The soft cream (#fffedb) serves as a gentle background, allowing the vibrant greens (#38c958, #aee637) to pop, making it suitable for websites promoting wellness, organic products, or nature retreats. Designers and creatives can also leverage this palette in packaging to attract eco-conscious customers, using the combination of colors to reflect organic ingredients and natural processes.
Whether for interiors aiming to bring the outside in or for graphic designs that encourage sustainability, this palette is versatile enough to evoke a fresh, lively atmosphere.
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.001 197.14) | #e5e6e6 | hsl(180, 2%, 90%) |
|
|
| 100 | oklch(0.816 0.001 197.13) | #c2c3c3 | hsl(180, 1%, 76%) |
|
|
| 200 | oklch(0.707 0.002 197.10) | #9fa1a1 | hsl(180, 1%, 63%) |
|
|
| 300 | oklch(0.595 0.002 197.09) | #7d7f7f | hsl(180, 1%, 49%) |
|
|
| 400 | oklch(0.473 0.003 197.07) | #5a5c5c | hsl(180, 1%, 36%) |
|
|
| 500 | oklch(0.344 0.001 197.09) | #383939 | hsl(180, 1%, 22%) |
|
|
| 600 | oklch(0.320 0.001 197.09) | #323333 | hsl(180, 1%, 20%) |
|
|
| 700 | oklch(0.293 0.000 89.88) | #2c2c2c | hsl(0, 0%, 17%) |
|
|
| 800 | oklch(0.269 0.000 89.88) | #262626 | hsl(0, 0%, 15%) |
|
|
| 900 | oklch(0.242 0.002 197.06) | #1f2020 | hsl(180, 2%, 12%) |
|
|
| 950 | oklch(0.217 0.002 197.04) | #191a1a | hsl(180, 2%, 10%) |
|
dsfds
| 50 | oklch(0.950 0.045 170.08) | #d2f9ea | hsl(157, 76%, 90%) |
|
|
| 100 | oklch(0.902 0.093 168.02) | #a0f3d3 | hsl(157, 78%, 79%) |
|
|
| 200 | oklch(0.858 0.133 165.88) | #6decbc | hsl(157, 77%, 68%) |
|
|
| 300 | oklch(0.825 0.165 162.38) | #3be6a5 | hsl(157, 77%, 57%) |
|
|
| 400 | oklch(0.753 0.167 159.79) | #1ace89 | hsl(157, 78%, 45%) |
|
|
| 500 | oklch(0.613 0.134 160.24) | #149c68 | hsl(157, 77%, 35%) |
|
|
| 600 | oklch(0.549 0.119 160.30) | #118659 | hsl(157, 77%, 30%) |
|
|
| 700 | oklch(0.483 0.104 160.38) | #0e704a | hsl(157, 78%, 25%) |
|
|
| 800 | oklch(0.415 0.088 161.24) | #0b5a3c | hsl(157, 78%, 20%) |
|
|
| 900 | oklch(0.341 0.069 162.14) | #09432d | hsl(157, 76%, 15%) |
|
|
| 950 | oklch(0.266 0.052 163.03) | #062d1e | hsl(157, 76%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.043 151.53) | #d7f4dd | hsl(132, 57%, 90%) |
|
|
| 100 | oklch(0.893 0.076 151.66) | #b7ebc3 | hsl(134, 57%, 82%) |
|
|
| 200 | oklch(0.851 0.112 150.53) | #97e3a8 | hsl(133, 58%, 74%) |
|
|
| 300 | oklch(0.809 0.143 149.27) | #78da8d | hsl(133, 57%, 66%) |
|
|
| 400 | oklch(0.772 0.172 148.26) | #58d273 | hsl(133, 58%, 58%) |
|
|
| 500 | oklch(0.736 0.196 146.86) | #38c958 | hsl(133, 57%, 50%) |
|
|
| 600 | oklch(0.650 0.174 146.80) | #2eaa49 | hsl(133, 57%, 42%) |
|
|
| 700 | oklch(0.556 0.146 146.98) | #25893b | hsl(133, 57%, 34%) |
|
|
| 800 | oklch(0.460 0.119 147.16) | #1c692d | hsl(133, 58%, 26%) |
|
|
| 900 | oklch(0.359 0.089 147.23) | #14491f | hsl(132, 57%, 18%) |
|
|
| 950 | oklch(0.248 0.055 147.95) | #0b2811 | hsl(132, 57%, 10%) |
|
dsfds
| 50 | oklch(0.963 0.053 121.30) | #edf9d2 | hsl(78, 76%, 90%) |
|
|
| 100 | oklch(0.939 0.088 122.44) | #e0f5b3 | hsl(79, 77%, 83%) |
|
|
| 200 | oklch(0.918 0.123 123.26) | #d4f294 | hsl(79, 78%, 76%) |
|
|
| 300 | oklch(0.896 0.155 124.25) | #c7ee75 | hsl(79, 78%, 70%) |
|
|
| 400 | oklch(0.876 0.181 125.05) | #bbea56 | hsl(79, 78%, 63%) |
|
|
| 500 | oklch(0.856 0.201 126.35) | #aee637 | hsl(79, 78%, 56%) |
|
|
| 600 | oklch(0.799 0.202 127.70) | #98d41a | hsl(79, 78%, 47%) |
|
|
| 700 | oklch(0.679 0.171 127.52) | #7aaa15 | hsl(79, 78%, 37%) |
|
|
| 800 | oklch(0.556 0.138 127.12) | #5d8110 | hsl(79, 78%, 28%) |
|
|
| 900 | oklch(0.422 0.102 126.56) | #3f570b | hsl(79, 78%, 19%) |
|
|
| 950 | oklch(0.277 0.062 125.14) | #212d06 | hsl(78, 76%, 10%) |
|
dsfds
| 50 | oklch(0.986 0.064 106.57) | #fffecc | hsl(59, 100%, 90%) |
|
|
| 100 | oklch(0.986 0.060 106.45) | #fffecf | hsl(59, 100%, 91%) |
|
|
| 200 | oklch(0.987 0.057 106.32) | #fffed2 | hsl(59, 100%, 91%) |
|
|
| 300 | oklch(0.987 0.053 106.18) | #fffed5 | hsl(59, 100%, 92%) |
|
|
| 400 | oklch(0.988 0.049 106.03) | #fffed8 | hsl(58, 100%, 92%) |
|
|
| 500 | oklch(0.989 0.045 105.86) | #fffedb | hsl(58, 100%, 93%) |
|
|
| 600 | oklch(0.970 0.140 107.45) | #fffc86 | hsl(59, 100%, 76%) |
|
|
| 700 | oklch(0.957 0.196 107.71) | #fff932 | hsl(58, 100%, 60%) |
|
|
| 800 | oklch(0.853 0.184 107.67) | #dcd600 | hsl(58, 100%, 43%) |
|
|
| 900 | oklch(0.597 0.128 107.59) | #888400 | hsl(58, 100%, 27%) |
|
|
| 950 | oklch(0.308 0.067 108.53) | #333200 | hsl(59, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
