Vibrant Earthy Color Palette

This vibrant palette bursts with earthy greens and sun-kissed yellows and oranges, evoking a lively, cheerful vibe reminiscent of a sunlit garden in full bloom.

warm nature summer
#22806b
#a89f1d
#facb4b
#fcaf14
#ed7615

Practical uses and creative applications

The Vibrant Earthy Color Palette combines rich greens, warm yellows, and bold oranges to create a harmonious blend that reflects the beauty of nature. With primary colors like #22806b, #a89f1d, #facb4b, #fcaf14, and #ed7615, this palette is ideal for branding projects aimed at eco-friendly businesses, outdoor adventure companies, or wellness brands.

The earthy tones evoke a sense of groundedness while the vibrant accents add energy, making it perfect for packaging designs that want to stand out on the shelf or for web design that aims to create an inviting and organic feel. For designers and creatives looking to evoke a mood of warmth and vitality, the Vibrant Earthy Color Palette is a fantastic choice.

It works beautifully in interior design, where it can be used to create cozy, inviting spaces that reflect a love for nature. Whether you're crafting a rustic café's branding or designing a vibrant website for an artisanal product, these colors will resonate with audiences who appreciate authenticity and creativity.

This palette is particularly appealing to those in the sustainable design sector, as it perfectly embodies a spirit of eco-consciousness and earthy elegance.

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.945 0.031 181.78) #d7f4ee hsl(168, 57%, 90%)
100 oklch(0.884 0.067 179.59) #a8e8da hsl(167, 58%, 78%)
200 oklch(0.825 0.099 177.45) #79dbc5 hsl(167, 58%, 67%)
300 oklch(0.774 0.123 174.99) #4acfb1 hsl(166, 58%, 55%)
400 oklch(0.678 0.117 173.82) #2eaf92 hsl(167, 58%, 43%)
500 oklch(0.541 0.092 174.26) #22806b hsl(167, 58%, 32%)
600 oklch(0.485 0.082 174.49) #1d6e5c hsl(167, 58%, 27%)
700 oklch(0.432 0.071 174.89) #195d4e hsl(167, 58%, 23%)
800 oklch(0.374 0.060 175.35) #144b3f hsl(167, 58%, 19%)
900 oklch(0.316 0.050 174.51) #0f3a30 hsl(166, 59%, 14%)
950 oklch(0.253 0.037 177.35) #0b2822 hsl(168, 57%, 10%)

dsfds

50 oklch(0.963 0.043 104.33) #f7f5d4 hsl(57, 69%, 90%)
100 oklch(0.928 0.087 104.40) #f0eba7 hsl(56, 71%, 80%)
200 oklch(0.894 0.126 105.20) #e8e17a hsl(56, 71%, 69%)
300 oklch(0.862 0.155 105.59) #e0d74d hsl(56, 70%, 59%)
400 oklch(0.820 0.166 104.92) #d5c925 hsl(56, 70%, 49%)
500 oklch(0.689 0.139 105.21) #a89f1d hsl(56, 71%, 39%)
600 oklch(0.612 0.122 105.01) #8f8719 hsl(56, 70%, 33%)
700 oklch(0.534 0.106 105.50) #767014 hsl(56, 71%, 27%)
800 oklch(0.451 0.089 105.28) #5d5810 hsl(56, 71%, 21%)
900 oklch(0.367 0.071 106.10) #44410c hsl(57, 70%, 16%)
950 oklch(0.275 0.050 105.87) #2b2908 hsl(57, 69%, 10%)

dsfds

50 oklch(0.959 0.049 90.52) #fef1cd hsl(44, 96%, 90%)
100 oklch(0.937 0.073 90.12) #fde9b3 hsl(44, 95%, 85%)
200 oklch(0.918 0.096 90.66) #fce299 hsl(44, 94%, 79%)
300 oklch(0.897 0.117 90.04) #fbda7f hsl(44, 94%, 74%)
400 oklch(0.880 0.135 89.39) #fbd365 hsl(44, 95%, 69%)
500 oklch(0.861 0.150 88.21) #facb4b hsl(44, 95%, 64%)
600 oklch(0.829 0.167 84.32) #f9bc16 hsl(44, 95%, 53%)
700 oklch(0.723 0.148 82.84) #d29b06 hsl(44, 94%, 42%)
800 oklch(0.581 0.118 83.38) #9c7304 hsl(44, 95%, 31%)
900 oklch(0.434 0.088 84.60) #674c03 hsl(44, 94%, 21%)
950 oklch(0.272 0.054 88.14) #322501 hsl(44, 96%, 10%)

dsfds

50 oklch(0.953 0.046 85.19) #feeecd hsl(40, 96%, 90%)
100 oklch(0.920 0.080 83.95) #fee1a8 hsl(40, 98%, 83%)
200 oklch(0.890 0.110 84.25) #fdd583 hsl(40, 97%, 75%)
300 oklch(0.860 0.136 82.42) #fdc85e hsl(40, 98%, 68%)
400 oklch(0.833 0.156 80.67) #fcbc39 hsl(40, 97%, 61%)
500 oklch(0.808 0.166 76.33) #fcaf14 hsl(40, 97%, 53%)
600 oklch(0.732 0.155 74.04) #e19703 hsl(40, 97%, 45%)
700 oklch(0.625 0.131 75.02) #b57a02 hsl(40, 98%, 36%)
800 oklch(0.514 0.107 75.84) #8a5d02 hsl(40, 97%, 27%)
900 oklch(0.393 0.082 77.08) #5e3f01 hsl(40, 98%, 19%)
950 oklch(0.265 0.053 81.74) #322201 hsl(40, 96%, 10%)

dsfds

50 oklch(0.930 0.037 60.72) #fbe3d0 hsl(27, 84%, 90%)
100 oklch(0.877 0.067 60.91) #f8cdaa hsl(27, 85%, 82%)
200 oklch(0.828 0.098 60.31) #f6b885 hsl(27, 86%, 74%)
300 oklch(0.779 0.127 58.57) #f3a260 hsl(27, 86%, 66%)
400 oklch(0.734 0.153 56.07) #f08c3a hsl(27, 86%, 58%)
500 oklch(0.692 0.174 51.39) #ed7615 hsl(27, 86%, 51%)
600 oklch(0.611 0.154 51.46) #c9630f hsl(27, 86%, 42%)
700 oklch(0.525 0.130 51.66) #a3500d hsl(27, 85%, 35%)
800 oklch(0.433 0.105 52.50) #7c3d0a hsl(27, 85%, 26%)
900 oklch(0.338 0.079 53.40) #562a07 hsl(27, 85%, 18%)
950 oklch(0.234 0.049 56.93) #2f1704 hsl(27, 84%, 10%)

Related palettes

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

#F7FF90
#BFFF4E
#2FB494
#23D79A
#17FAA0
#b3cc57
#ecf081
#ffbe40
#ef746f
#ab3e5b
#ff003c
#ff8a00
#fabe28
#88c100
#00c176
#ffff00
#ccd91a
#99b333
#668c4d
#336666
#e2df9a
#ebe54d
#757449
#4b490b
#ff0051
#f2502c
#cad17a
#fcf59b
#91c494
#c42311
#fb545c
#99662d
#b7e1a1
#cdeda1
#fdf5a4
#a2825c
#88d3ab
#f9fad2
#f5da7a
#ff985e
© 2025 KColor. All rights reserved. 1.11.0