Earthy Vibrance Color Palette
This palette blends earthy taupe and vibrant yellow with bold fuchsia and deep plum, creating a lively yet sophisticated vibe that feels both playful and elegantly moody.
Practical uses and creative applications
The Earthy Vibrance Color Palette is a stunning blend of rich, natural hues that evoke a sense of grounded energy and creativity. Featuring a mix of muted browns, vibrant yellows, and bold pinks, this palette is perfect for designers looking to create an inviting and dynamic atmosphere in their projects.
Ideal for branding, web design, and packaging, the earthy tones paired with striking pops of color can help businesses stand out while still conveying a sense of authenticity and warmth. This palette is particularly suited for brands that focus on sustainability, wellness, or artistic endeavors.
Whether you’re a graphic designer crafting a logo for an eco-friendly startup or an interior designer looking to infuse a modern space with a touch of nature, the Earthy Vibrance Color Palette offers versatility and depth. It works beautifully in both digital and physical spaces, making it a go-to choice for creatives aiming to inspire connection and evoke emotion through color.
Embrace the balance of vibrancy and earthiness to elevate your design projects and resonate with your target audience.
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.929 0.009 84.57) | #eae7e1 | hsl(40, 18%, 90%) |
|
|
| 100 | oklch(0.883 0.013 86.84) | #dcd8cf | hsl(42, 16%, 84%) |
|
|
| 200 | oklch(0.837 0.018 84.59) | #cfc9bd | hsl(40, 16%, 78%) |
|
|
| 300 | oklch(0.793 0.023 87.17) | #c2bbab | hsl(42, 16%, 72%) |
|
|
| 400 | oklch(0.747 0.028 85.67) | #b5ac99 | hsl(41, 16%, 65%) |
|
|
| 500 | oklch(0.699 0.034 84.57) | #a89d87 | hsl(40, 16%, 59%) |
|
|
| 600 | oklch(0.621 0.042 85.27) | #92856a | hsl(41, 16%, 49%) |
|
|
| 700 | oklch(0.529 0.034 83.51) | #756a55 | hsl(39, 16%, 40%) |
|
|
| 800 | oklch(0.434 0.027 84.51) | #585040 | hsl(40, 16%, 30%) |
|
|
| 900 | oklch(0.332 0.019 80.51) | #3b352b | hsl(38, 16%, 20%) |
|
|
| 950 | oklch(0.223 0.012 84.55) | #1e1b15 | hsl(40, 18%, 10%) |
|
dsfds
| 50 | oklch(0.984 0.063 105.56) | #fffdcc | hsl(58, 100%, 90%) |
|
|
| 100 | oklch(0.968 0.123 106.01) | #fffa95 | hsl(57, 100%, 79%) |
|
|
| 200 | oklch(0.955 0.169 106.30) | #fff75f | hsl(57, 100%, 69%) |
|
|
| 300 | oklch(0.948 0.196 106.47) | #fff528 | hsl(57, 100%, 58%) |
|
|
| 400 | oklch(0.902 0.192 105.80) | #f1e500 | hsl(57, 100%, 47%) |
|
|
| 500 | oklch(0.744 0.159 105.99) | #bab100 | hsl(57, 100%, 36%) |
|
|
| 600 | oklch(0.662 0.141 105.88) | #9f9700 | hsl(57, 100%, 31%) |
|
|
| 700 | oklch(0.580 0.124 106.34) | #847e00 | hsl(57, 100%, 26%) |
|
|
| 800 | oklch(0.492 0.105 106.25) | #696400 | hsl(57, 100%, 21%) |
|
|
| 900 | oklch(0.400 0.085 106.12) | #4e4a00 | hsl(57, 100%, 15%) |
|
|
| 950 | oklch(0.305 0.066 107.24) | #333100 | hsl(58, 100%, 10%) |
|
dsfds
| 50 | oklch(0.895 0.058 358.09) | #fecddc | hsl(342, 96%, 90%) |
|
|
| 100 | oklch(0.823 0.103 0.99) | #fda9c1 | hsl(343, 95%, 83%) |
|
|
| 200 | oklch(0.756 0.150 2.75) | #fc84a7 | hsl(343, 95%, 75%) |
|
|
| 300 | oklch(0.699 0.193 5.40) | #fb5f8d | hsl(342, 95%, 68%) |
|
|
| 400 | oklch(0.656 0.226 9.30) | #fa3b73 | hsl(342, 95%, 61%) |
|
|
| 500 | oklch(0.630 0.245 14.41) | #f91659 | hsl(342, 95%, 53%) |
|
|
| 600 | oklch(0.571 0.227 16.79) | #dd0645 | hsl(342, 95%, 45%) |
|
|
| 700 | oklch(0.486 0.192 16.03) | #b20538 | hsl(342, 95%, 36%) |
|
|
| 800 | oklch(0.400 0.158 15.39) | #88032a | hsl(342, 96%, 27%) |
|
|
| 900 | oklch(0.306 0.120 13.33) | #5d021d | hsl(342, 96%, 19%) |
|
|
| 950 | oklch(0.205 0.079 8.15) | #320110 | hsl(342, 96%, 10%) |
|
dsfds
| 50 | oklch(0.903 0.048 345.76) | #f8d3e6 | hsl(329, 73%, 90%) |
|
|
| 100 | oklch(0.812 0.097 347.69) | #f1a8cd | hsl(330, 72%, 80%) |
|
|
| 200 | oklch(0.727 0.148 349.31) | #ea7db5 | hsl(329, 72%, 70%) |
|
|
| 300 | oklch(0.653 0.193 352.19) | #e3529c | hsl(329, 72%, 61%) |
|
|
| 400 | oklch(0.597 0.224 355.82) | #dc2684 | hsl(329, 72%, 51%) |
|
|
| 500 | oklch(0.512 0.192 356.01) | #b31d6a | hsl(329, 72%, 41%) |
|
|
| 600 | oklch(0.455 0.169 355.79) | #98195a | hsl(329, 72%, 35%) |
|
|
| 700 | oklch(0.396 0.146 355.37) | #7d144a | hsl(329, 72%, 28%) |
|
|
| 800 | oklch(0.336 0.120 354.92) | #62103a | hsl(329, 72%, 22%) |
|
|
| 900 | oklch(0.272 0.095 354.00) | #470b2a | hsl(329, 73%, 16%) |
|
|
| 950 | oklch(0.205 0.065 352.57) | #2c071a | hsl(329, 73%, 10%) |
|
dsfds
| 50 | oklch(0.909 0.021 301.12) | #e3deed | hsl(260, 29%, 90%) |
|
|
| 100 | oklch(0.777 0.055 299.55) | #bbafd5 | hsl(259, 31%, 76%) |
|
|
| 200 | oklch(0.642 0.089 297.87) | #9381bc | hsl(258, 31%, 62%) |
|
|
| 300 | oklch(0.509 0.119 296.50) | #6d55a1 | hsl(259, 31%, 48%) |
|
|
| 400 | oklch(0.402 0.088 296.12) | #4d3d72 | hsl(258, 30%, 34%) |
|
|
| 500 | oklch(0.288 0.058 297.00) | #2e2444 | hsl(259, 31%, 20%) |
|
|
| 600 | oklch(0.269 0.054 296.94) | #29203d | hsl(259, 31%, 18%) |
|
|
| 700 | oklch(0.253 0.047 297.67) | #251d36 | hsl(259, 30%, 16%) |
|
|
| 800 | oklch(0.233 0.042 297.68) | #20192f | hsl(259, 31%, 14%) |
|
|
| 900 | oklch(0.213 0.037 297.67) | #1b1528 | hsl(259, 31%, 12%) |
|
|
| 950 | oklch(0.196 0.030 298.90) | #171221 | hsl(260, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
