Earthy Vibrance Color Palette
This palette exudes a balanced blend of earthy sophistication and vibrant energy, featuring deep slate blues and greens interspersed with bold pops of fiery red and warm orange, creating a dynamic yet grounded atmosphere.
Practical uses and creative applications
The Earthy Vibrance Color Palette is a captivating blend of colors that effortlessly combines natural tones with vibrant accents. Featuring deep slate gray (#3E4651) and muted blue (#646E7A), this palette establishes a solid foundation, while the striking coral (#D1432F) and sunny orange (#F07D24) inject energy and warmth.
To complete the look, the refreshing teal (#279395) offers a touch of tranquility, making it ideal for a variety of applications in branding, web design, packaging, and interior decor. This palette is particularly well-suited for environmentally-conscious brands, creative agencies, and lifestyle products that aim to convey authenticity and vibrancy.
Designers and creatives can leverage the Earthy Vibrance Color Palette to create visually striking websites that resonate with users, or to develop packaging that stands out on the shelf while promoting a sense of connection to nature. In interior design, these colors can transform spaces into inviting retreats, blending sophistication with a touch of lively spirit.
Whether you’re a graphic designer looking to refresh your brand identity, a web developer in search of a unique color scheme, or an interior decorator aiming to create a cozy atmosphere, the Earthy Vibrance Color Palette provides the versatility and appeal to elevate your projects. Embrace this harmonious blend to inspire creativity and evoke emotions in your audience, making every visual experience memorable.
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.
| 50 | oklch(0.921 0.006 255.48) | #e2e5e9 | hsl(214, 14%, 90%) |
|
|
| 100 | oklch(0.820 0.014 251.58) | #bec5cd | hsl(212, 13%, 77%) |
|
|
| 200 | oklch(0.716 0.023 259.19) | #9ba4b2 | hsl(217, 13%, 65%) |
|
|
| 300 | oklch(0.609 0.033 257.78) | #778497 | hsl(216, 13%, 53%) |
|
|
| 400 | oklch(0.502 0.030 255.66) | #596575 | hsl(214, 14%, 40%) |
|
|
| 500 | oklch(0.391 0.021 256.38) | #3e4651 | hsl(215, 13%, 28%) |
|
|
| 600 | oklch(0.358 0.020 257.26) | #363d47 | hsl(215, 14%, 25%) |
|
|
| 700 | oklch(0.323 0.016 255.64) | #2e343c | hsl(214, 13%, 21%) |
|
|
| 800 | oklch(0.287 0.015 256.79) | #262b32 | hsl(215, 14%, 17%) |
|
|
| 900 | oklch(0.250 0.011 254.04) | #1e2227 | hsl(213, 13%, 14%) |
|
|
| 950 | oklch(0.212 0.009 255.61) | #16191d | hsl(214, 14%, 10%) |
|
| 50 | oklch(0.921 0.005 258.33) | #e3e5e8 | hsl(216, 10%, 90%) |
|
|
| 100 | oklch(0.847 0.009 258.34) | #c9cdd3 | hsl(216, 10%, 81%) |
|
|
| 200 | oklch(0.771 0.013 255.52) | #afb5bd | hsl(214, 10%, 71%) |
|
|
| 300 | oklch(0.695 0.018 250.91) | #959ea8 | hsl(212, 10%, 62%) |
|
|
| 400 | oklch(0.615 0.024 252.60) | #7b8693 | hsl(213, 10%, 53%) |
|
|
| 500 | oklch(0.534 0.022 253.01) | #646e7a | hsl(213, 10%, 44%) |
|
|
| 600 | oklch(0.475 0.019 254.02) | #555d67 | hsl(213, 10%, 37%) |
|
|
| 700 | oklch(0.413 0.016 251.74) | #454c54 | hsl(212, 10%, 30%) |
|
|
| 800 | oklch(0.350 0.014 256.77) | #363b42 | hsl(215, 10%, 24%) |
|
|
| 900 | oklch(0.283 0.011 254.01) | #262a2f | hsl(213, 11%, 17%) |
|
|
| 950 | oklch(0.213 0.007 258.37) | #17191c | hsl(216, 10%, 10%) |
|
| 50 | oklch(0.908 0.033 27.11) | #f6d9d5 | hsl(7, 65%, 90%) |
|
|
| 100 | oklch(0.836 0.060 27.42) | #eebbb4 | hsl(7, 63%, 82%) |
|
|
| 200 | oklch(0.766 0.090 27.85) | #e79d93 | hsl(7, 64%, 74%) |
|
|
| 300 | oklch(0.699 0.123 29.21) | #e07f71 | hsl(8, 64%, 66%) |
|
|
| 400 | oklch(0.636 0.153 30.14) | #d86150 | hsl(8, 64%, 58%) |
|
|
| 500 | oklch(0.583 0.182 31.04) | #d1432f | hsl(7, 64%, 50%) |
|
|
| 600 | oklch(0.514 0.159 31.04) | #b03827 | hsl(7, 64%, 42%) |
|
|
| 700 | oklch(0.441 0.134 30.66) | #8e2d20 | hsl(7, 63%, 34%) |
|
|
| 800 | oklch(0.369 0.108 31.13) | #6d2318 | hsl(8, 64%, 26%) |
|
|
| 900 | oklch(0.289 0.079 30.38) | #4b1811 | hsl(7, 63%, 18%) |
|
|
| 950 | oklch(0.206 0.050 29.94) | #2a0d09 | hsl(7, 65%, 10%) |
|
| 50 | oklch(0.931 0.038 60.99) | #fce3cf | hsl(27, 88%, 90%) |
|
|
| 100 | oklch(0.880 0.066 59.29) | #f9cead | hsl(26, 86%, 83%) |
|
|
| 200 | oklch(0.834 0.094 58.64) | #f7ba8b | hsl(26, 87%, 76%) |
|
|
| 300 | oklch(0.790 0.121 57.51) | #f5a669 | hsl(26, 88%, 69%) |
|
|
| 400 | oklch(0.746 0.147 55.52) | #f29146 | hsl(26, 87%, 61%) |
|
|
| 500 | oklch(0.708 0.169 52.18) | #f07d24 | hsl(26, 87%, 54%) |
|
|
| 600 | oklch(0.639 0.165 49.77) | #d8670f | hsl(26, 87%, 45%) |
|
|
| 700 | oklch(0.546 0.139 50.30) | #ae530c | hsl(26, 87%, 36%) |
|
|
| 800 | oklch(0.449 0.112 51.10) | #843f09 | hsl(26, 87%, 28%) |
|
|
| 900 | oklch(0.347 0.083 52.65) | #5a2b06 | hsl(26, 88%, 19%) |
|
|
| 950 | oklch(0.236 0.051 57.17) | #301703 | hsl(27, 88%, 10%) |
|
| 50 | oklch(0.946 0.030 196.65) | #d7f4f4 | hsl(180, 57%, 90%) |
|
|
| 100 | oklch(0.891 0.061 197.41) | #ace8e9 | hsl(181, 58%, 79%) |
|
|
| 200 | oklch(0.839 0.087 197.45) | #81dcde | hsl(181, 58%, 69%) |
|
|
| 300 | oklch(0.791 0.108 197.46) | #56d0d3 | hsl(181, 59%, 58%) |
|
|
| 400 | oklch(0.729 0.113 197.16) | #32bdc0 | hsl(181, 59%, 47%) |
|
|
| 500 | oklch(0.606 0.093 196.84) | #279395 | hsl(181, 59%, 37%) |
|
|
| 600 | oklch(0.542 0.083 196.06) | #217e7f | hsl(181, 59%, 31%) |
|
|
| 700 | oklch(0.474 0.071 197.61) | #1c686a | hsl(182, 58%, 26%) |
|
|
| 800 | oklch(0.405 0.060 196.64) | #165354 | hsl(181, 58%, 21%) |
|
|
| 900 | oklch(0.331 0.048 197.21) | #103d3e | hsl(181, 59%, 15%) |
|
|
| 950 | oklch(0.255 0.034 195.22) | #0b2828 | hsl(180, 57%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
