Vibrant Earthy Color Palette
This vibrant palette exudes a playful yet earthy vibe, blending refreshing teal (#00a0b0) with rich chocolate brown (#6a4a3c), passionate crimson (#cc333f), warm coral (#eb6841), and a sunny golden yellow (#edc951) for a dynamic and spirited style.
Practical uses and creative applications
The Vibrant Earthy Color Palette combines rich tones that evoke a sense of nature and warmth, making it an ideal choice for designers and creatives looking to infuse their projects with a grounded yet energetic feel. With colors like #00a0b0, #6a4a3c, #cc333f, #eb6841, and #edc951, this palette is perfect for branding initiatives that aim to convey authenticity and vitality.
Whether you're working on a logo for an organic food brand or crafting promotional materials for an eco-friendly product, these earthy hues can enhance your message and create a lasting impression. In web design, the Vibrant Earthy Color Palette can be utilized to create inviting and engaging user interfaces that resonate with audiences who appreciate sustainability and natural aesthetics.
It's particularly suitable for lifestyle blogs, artisanal shops, and wellness websites, where the combination of warm and vibrant colors fosters a sense of community and connection. Additionally, this palette shines in interior design, where it can be used to create cozy, inviting spaces that reflect a love for nature and creativity.
Whether you're designing a modern café or a bohemian living room, these colors will help you achieve a stylish, harmonious environment that inspires and uplifts.
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.955 0.047 204.53) | #ccfaff | hsl(186, 100%, 90%) |
|
|
| 100 | oklch(0.913 0.093 204.07) | #93f5ff | hsl(186, 100%, 79%) |
|
|
| 200 | oklch(0.882 0.126 204.60) | #5bf0ff | hsl(185, 100%, 68%) |
|
|
| 300 | oklch(0.860 0.143 206.08) | #22ebff | hsl(185, 100%, 57%) |
|
|
| 400 | oklch(0.793 0.136 208.07) | #00d3e9 | hsl(186, 100%, 46%) |
|
|
| 500 | oklch(0.645 0.111 207.30) | #00a0b0 | hsl(185, 100%, 35%) |
|
|
| 600 | oklch(0.576 0.099 207.40) | #008997 | hsl(186, 100%, 30%) |
|
|
| 700 | oklch(0.507 0.087 206.41) | #00737e | hsl(185, 100%, 25%) |
|
|
| 800 | oklch(0.434 0.074 206.36) | #005c65 | hsl(185, 100%, 20%) |
|
|
| 900 | oklch(0.357 0.061 206.29) | #00454c | hsl(186, 100%, 15%) |
|
|
| 950 | oklch(0.275 0.047 206.15) | #002e33 | hsl(186, 100%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.013 48.58) | #ede3de | hsl(20, 29%, 90%) |
|
|
| 100 | oklch(0.829 0.027 44.68) | #d7c2b9 | hsl(18, 27%, 78%) |
|
|
| 200 | oklch(0.737 0.043 44.96) | #c2a294 | hsl(18, 27%, 67%) |
|
|
| 300 | oklch(0.641 0.061 44.40) | #ad816e | hsl(18, 28%, 55%) |
|
|
| 400 | oklch(0.543 0.063 44.76) | #8f6451 | hsl(18, 28%, 44%) |
|
|
| 500 | oklch(0.440 0.049 44.57) | #6a4a3c | hsl(18, 28%, 33%) |
|
|
| 600 | oklch(0.398 0.043 44.95) | #5b4034 | hsl(18, 27%, 28%) |
|
|
| 700 | oklch(0.354 0.039 43.55) | #4d352b | hsl(18, 28%, 24%) |
|
|
| 800 | oklch(0.309 0.032 43.82) | #3e2b23 | hsl(18, 28%, 19%) |
|
|
| 900 | oklch(0.263 0.024 44.26) | #2f211b | hsl(18, 27%, 15%) |
|
|
| 950 | oklch(0.216 0.019 47.82) | #211712 | hsl(20, 29%, 10%) |
|
dsfds
| 50 | oklch(0.903 0.035 11.17) | #f5d6d9 | hsl(354, 61%, 90%) |
|
|
| 100 | oklch(0.827 0.064 13.68) | #edb6ba | hsl(356, 60%, 82%) |
|
|
| 200 | oklch(0.751 0.096 14.65) | #e4959b | hsl(355, 59%, 74%) |
|
|
| 300 | oklch(0.679 0.130 16.29) | #dc747c | hsl(355, 60%, 66%) |
|
|
| 400 | oklch(0.616 0.161 18.55) | #d4545e | hsl(355, 60%, 58%) |
|
|
| 500 | oklch(0.561 0.189 21.87) | #cc333f | hsl(355, 60%, 50%) |
|
|
| 600 | oklch(0.494 0.164 21.62) | #ab2b35 | hsl(355, 60%, 42%) |
|
|
| 700 | oklch(0.427 0.139 21.36) | #8b232b | hsl(355, 60%, 34%) |
|
|
| 800 | oklch(0.354 0.111 20.86) | #6a1b21 | hsl(355, 59%, 26%) |
|
|
| 900 | oklch(0.278 0.083 19.33) | #491217 | hsl(355, 60%, 18%) |
|
|
| 950 | oklch(0.199 0.052 17.35) | #290a0d | hsl(354, 61%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.038 36.23) | #fadad1 | hsl(13, 80%, 90%) |
|
|
| 100 | oklch(0.859 0.063 36.68) | #f7c3b4 | hsl(13, 81%, 84%) |
|
|
| 200 | oklch(0.810 0.090 37.93) | #f4ad97 | hsl(14, 81%, 77%) |
|
|
| 300 | oklch(0.760 0.117 37.30) | #f1967b | hsl(14, 81%, 71%) |
|
|
| 400 | oklch(0.714 0.145 37.37) | #ee7f5e | hsl(14, 81%, 65%) |
|
|
| 500 | oklch(0.672 0.171 37.16) | #eb6841 | hsl(14, 81%, 59%) |
|
|
| 600 | oklch(0.613 0.200 35.58) | #e24618 | hsl(14, 81%, 49%) |
|
|
| 700 | oklch(0.521 0.167 35.78) | #b53813 | hsl(14, 81%, 39%) |
|
|
| 800 | oklch(0.425 0.133 36.08) | #882a0e | hsl(14, 81%, 29%) |
|
|
| 900 | oklch(0.324 0.097 36.13) | #5b1c0a | hsl(13, 80%, 20%) |
|
|
| 950 | oklch(0.214 0.056 37.70) | #2e0e05 | hsl(13, 80%, 10%) |
|
dsfds
| 50 | oklch(0.957 0.043 94.07) | #faf1d1 | hsl(47, 80%, 90%) |
|
|
| 100 | oklch(0.934 0.067 93.35) | #f8e9b7 | hsl(46, 82%, 85%) |
|
|
| 200 | oklch(0.911 0.088 93.44) | #f5e19e | hsl(46, 81%, 79%) |
|
|
| 300 | oklch(0.888 0.109 93.54) | #f2d984 | hsl(46, 81%, 73%) |
|
|
| 400 | oklch(0.867 0.126 92.71) | #f0d16b | hsl(46, 82%, 68%) |
|
|
| 500 | oklch(0.845 0.142 92.27) | #edc951 | hsl(46, 81%, 62%) |
|
|
| 600 | oklch(0.807 0.158 89.77) | #e8ba21 | hsl(46, 81%, 52%) |
|
|
| 700 | oklch(0.696 0.138 89.62) | #bf9814 | hsl(46, 81%, 41%) |
|
|
| 800 | oklch(0.562 0.111 89.31) | #8f710f | hsl(46, 81%, 31%) |
|
|
| 900 | oklch(0.422 0.081 89.86) | #5f4b0a | hsl(46, 81%, 21%) |
|
|
| 950 | oklch(0.268 0.049 93.06) | #2e2505 | hsl(47, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
