Fresh Nature-Inspired Color Palette

This fresh and uplifting palette of vibrant greens and soft blues exudes a playful, nature-inspired vibe, perfect for creating a serene yet joyful atmosphere.

pastel spring nature happy sea
#a7cd2c
#bada5f
#cee891
#e1f5c4
#50c8c6

Practical uses and creative applications

The Fresh Nature-Inspired Color Palette brings the vibrant essence of the outdoors into your projects, making it an ideal choice for designers and creatives looking to evoke a sense of tranquility and rejuvenation. Featuring refreshing shades like #a7cd2c (a lively green), #bada5f (a soft sky blue), and #cee891 (a gentle earth tone), this palette is perfect for branding initiatives that aim to connect with eco-conscious consumers.

Whether you’re designing a logo for an organic food brand or creating packaging for sustainable products, these colors will resonate with your audience and convey a commitment to nature. In web design, the Fresh Nature-Inspired Color Palette can create visually pleasing and user-friendly interfaces that promote a calming browsing experience.

The light shades, such as #e1f5c4 (a delicate mint) and #50c8c6 (a refreshing teal), work beautifully together to enhance readability while maintaining a fresh aesthetic. This palette is especially suitable for wellness websites, outdoor adventure brands, or any creative project that wishes to inspire a connection with nature.

Interior designers can also utilize these colors to create serene spaces that encourage relaxation and mindfulness, making homes or offices feel more inviting and grounded. Ideal for eco-friendly brands, wellness-focused businesses, and creative projects that celebrate the beauty of the natural world, the Fresh Nature-Inspired Color Palette is a versatile choice.

It invites designers to explore sustainable practices while appealing to an audience that values authenticity and harmony with nature. Whether you're crafting a visual identity or designing interiors, this palette is sure to infuse your work with a refreshing and uplifting energy.

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.959 0.044 118.31) #eef6d5 hsl(75, 65%, 90%)
100 oklch(0.926 0.081 119.22) #e0efb2 hsl(75, 66%, 82%)
200 oklch(0.893 0.113 119.30) #d3e790 hsl(74, 64%, 74%)
300 oklch(0.863 0.145 120.46) #c5e06d hsl(74, 65%, 65%)
400 oklch(0.832 0.168 121.48) #b7d84b hsl(74, 64%, 57%)
500 oklch(0.793 0.181 122.70) #a7cd2c hsl(74, 65%, 49%)
600 oklch(0.696 0.158 122.66) #8cac25 hsl(74, 65%, 41%)
700 oklch(0.599 0.134 122.51) #728c1e hsl(74, 65%, 33%)
800 oklch(0.495 0.109 122.40) #576b17 hsl(74, 65%, 25%)
900 oklch(0.388 0.083 122.07) #3d4b10 hsl(74, 65%, 18%)
950 oklch(0.269 0.053 121.66) #222a09 hsl(75, 65%, 10%)

dsfds

50 oklch(0.956 0.042 118.95) #edf5d6 hsl(75, 61%, 90%)
100 oklch(0.933 0.067 119.55) #e3f0be hsl(76, 63%, 84%)
200 oklch(0.908 0.090 119.63) #d9eaa6 hsl(75, 62%, 78%)
300 oklch(0.885 0.114 120.85) #cee58e hsl(76, 63%, 73%)
400 oklch(0.861 0.134 121.23) #c4df77 hsl(76, 62%, 67%)
500 oklch(0.840 0.154 121.98) #bada5f hsl(76, 62%, 61%)
600 oklch(0.801 0.180 123.35) #a8d034 hsl(75, 62%, 51%)
700 oklch(0.686 0.155 123.67) #87a927 hsl(76, 63%, 41%)
800 oklch(0.557 0.125 123.69) #657f1d hsl(76, 63%, 31%)
900 oklch(0.417 0.090 123.21) #435413 hsl(76, 63%, 20%)
950 oklch(0.265 0.051 122.16) #21290a hsl(75, 61%, 10%)

dsfds

