Vibrant Earthy Color Palette
This palette exudes a vibrant, earthy energy with lush greens, fiery oranges, and bold burgundies, evoking a sense of dynamic warmth and rich, natural elegance.
Practical uses and creative applications
The Vibrant Earthy Color Palette is an energetic blend of colors that harmoniously celebrates the beauty of nature while evoking a sense of warmth and creativity. Featuring rich tones like the muted green of #678d6c, the vibrant orange of #fc7d23, and the striking red of #fa3c08, this palette is ideal for branding projects that aim to convey vitality and connection to the earth.
Designers can use these colors to create visually engaging logos, marketing materials, and packaging that stand out on shelves, appealing to consumers seeking authenticity and sustainability. This color palette is particularly well-suited for web design and interior spaces that aspire to create a lively yet grounded atmosphere.
The deep tones of #bd0a41 and #772a53 add depth and richness, making it perfect for creative professionals looking to evoke emotional responses from their audiences. Whether you're a graphic designer crafting a new website or an interior designer aiming to infuse a room with personality, the Vibrant Earthy Color Palette offers versatility that resonates with modern aesthetics.
Embrace these colors to attract like-minded creatives and eco-conscious consumers alike!.
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.927 0.011 149.85) | #e2e9e3 | hsl(129, 14%, 90%) |
|
|
| 100 | oklch(0.865 0.022 149.67) | #c9d7cb | hsl(129, 15%, 82%) |
|
|
| 200 | oklch(0.802 0.034 149.45) | #b0c5b3 | hsl(129, 15%, 73%) |
|
|
| 300 | oklch(0.739 0.046 149.18) | #97b39b | hsl(129, 16%, 65%) |
|
|
| 400 | oklch(0.674 0.058 148.83) | #7ea183 | hsl(129, 16%, 56%) |
|
|
| 500 | oklch(0.606 0.065 148.19) | #678d6c | hsl(128, 16%, 48%) |
|
|
| 600 | oklch(0.536 0.057 148.03) | #57775b | hsl(128, 16%, 40%) |
|
|
| 700 | oklch(0.461 0.047 148.93) | #46604a | hsl(129, 16%, 33%) |
|
|
| 800 | oklch(0.387 0.038 148.87) | #364a39 | hsl(129, 16%, 25%) |
|
|
| 900 | oklch(0.308 0.028 148.75) | #263428 | hsl(129, 16%, 18%) |
|
|
| 950 | oklch(0.221 0.016 149.07) | #161d17 | hsl(129, 14%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.042 56.75) | #fee1cd | hsl(24, 96%, 90%) |
|
|
| 100 | oklch(0.883 0.072 56.37) | #fecdab | hsl(25, 98%, 83%) |
|
|
| 200 | oklch(0.838 0.101 56.08) | #fdb989 | hsl(25, 97%, 76%) |
|
|
| 300 | oklch(0.797 0.130 54.82) | #fda567 | hsl(25, 97%, 70%) |
|
|
| 400 | oklch(0.758 0.157 53.05) | #fc9145 | hsl(25, 97%, 63%) |
|
|
| 500 | oklch(0.724 0.180 49.70) | #fc7d23 | hsl(25, 97%, 56%) |
|
|
| 600 | oklch(0.666 0.189 45.31) | #ed6403 | hsl(25, 98%, 47%) |
|
|
| 700 | oklch(0.566 0.159 45.80) | #be5003 | hsl(25, 97%, 38%) |
|
|
| 800 | oklch(0.463 0.126 47.34) | #8f3d02 | hsl(25, 97%, 28%) |
|
|
| 900 | oklch(0.354 0.094 49.09) | #612901 | hsl(25, 98%, 19%) |
|
|
| 950 | oklch(0.235 0.057 53.76) | #321501 | hsl(24, 96%, 10%) |
|
dsfds
| 50 | oklch(0.911 0.045 36.72) | #fed8cd | hsl(13, 96%, 90%) |
|
|
| 100 | oklch(0.842 0.085 35.15) | #fdb8a6 | hsl(12, 96%, 82%) |
|
|
| 200 | oklch(0.779 0.125 36.07) | #fc997e | hsl(13, 95%, 74%) |
|
|
| 300 | oklch(0.725 0.167 36.06) | #fc7a57 | hsl(13, 96%, 66%) |
|
|
| 400 | oklch(0.678 0.203 35.77) | #fb5b2f | hsl(13, 96%, 58%) |
|
|
| 500 | oklch(0.644 0.231 33.64) | #fa3c08 | hsl(13, 96%, 51%) |
|
|
| 600 | oklch(0.569 0.204 33.70) | #d43104 | hsl(13, 96%, 42%) |
|
|
| 700 | oklch(0.488 0.173 34.15) | #ac2803 | hsl(13, 97%, 34%) |
|
|
| 800 | oklch(0.402 0.140 34.44) | #831e03 | hsl(13, 96%, 26%) |
|
|
| 900 | oklch(0.314 0.105 35.69) | #5b1502 | hsl(13, 96%, 18%) |
|
|
| 950 | oklch(0.218 0.066 39.88) | #320c01 | hsl(13, 96%, 10%) |
|
dsfds
| 50 | oklch(0.897 0.054 357.62) | #fccfdd | hsl(341, 88%, 90%) |
|
|
| 100 | oklch(0.798 0.116 359.90) | #fa9dba | hsl(341, 90%, 80%) |
|
|
| 200 | oklch(0.712 0.174 3.21) | #f76c97 | hsl(341, 90%, 70%) |
|
|
| 300 | oklch(0.648 0.223 8.12) | #f53a74 | hsl(341, 90%, 59%) |
|
|
| 400 | oklch(0.606 0.238 14.90) | #ee0d52 | hsl(342, 90%, 49%) |
|
|
| 500 | oklch(0.511 0.200 14.38) | #bd0a41 | hsl(342, 90%, 39%) |
|
|
| 600 | oklch(0.454 0.177 14.12) | #a10937 | hsl(342, 89%, 33%) |
|
|
| 700 | oklch(0.396 0.154 13.14) | #85072e | hsl(341, 90%, 27%) |
|
|
| 800 | oklch(0.336 0.129 12.49) | #690624 | hsl(342, 89%, 22%) |
|
|
| 900 | oklch(0.272 0.103 11.17) | #4d041a | hsl(342, 90%, 16%) |
|
|
| 950 | oklch(0.204 0.074 7.07) | #300311 | hsl(341, 88%, 10%) |
|
dsfds
| 50 | oklch(0.909 0.032 345.00) | #f2d9e6 | hsl(329, 49%, 90%) |
|
|
| 100 | oklch(0.804 0.072 345.82) | #e2adc9 | hsl(328, 48%, 78%) |
|
|
| 200 | oklch(0.703 0.115 347.06) | #d381ad | hsl(328, 48%, 67%) |
|
|
| 300 | oklch(0.606 0.155 349.36) | #c35590 | hsl(328, 48%, 55%) |
|
|
| 400 | oklch(0.513 0.151 350.67) | #a33a72 | hsl(328, 48%, 43%) |
|
|
| 500 | oklch(0.411 0.117 350.47) | #772a53 | hsl(328, 48%, 32%) |
|
|
| 600 | oklch(0.372 0.105 350.08) | #672448 | hsl(328, 48%, 27%) |
|
|
| 700 | oklch(0.332 0.089 350.27) | #561f3c | hsl(328, 47%, 23%) |
|
|
| 800 | oklch(0.291 0.076 349.69) | #461931 | hsl(328, 47%, 19%) |
|
|
| 900 | oklch(0.249 0.062 348.81) | #361326 | hsl(327, 48%, 14%) |
|
|
| 950 | oklch(0.204 0.046 349.57) | #260d1a | hsl(329, 49%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
