Earthy Vibrance Color Palette
This palette blends soft, sun-kissed beige with deep forest greens and a striking crimson, evoking a serene yet bold atmosphere that feels both earthy and vibrant.
Practical uses and creative applications
The Earthy Vibrance Color Palette combines rich, grounded tones with vibrant accents, making it an exceptional choice for branding, web design, and interior decor. Featuring soft beige (#f2eabc), deep teal (#54736e), forest green (#194756), bold black (#080000), and a striking coral (#ff3b58), this palette strikes a perfect balance between warmth and energy.
Designers and creatives can harness its earthy hues to create visually appealing and harmonious spaces, whether they are designing a website that needs a contemporary yet inviting feel or crafting packaging that stands out on the shelf. Ideal for brands looking to convey a connection to nature while still embracing modern aesthetics, the Earthy Vibrance Color Palette is particularly suited for eco-friendly products, wellness brands, and artisanal goods.
Its versatility allows it to be applied in various contextsfrom trendy coffee shop interiors that invite relaxation to vibrant social media graphics that grab attention. Utilizing this palette can not only enhance the overall design but also evoke feelings of comfort and inspiration, making it a perfect choice for any creative project aiming to leave a lasting impression.
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.957 0.040 99.31) | #f7f2d4 | hsl(51, 69%, 90%) |
|
|
| 100 | oklch(0.951 0.044 98.66) | #f6f0cf | hsl(51, 68%, 89%) |
|
|
| 200 | oklch(0.948 0.047 99.42) | #f5efcb | hsl(51, 68%, 88%) |
|
|
| 300 | oklch(0.942 0.051 98.87) | #f4edc6 | hsl(51, 68%, 87%) |
|
|
| 400 | oklch(0.938 0.056 99.71) | #f3ecc1 | hsl(52, 68%, 85%) |
|
|
| 500 | oklch(0.932 0.060 99.23) | #f2eabc | hsl(51, 68%, 84%) |
|
|
| 600 | oklch(0.870 0.112 99.33) | #e6d67d | hsl(51, 68%, 70%) |
|
|
| 700 | oklch(0.811 0.148 99.13) | #d9c23d | hsl(51, 67%, 55%) |
|
|
| 800 | oklch(0.669 0.129 98.17) | #aa9521 | hsl(51, 67%, 40%) |
|
|
| 900 | oklch(0.480 0.090 99.46) | #6a5e15 | hsl(52, 67%, 25%) |
|
|
| 950 | oklch(0.267 0.046 99.80) | #2b2608 | hsl(51, 69%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.008 186.88) | #e2e9e8 | hsl(171, 14%, 90%) |
|
|
| 100 | oklch(0.856 0.019 184.19) | #c3d4d1 | hsl(169, 17%, 80%) |
|
|
| 200 | oklch(0.782 0.028 184.96) | #a5beba | hsl(170, 16%, 70%) |
|
|
| 300 | oklch(0.705 0.037 182.93) | #87a8a2 | hsl(169, 16%, 59%) |
|
|
| 400 | oklch(0.626 0.044 184.40) | #6a918b | hsl(171, 16%, 49%) |
|
|
| 500 | oklch(0.530 0.037 183.90) | #54736e | hsl(170, 16%, 39%) |
|
|
| 600 | oklch(0.474 0.032 184.51) | #48625e | hsl(171, 15%, 33%) |
|
|
| 700 | oklch(0.415 0.028 182.49) | #3b514d | hsl(169, 16%, 27%) |
|
|
| 800 | oklch(0.356 0.022 183.00) | #2f403d | hsl(169, 15%, 22%) |
|
|
| 900 | oklch(0.293 0.018 184.67) | #222f2d | hsl(171, 16%, 16%) |
|
|
| 950 | oklch(0.223 0.010 185.87) | #161d1c | hsl(171, 14%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.025 218.80) | #d7edf4 | hsl(194, 57%, 90%) |
|
|
| 100 | oklch(0.840 0.056 219.47) | #a2d4e4 | hsl(195, 55%, 76%) |
|
|
| 200 | oklch(0.748 0.085 221.61) | #6cbad4 | hsl(195, 55%, 63%) |
|
|
| 300 | oklch(0.661 0.105 223.82) | #38a0c2 | hsl(195, 55%, 49%) |
|
|
| 400 | oklch(0.524 0.081 222.99) | #29748c | hsl(195, 55%, 35%) |
|
|
| 500 | oklch(0.373 0.055 222.90) | #194756 | hsl(195, 55%, 22%) |
|
|
| 600 | oklch(0.346 0.051 223.87) | #163f4d | hsl(195, 56%, 19%) |
|
|
| 700 | oklch(0.320 0.045 221.05) | #143843 | hsl(194, 54%, 17%) |
|
|
| 800 | oklch(0.291 0.041 222.10) | #11303a | hsl(195, 55%, 15%) |
|
|
| 900 | oklch(0.261 0.036 223.50) | #0e2831 | hsl(195, 56%, 12%) |
|
|
| 950 | oklch(0.233 0.031 221.39) | #0b2128 | hsl(194, 57%, 10%) |
|
dsfds
| 50 | oklch(0.890 0.058 18.30) | #ffcccc | hsl(0, 100%, 90%) |
|
|
| 100 | oklch(0.722 0.173 22.37) | #ff7272 | hsl(0, 100%, 72%) |
|
|
| 200 | oklch(0.634 0.252 28.52) | #ff1818 | hsl(0, 100%, 55%) |
|
|
| 300 | oklch(0.499 0.205 29.23) | #bc0000 | hsl(0, 100%, 37%) |
|
|
| 400 | oklch(0.312 0.128 29.23) | #620000 | hsl(0, 100%, 19%) |
|
|
| 500 | oklch(0.084 0.035 29.23) | #080000 | hsl(0, 100%, 2%) |
|
|
| 600 | oklch(0.112 0.046 29.23) | #110000 | hsl(0, 100%, 3%) |
|
|
| 700 | oklch(0.134 0.055 29.23) | #190000 | hsl(0, 100%, 5%) |
|
|
| 800 | oklch(0.158 0.065 29.23) | #220000 | hsl(0, 100%, 7%) |
|
|
| 900 | oklch(0.179 0.073 29.23) | #2a0000 | hsl(0, 100%, 8%) |
|
|
| 950 | oklch(0.202 0.083 29.23) | #330000 | hsl(0, 100%, 10%) |
|
dsfds
| 50 | oklch(0.892 0.059 7.77) | #ffccd4 | hsl(351, 100%, 90%) |
|
|
| 100 | oklch(0.834 0.095 9.45) | #ffafbb | hsl(351, 100%, 84%) |
|
|
| 200 | oklch(0.780 0.132 11.19) | #ff92a2 | hsl(351, 100%, 79%) |
|
|
| 300 | oklch(0.731 0.168 13.27) | #ff7589 | hsl(351, 100%, 73%) |
|
|
| 400 | oklch(0.690 0.202 15.47) | #ff5871 | hsl(351, 100%, 67%) |
|
|
| 500 | oklch(0.659 0.229 18.70) | #ff3b58 | hsl(351, 100%, 62%) |
|
|
| 600 | oklch(0.631 0.254 25.24) | #ff062b | hsl(351, 100%, 51%) |
|
|
| 700 | oklch(0.542 0.220 25.49) | #d1001f | hsl(351, 100%, 41%) |
|
|
| 800 | oklch(0.436 0.177 24.79) | #9c0017 | hsl(351, 100%, 31%) |
|
|
| 900 | oklch(0.326 0.132 23.39) | #68000f | hsl(351, 100%, 20%) |
|
|
| 950 | oklch(0.204 0.082 17.74) | #330008 | hsl(351, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
