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.
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.