Vibrant Earthy Color Palette
This palette exudes a vibrant, earthy freshness with deep teal, lush green, zesty lime, cheerful chartreuse, and soft mint, creating an invigorating and harmonious atmosphere reminiscent of a sunlit forest.
Practical uses and creative applications
The Vibrant Earthy Color Palette is a stunning combination of deep greens and lively yellows that effortlessly captures the essence of nature. Comprising shades like #1b676b, #519548, #88c425, #bef202, and #eafde6, this palette is perfect for brands that want to evoke a sense of freshness and vitality.
Ideal for eco-friendly businesses, outdoor brands, or wellness products, these colors can be harnessed in branding and packaging to create an inviting and energetic aesthetic that resonates with environmentally conscious consumers. In web design, the Vibrant Earthy Color Palette brings a lively yet grounded feel to any digital space.
Designers can utilize these colors to develop websites that inspire connection with nature and promote sustainability, making them particularly appealing to creative professionals in the health, lifestyle, or organic product sectors. Additionally, this palette shines in interior design, where it can transform spaces into serene retreats, enhancing the mood of relaxation and rejuvenation.
Whether you're a designer looking to elevate your projects or a brand aiming to make a memorable impression, the Vibrant Earthy Color Palette is the perfect choice for those seeking to infuse energy and warmth into their work.
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.944 0.030 201.72) | #d6f3f5 | hsl(184, 61%, 90%) |
|
|
| 100 | oklch(0.876 0.066 200.76) | #a2e4e8 | hsl(183, 60%, 77%) |
|
|
| 200 | oklch(0.814 0.096 200.46) | #6ed5db | hsl(183, 60%, 65%) |
|
|
| 300 | oklch(0.758 0.115 200.02) | #3bc6cd | hsl(183, 59%, 52%) |
|
|
| 400 | oklch(0.625 0.096 200.35) | #28999f | hsl(183, 60%, 39%) |
|
|
| 500 | oklch(0.471 0.071 200.23) | #1b676b | hsl(183, 60%, 26%) |
|
|
| 600 | oklch(0.429 0.064 200.97) | #185a5e | hsl(183, 59%, 23%) |
|
|
| 700 | oklch(0.386 0.057 200.17) | #144d50 | hsl(183, 60%, 20%) |
|
|
| 800 | oklch(0.345 0.050 199.08) | #114143 | hsl(182, 60%, 16%) |
|
|
| 900 | oklch(0.300 0.042 200.08) | #0e3436 | hsl(183, 59%, 13%) |
|
|
| 950 | oklch(0.252 0.034 201.53) | #0a2729 | hsl(184, 61%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.028 141.98) | #dfeedd | hsl(113, 33%, 90%) |
|
|
| 100 | oklch(0.873 0.056 141.86) | #c1dfbd | hsl(113, 35%, 81%) |
|
|
| 200 | oklch(0.809 0.085 141.72) | #a2cf9c | hsl(113, 35%, 71%) |
|
|
| 300 | oklch(0.750 0.114 141.58) | #84c07c | hsl(113, 35%, 62%) |
|
|
| 400 | oklch(0.689 0.139 141.41) | #66b05c | hsl(113, 35%, 53%) |
|
|
| 500 | oklch(0.606 0.131 141.44) | #519548 | hsl(113, 35%, 43%) |
|
|
| 600 | oklch(0.538 0.114 141.31) | #457e3d | hsl(113, 35%, 37%) |
|
|
| 700 | oklch(0.466 0.097 141.53) | #386732 | hsl(113, 35%, 30%) |
|
|
| 800 | oklch(0.393 0.078 141.36) | #2c5027 | hsl(113, 34%, 23%) |
|
|
| 900 | oklch(0.315 0.059 141.80) | #1f391c | hsl(114, 34%, 17%) |
|
|
| 950 | oklch(0.233 0.038 141.54) | #132211 | hsl(113, 33%, 10%) |
|
dsfds
| 50 | oklch(0.957 0.048 123.90) | #eaf7d4 | hsl(82, 69%, 90%) |
|
|
| 100 | oklch(0.921 0.090 124.98) | #d7f0ae | hsl(83, 69%, 81%) |
|
|
| 200 | oklch(0.886 0.130 125.98) | #c4e988 | hsl(83, 69%, 72%) |
|
|
| 300 | oklch(0.850 0.164 126.93) | #b1e162 | hsl(83, 68%, 63%) |
|
|
| 400 | oklch(0.819 0.192 128.41) | #9eda3c | hsl(83, 68%, 55%) |
|
|
| 500 | oklch(0.752 0.188 129.17) | #88c425 | hsl(83, 68%, 46%) |
|
|
| 600 | oklch(0.662 0.164 128.90) | #73a51f | hsl(82, 68%, 38%) |
|
|
| 700 | oklch(0.572 0.141 128.77) | #5e8719 | hsl(82, 69%, 31%) |
|
|
| 800 | oklch(0.475 0.115 128.79) | #486814 | hsl(83, 68%, 24%) |
|
|
| 900 | oklch(0.377 0.089 128.56) | #334a0e | hsl(83, 68%, 17%) |
|
|
| 950 | oklch(0.268 0.058 127.38) | #1e2b08 | hsl(82, 69%, 10%) |
|
dsfds
| 50 | oklch(0.979 0.067 117.54) | #f4ffcc | hsl(73, 100%, 90%) |
|
|
| 100 | oklch(0.962 0.117 118.66) | #eafea2 | hsl(73, 98%, 82%) |
|
|
| 200 | oklch(0.949 0.164 119.71) | #e1fe77 | hsl(73, 99%, 73%) |
|
|
| 300 | oklch(0.938 0.199 121.22) | #d7fe4c | hsl(73, 99%, 65%) |
|
|
| 400 | oklch(0.928 0.220 122.49) | #cefd22 | hsl(73, 98%, 56%) |
|
|
| 500 | oklch(0.892 0.221 123.91) | #bef202 | hsl(73, 98%, 48%) |
|
|
| 600 | oklch(0.785 0.194 123.84) | #a0cc02 | hsl(73, 98%, 40%) |
|
|
| 700 | oklch(0.671 0.165 123.46) | #82a501 | hsl(73, 99%, 33%) |
|
|
| 800 | oklch(0.555 0.136 123.23) | #647f01 | hsl(73, 98%, 25%) |
|
|
| 900 | oklch(0.432 0.105 122.82) | #465901 | hsl(73, 98%, 18%) |
|
|
| 950 | oklch(0.300 0.073 121.83) | #283300 | hsl(73, 100%, 10%) |
|
dsfds
| 50 | oklch(0.951 0.068 140.54) | #d7fbd0 | hsl(110, 84%, 90%) |
|
|
| 100 | oklch(0.957 0.063 140.18) | #dbfcd4 | hsl(110, 87%, 91%) |
|
|
| 200 | oklch(0.961 0.055 140.30) | #dffcd9 | hsl(110, 85%, 92%) |
|
|
| 300 | oklch(0.965 0.049 139.63) | #e3fcdd | hsl(108, 84%, 93%) |
|
|
| 400 | oklch(0.970 0.043 141.02) | #e6fde2 | hsl(111, 87%, 94%) |
|
|
| 500 | oklch(0.974 0.036 140.25) | #eafde6 | hsl(110, 85%, 95%) |
|
|
| 600 | oklch(0.902 0.150 140.12) | #a7f796 | hsl(109, 86%, 78%) |
|
|
| 700 | oklch(0.846 0.239 140.49) | #64f046 | hsl(109, 85%, 61%) |
|
|
| 800 | oklch(0.746 0.242 141.29) | #32cf11 | hsl(110, 85%, 44%) |
|
|
| 900 | oklch(0.522 0.167 141.08) | #1f7f0a | hsl(109, 85%, 27%) |
|
|
| 950 | oklch(0.269 0.080 140.43) | #0b2f04 | hsl(110, 84%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
