Vibrant Earthy Color Palette
This palette radiates a vibrant, earthy warmth with fiery coral, deep cocoa, soothing sage, fresh mint, and soft buttery yellow, evoking a lively yet grounded bohemian spirit.
Practical uses and creative applications
The Vibrant Earthy Color Palette is a stunning blend of rich, natural hues that evoke a sense of warmth and vitality. Featuring bold shades like #fb573b (Fiery Coral) and earthy tones like #4f393c (Rich Brown), this palette is perfect for branding that seeks to connect with audiences on a deeper emotional level.
It’s ideal for businesses in the wellness, organic food, and eco-friendly sectors, where authenticity and a connection to nature are paramount. Use this palette for logo design or packaging to create a memorable identity that resonates with environmentally conscious consumers.
In the realm of web design, the Vibrant Earthy Color Palette offers a refreshing aesthetic that can enhance user experience. The soothing greens (#8ea88d and #9cd0ac) paired with the cheerful yellow (#f4eb9e) create a harmonious balance, making it suitable for lifestyle blogs, artisanal shops, or creative portfolios.
Designers and creatives will appreciate how these colors can evoke a laid-back yet lively mood, making spaces feel welcoming and inspiring. Whether you’re crafting a cozy café interior or designing an engaging online platform, this palette brings a touch of nature's vibrancy indoors and online.
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.904 0.048 29.13) | #fed4cd | hsl(9, 96%, 90%) |
|
|
| 100 | oklch(0.850 0.079 29.48) | #fdbbb0 | hsl(9, 95%, 84%) |
|
|
| 200 | oklch(0.800 0.111 29.90) | #fda293 | hsl(8, 96%, 78%) |
|
|
| 300 | oklch(0.752 0.144 31.06) | #fc8975 | hsl(9, 96%, 72%) |
|
|
| 400 | oklch(0.711 0.176 31.63) | #fc7058 | hsl(9, 96%, 67%) |
|
|
| 500 | oklch(0.675 0.205 32.12) | #fb573b | hsl(9, 96%, 61%) |
|
|
| 600 | oklch(0.633 0.241 31.34) | #fa2b08 | hsl(9, 96%, 51%) |
|
|
| 700 | oklch(0.539 0.205 31.48) | #ca2104 | hsl(9, 96%, 40%) |
|
|
| 800 | oklch(0.439 0.164 31.87) | #981903 | hsl(9, 96%, 30%) |
|
|
| 900 | oklch(0.330 0.120 32.48) | #651002 | hsl(8, 96%, 20%) |
|
|
| 950 | oklch(0.212 0.070 35.52) | #320801 | hsl(9, 96%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.010 2.00) | #eae1e3 | hsl(347, 18%, 90%) |
|
|
| 100 | oklch(0.812 0.022 10.33) | #cfbcbe | hsl(354, 17%, 77%) |
|
|
| 200 | oklch(0.700 0.035 8.65) | #b3969a | hsl(352, 16%, 65%) |
|
|
| 300 | oklch(0.589 0.050 10.15) | #987176 | hsl(352, 16%, 52%) |
|
|
| 400 | oklch(0.482 0.045 8.80) | #755459 | hsl(351, 16%, 39%) |
|
|
| 500 | oklch(0.370 0.032 9.63) | #4f393c | hsl(352, 16%, 27%) |
|
|
| 600 | oklch(0.340 0.028 8.12) | #453235 | hsl(351, 16%, 23%) |
|
|
| 700 | oklch(0.308 0.024 10.20) | #3b2b2d | hsl(353, 16%, 20%) |
|
|
| 800 | oklch(0.276 0.020 8.15) | #312426 | hsl(351, 15%, 17%) |
|
|
| 900 | oklch(0.244 0.017 12.31) | #281d1e | hsl(355, 16%, 14%) |
|
|
| 950 | oklch(0.208 0.015 3.65) | #1e1517 | hsl(347, 18%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.012 145.48) | #e2e9e2 | hsl(120, 14%, 90%) |
|
|
| 100 | oklch(0.883 0.019 145.41) | #d1dcd1 | hsl(120, 14%, 84%) |
|
|
| 200 | oklch(0.840 0.026 143.47) | #c1cfc0 | hsl(116, 14%, 78%) |
|
|
| 300 | oklch(0.795 0.033 143.81) | #b0c2af | hsl(117, 13%, 72%) |
|
|
| 400 | oklch(0.750 0.041 143.99) | #9fb59e | hsl(117, 13%, 66%) |
|
|
| 500 | oklch(0.704 0.048 144.07) | #8ea88d | hsl(118, 13%, 61%) |
|
|
| 600 | oklch(0.625 0.062 144.05) | #719270 | hsl(118, 13%, 51%) |
|
|
| 700 | oklch(0.533 0.053 143.89) | #5a7559 | hsl(118, 14%, 40%) |
|
|
| 800 | oklch(0.435 0.040 143.57) | #445743 | hsl(117, 13%, 30%) |
|
|
| 900 | oklch(0.332 0.030 143.03) | #2d3a2c | hsl(116, 14%, 20%) |
|
|
| 950 | oklch(0.221 0.017 144.97) | #161d16 | hsl(120, 14%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.027 155.95) | #dcefe2 | hsl(139, 37%, 90%) |
|
|
| 100 | oklch(0.909 0.034 154.81) | #d0e8d7 | hsl(138, 34%, 86%) |
|
|
| 200 | oklch(0.884 0.044 154.50) | #c3e2cc | hsl(137, 35%, 83%) |
|
|
| 300 | oklch(0.860 0.054 155.23) | #b6dcc2 | hsl(139, 35%, 79%) |
|
|
| 400 | oklch(0.836 0.064 154.74) | #a9d6b7 | hsl(139, 35%, 75%) |
|
|
| 500 | oklch(0.811 0.074 154.27) | #9cd0ac | hsl(138, 36%, 71%) |
|
|
| 600 | oklch(0.733 0.106 152.57) | #72bc88 | hsl(138, 36%, 59%) |
|
|
| 700 | oklch(0.644 0.121 151.57) | #4da267 | hsl(138, 36%, 47%) |
|
|
| 800 | oklch(0.516 0.094 151.79) | #39774c | hsl(138, 35%, 35%) |
|
|
| 900 | oklch(0.382 0.066 151.87) | #254d31 | hsl(138, 35%, 22%) |
|
|
| 950 | oklch(0.235 0.036 153.02) | #102316 | hsl(139, 37%, 10%) |
|
dsfds
| 50 | oklch(0.967 0.048 102.17) | #faf6d1 | hsl(54, 80%, 90%) |
|
|
| 100 | oklch(0.958 0.057 100.96) | #f9f3c7 | hsl(53, 81%, 88%) |
|
|
| 200 | oklch(0.950 0.067 102.09) | #f7f1bd | hsl(54, 78%, 85%) |
|
|
| 300 | oklch(0.943 0.078 102.27) | #f6efb2 | hsl(54, 79%, 83%) |
|
|
| 400 | oklch(0.936 0.088 102.33) | #f5eda8 | hsl(54, 79%, 81%) |
|
|
| 500 | oklch(0.930 0.097 102.39) | #f4eb9e | hsl(54, 80%, 79%) |
|
|
| 600 | oklch(0.889 0.147 102.60) | #edde5f | hsl(54, 80%, 65%) |
|
|
| 700 | oklch(0.852 0.172 101.74) | #e6d120 | hsl(54, 80%, 51%) |
|
|
| 800 | oklch(0.686 0.139 101.80) | #ac9c13 | hsl(54, 80%, 37%) |
|
|
| 900 | oklch(0.494 0.099 102.13) | #6d630c | hsl(54, 80%, 24%) |
|
|
| 950 | oklch(0.281 0.054 103.12) | #2e2a05 | hsl(54, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
