Vibrant Nature-Inspired Color Palette

This vibrant palette bursts with a fresh, lively energy, blending sunny lemon yellows and zesty greens with a refreshing minty touch, perfect for evoking a cheerful, nature-inspired vibe.

summer happy nature
#F2FFA7
#DCFF4B
#A9ED28
#1FB870
#1B9E62

Practical uses and creative applications

Introducing the Vibrant Nature-Inspired Color Palette, a refreshing collection of hues that captures the essence of the great outdoors. Featuring soft yellows like #F2FFA7 and #DCFF4B, alongside lively greens such as #A9ED28, #1FB870, and #1B9E62, this palette is perfect for those looking to infuse their projects with a sense of vitality and growth.

Whether you're designing a website, crafting eye-catching packaging, or creating a serene interior, these colors can evoke feelings of renewal and inspiration. Ideal for designers and creatives in industries like wellness, eco-friendly products, or outdoor adventures, this palette can elevate branding efforts by communicating a commitment to sustainability and nature.

Use it to create engaging web designs that invite users to explore and connect with your brand, or apply it to packaging that stands out on the shelf, catching the eyes of environmentally conscious consumers. The Vibrant Nature-Inspired Color Palette brings a harmonious balance between energy and tranquility, making it suitable for a variety of styles, from modern minimalism to bohemian charm.

Embrace the beauty of nature in your next project and let these colors inspire your creativity!.

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.

50 oklch(0.981 0.066 114.88) #f7ffcc hsl(69, 100%, 90%)
100 oklch(0.979 0.075 114.97) #f6ffc5 hsl(69, 100%, 89%)
200 oklch(0.977 0.085 115.00) #f5ffbd hsl(69, 100%, 87%)
300 oklch(0.975 0.093 115.13) #f4ffb6 hsl(69, 100%, 86%)
400 oklch(0.973 0.103 115.21) #f3ffae hsl(69, 100%, 84%)
500 oklch(0.971 0.111 115.36) #f2ffa7 hsl(69, 100%, 83%)
600 oklch(0.953 0.184 117.22) #e7ff5d hsl(69, 100%, 68%)
700 oklch(0.942 0.220 119.36) #dcff13 hsl(69, 100%, 54%)
800 oklch(0.780 0.185 119.70) #aac700 hsl(69, 100%, 39%)
900 oklch(0.555 0.131 119.25) #6b7d00 hsl(69, 100%, 25%)
950 oklch(0.303 0.071 118.82) #2b3300 hsl(69, 100%, 10%)

50 oklch(0.980 0.067 116.66) #f5ffcc hsl(72, 100%, 90%)
100 oklch(0.971 0.099 117.25) #f0ffb2 hsl(72, 100%, 85%)
200 oklch(0.963 0.129 117.88) #ebff98 hsl(72, 100%, 80%)
300 oklch(0.956 0.156 118.60) #e6ff7f hsl(72, 100%, 75%)
400 oklch(0.950 0.180 119.30) #e1ff65 hsl(72, 100%, 70%)
500 oklch(0.944 0.199 120.05) #dcff4b hsl(72, 100%, 65%)
600 oklch(0.934 0.224 122.03) #d1ff13 hsl(72, 100%, 54%)
700 oklch(0.828 0.202 122.57) #b0da00 hsl(72, 100%, 43%)
800 oklch(0.667 0.163 122.55) #83a300 hsl(72, 100%, 32%)
900 oklch(0.493 0.120 122.10) #566b00 hsl(72, 100%, 21%)
950 oklch(0.301 0.072 120.85) #293300 hsl(72, 100%, 10%)

50 oklch(0.966 0.058 123.13) #ecfbd0 hsl(81, 84%, 90%)
100 oklch(0.943 0.099 123.45) #dff8ae hsl(80, 84%, 83%)
200 oklch(0.922 0.136 124.63) #d1f58d hsl(81, 84%, 76%)
300 oklch(0.904 0.171 125.61) #c4f36b hsl(81, 85%, 69%)
400 oklch(0.885 0.199 126.92) #b6f04a hsl(81, 85%, 62%)
500 oklch(0.869 0.218 128.20) #a9ed28 hsl(81, 85%, 54%)
600 oklch(0.800 0.209 129.22) #92d612 hsl(81, 84%, 45%)
700 oklch(0.681 0.177 128.87) #76ac0e hsl(81, 85%, 36%)
800 oklch(0.555 0.143 128.69) #59820b hsl(81, 84%, 28%)
900 oklch(0.426 0.107 128.16) #3d5907 hsl(80, 85%, 19%)
950 oklch(0.282 0.068 127.19) #202f04 hsl(81, 84%, 10%)

50 oklch(0.948 0.045 165.94) #d3f8e7 hsl(152, 73%, 90%)
100 oklch(0.902 0.085 163.39) #aaf1cf hsl(151, 72%, 81%)
200 oklch(0.860 0.122 161.83) #80eab8 hsl(152, 72%, 71%)
300 oklch(0.822 0.155 159.21) #56e3a0 hsl(151, 72%, 61%)
400 oklch(0.791 0.180 156.35) #2cdc89 hsl(152, 72%, 52%)
500 oklch(0.691 0.160 155.99) #1fb870 hsl(152, 71%, 42%)
600 oklch(0.612 0.141 156.21) #1a9c5f hsl(152, 71%, 36%)
700 oklch(0.531 0.120 156.45) #16804e hsl(152, 71%, 29%)
800 oklch(0.446 0.099 156.90) #11643d hsl(152, 71%, 23%)
900 oklch(0.357 0.077 157.64) #0c482c hsl(152, 71%, 16%)
950 oklch(0.262 0.053 159.21) #072c1b hsl(152, 73%, 10%)

50 oklch(0.948 0.045 165.94) #d3f8e7 hsl(152, 73%, 90%)
100 oklch(0.896 0.089 163.83) #a5f0cd hsl(152, 71%, 79%)
200 oklch(0.850 0.130 161.66) #76e8b3 hsl(152, 71%, 69%)
300 oklch(0.810 0.163 159.11) #47e09a hsl(153, 71%, 58%)
400 oklch(0.749 0.172 156.50) #23cd7f hsl(152, 71%, 47%)
500 oklch(0.618 0.140 156.83) #1b9e62 hsl(153, 71%, 36%)
600 oklch(0.552 0.124 157.17) #178754 hsl(153, 71%, 31%)
700 oklch(0.483 0.107 157.63) #137046 hsl(153, 71%, 26%)
800 oklch(0.412 0.090 157.61) #0f5937 hsl(152, 71%, 20%)
900 oklch(0.337 0.071 158.45) #0b4229 hsl(153, 71%, 15%)
950 oklch(0.262 0.053 159.21) #072c1b hsl(152, 73%, 10%)

Related palettes

Discover more palettes with a similar mood and vibe or Browse our collection

#B8D391
#079A5E
#9CD533
#FF481D
#84483B
#a1dbb2
#fee5ad
#faca66
#f7a541
#f45d4c
#ccf390
#e0e05a
#f7c41f
#fc930a
#ff003d
#ffff00
#ccd91a
#99b333
#668c4d
#336666
#ff9934
#ffc018
#f8fef4
#cde54e
#b3c631
#DFFF6B
#C8F028
#65A432
#01583B
#282828
#254441
#49BE25
#FFFACD
#E10E37
#FF1744
#8BE87B
#C0F9C9
#3ED8FF
#1C97E8
#5A47B5
© 2025 KColor. All rights reserved. 1.15.1