50 oklch(0.957 0.045 120.96) #ecf6d5 hsl(78, 65%, 90%)
100 oklch(0.943 0.059 120.92) #e6f3c7 hsl(78, 65%, 87%)
200 oklch(0.932 0.074 121.79) #e0f1ba hsl(79, 66%, 84%)
300 oklch(0.918 0.088 121.84) #daeeac hsl(78, 66%, 80%)
400 oklch(0.905 0.101 122.12) #d4eb9f hsl(78, 66%, 77%)
500 oklch(0.892 0.115 122.30) #cee891 hsl(78, 65%, 74%)
600 oklch(0.844 0.163 123.91) #b6dd5b hsl(78, 66%, 61%)
700 oklch(0.783 0.185 125.63) #9ccc2b hsl(78, 65%, 48%)
800 oklch(0.625 0.146 125.31) #73961f hsl(78, 66%, 35%)
900 oklch(0.455 0.103 125.32) #496014 hsl(78, 66%, 23%)
950 oklch(0.267 0.054 124.35) #202a09 hsl(78, 65%, 10%)

dsfds

50 oklch(0.958 0.051 125.34) #e9f8d3 hsl(84, 73%, 90%)
100 oklch(0.954 0.054 125.59) #e7f7d0 hsl(85, 71%, 89%)
200 oklch(0.953 0.058 125.43) #e6f7cd hsl(84, 72%, 89%)
300 oklch(0.949 0.061 125.65) #e4f6ca hsl(85, 71%, 88%)
400 oklch(0.947 0.065 125.52) #e3f6c7 hsl(84, 72%, 87%)
500 oklch(0.943 0.068 125.73) #e1f5c4 hsl(84, 71%, 86%)
600 oklch(0.884 0.141 127.30) #bfea81 hsl(85, 71%, 71%)
700 oklch(0.828 0.195 129.45) #9dde3f hsl(85, 71%, 56%)
800 oklch(0.693 0.178 130.50) #75b11e hsl(84, 71%, 41%)
900 oklch(0.492 0.123 130.02) #496e13 hsl(84, 71%, 25%)
950 oklch(0.270 0.062 128.88) #1d2c07 hsl(84, 73%, 10%)

dsfds

50 oklch(0.944 0.028 193.97) #d8f3f2 hsl(178, 53%, 90%)
100 oklch(0.905 0.046 194.68) #bdeae9 hsl(179, 52%, 83%)
200 oklch(0.870 0.064 194.81) #a2e2e1 hsl(179, 52%, 76%)
300 oklch(0.832 0.081 194.72) #86d9d8 hsl(179, 52%, 69%)
400 oklch(0.799 0.095 193.72) #6bd1cf hsl(179, 53%, 62%)
500 oklch(0.765 0.106 193.62) #50c8c6 hsl(179, 52%, 55%)
600 oklch(0.698 0.105 193.42) #38b2b0 hsl(179, 52%, 46%)
700 oklch(0.595 0.088 194.05) #2d8f8e hsl(179, 52%, 37%)
800 oklch(0.489 0.072 192.52) #226d6b hsl(178, 52%, 28%)
900 oklch(0.375 0.053 193.29) #174a49 hsl(179, 53%, 19%)
950 oklch(0.252 0.033 191.98) #0c2726 hsl(178, 53%, 10%)

Related palettes

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

#69d0b3
#9bdab3
#b4dfb3
#cde4b3
#d9cf85
#80d3bb
#bafdc2
#e5f3ba
#5c493d
#3a352f
#9d9f89
#84af97
#8bc59b
#b2de93
#ccee8d
#d6d578
#b1bf63
#9dad42
#258a60
#0a3740
#8e978d
#97c4ad
#bfedbe
#e6fcd9
#cdf2d6
#07f9a2
#09c184
#0a8967
#0c5149
#0d192b
#8fbfb9
#649ea7
#bddb88
#e0f3b2
#eefaa8
#383939
#149c68
#38c958
#aee637
#fffedb
#cce4d1
#d2e1a7
#d8de7d
#dedb53
#e4d829
© 2025 KColor. All rights reserved. 1.11.0