Vibrant Earthy Color Palette
This palette radiates a vibrant, earthy energy with fresh teal and warm peach hues, accented by bold coral and deep navy for a stylish yet harmonious blend of nature-inspired sophistication and modern flair.
Practical uses and creative applications
The Vibrant Earthy Color Palette is a stunning blend of nature-inspired hues, featuring rich greens, warm neutrals, and bold reds. With colors like #59b390, reminiscent of lush foliage, and #e32d40, a vibrant statement red, this palette is perfect for branding that seeks to convey authenticity and vitality.
Designers looking to create a memorable brand identity will find that these earthy tones resonate well with audiences who appreciate sustainability and natural beauty. Ideal for web design and packaging, the Vibrant Earthy Color Palette can evoke a sense of warmth and approachability while maintaining a modern aesthetic.
Creative professionals in industries such as organic products, wellness, and eco-friendly services can leverage these colors to create engaging user experiences that feel both inviting and grounded. Additionally, this palette suits interior design projects aimed at creating cozy, earthy spaces that promote relaxation and connection with nature.
Whether you're a designer or a creative looking to infuse your projects with warmth and vibrancy, the Vibrant Earthy Color Palette offers an exceptional foundation for diverse applications.
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.936 0.022 171.77) | #dcefe8 | hsl(158, 37%, 90%) |
|
|
| 100 | oklch(0.888 0.039 169.65) | #c2e3d6 | hsl(156, 37%, 83%) |
|
|
| 200 | oklch(0.841 0.055 169.56) | #a8d7c5 | hsl(157, 37%, 75%) |
|
|
| 300 | oklch(0.793 0.072 168.39) | #8dcbb3 | hsl(157, 37%, 67%) |
|
|
| 400 | oklch(0.747 0.087 167.64) | #73bfa2 | hsl(157, 37%, 60%) |
|
|
| 500 | oklch(0.701 0.102 165.86) | #59b390 | hsl(157, 37%, 53%) |
|
|
| 600 | oklch(0.625 0.095 165.64) | #479a7a | hsl(157, 37%, 44%) |
|
|
| 700 | oklch(0.535 0.080 165.62) | #397c62 | hsl(157, 37%, 35%) |
|
|
| 800 | oklch(0.443 0.066 165.95) | #2b5f4b | hsl(157, 38%, 27%) |
|
|
| 900 | oklch(0.344 0.048 165.55) | #1e4133 | hsl(156, 37%, 19%) |
|
|
| 950 | oklch(0.237 0.029 168.20) | #10231c | hsl(158, 37%, 10%) |
|
dsfds
| 50 | oklch(0.949 0.036 91.12) | #f7eed4 | hsl(45, 69%, 90%) |
|
|
| 100 | oklch(0.939 0.043 89.36) | #f6eacb | hsl(43, 70%, 88%) |
|
|
| 200 | oklch(0.929 0.049 90.52) | #f4e7c3 | hsl(44, 69%, 86%) |
|
|
| 300 | oklch(0.921 0.056 90.33) | #f3e4bb | hsl(44, 70%, 84%) |
|
|
| 400 | oklch(0.909 0.063 90.16) | #f1e0b2 | hsl(44, 69%, 82%) |
|
|
| 500 | oklch(0.901 0.069 90.02) | #f0ddaa | hsl(44, 70%, 80%) |
|
|
| 600 | oklch(0.833 0.114 89.86) | #e5c56d | hsl(44, 70%, 66%) |
|
|
| 700 | oklch(0.766 0.143 86.96) | #daac30 | hsl(44, 70%, 52%) |
|
|
| 800 | oklch(0.619 0.118 86.31) | #a5801d | hsl(44, 70%, 38%) |
|
|
| 900 | oklch(0.447 0.083 87.36) | #685112 | hsl(44, 70%, 24%) |
|
|
| 950 | oklch(0.256 0.042 89.94) | #2b2208 | hsl(45, 69%, 10%) |
|
dsfds
| 50 | oklch(0.915 0.034 38.63) | #f8dcd3 | hsl(15, 73%, 90%) |
|
|
| 100 | oklch(0.870 0.052 37.47) | #f4c9bc | hsl(14, 72%, 85%) |
|
|
| 200 | oklch(0.823 0.073 36.68) | #f0b5a4 | hsl(13, 72%, 79%) |
|
|
| 300 | oklch(0.779 0.094 37.26) | #eca28c | hsl(14, 72%, 74%) |
|
|
| 400 | oklch(0.737 0.115 37.07) | #e88f75 | hsl(14, 71%, 68%) |
|
|
| 500 | oklch(0.696 0.137 37.41) | #e47c5d | hsl(14, 71%, 63%) |
|
|
| 600 | oklch(0.625 0.175 36.95) | #dc572f | hsl(14, 71%, 52%) |
|
|
| 700 | oklch(0.536 0.160 36.47) | #b7411e | hsl(14, 72%, 42%) |
|
|
| 800 | oklch(0.435 0.125 36.76) | #883117 | hsl(14, 71%, 31%) |
|
|
| 900 | oklch(0.329 0.090 36.78) | #5a200f | hsl(14, 71%, 21%) |
|
|
| 950 | oklch(0.215 0.050 38.81) | #2c1007 | hsl(15, 73%, 10%) |
|
dsfds
| 50 | oklch(0.898 0.044 11.02) | #f9d2d6 | hsl(354, 76%, 90%) |
|
|
| 100 | oklch(0.826 0.080 12.13) | #f5b1b8 | hsl(354, 77%, 83%) |
|
|
| 200 | oklch(0.756 0.117 13.52) | #f0909a | hsl(354, 76%, 75%) |
|
|
| 300 | oklch(0.693 0.155 15.59) | #ec6f7c | hsl(354, 77%, 68%) |
|
|
| 400 | oklch(0.638 0.188 18.32) | #e74e5e | hsl(354, 76%, 61%) |
|
|
| 500 | oklch(0.597 0.215 21.98) | #e32d40 | hsl(354, 76%, 53%) |
|
|
| 600 | oklch(0.537 0.204 23.65) | #c91b2d | hsl(354, 76%, 45%) |
|
|
| 700 | oklch(0.459 0.172 23.41) | #a21624 | hsl(354, 76%, 36%) |
|
|
| 800 | oklch(0.377 0.139 22.35) | #7b101c | hsl(353, 77%, 27%) |
|
|
| 900 | oklch(0.292 0.104 21.39) | #540b13 | hsl(353, 77%, 19%) |
|
|
| 950 | oklch(0.200 0.064 18.86) | #2d060a | hsl(354, 76%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.021 241.36) | #d9e7f2 | hsl(206, 49%, 90%) |
|
|
| 100 | oklch(0.803 0.053 240.46) | #a1c4de | hsl(206, 48%, 75%) |
|
|
| 200 | oklch(0.684 0.086 243.06) | #69a0cb | hsl(206, 49%, 60%) |
|
|
| 300 | oklch(0.563 0.100 244.46) | #3c7bac | hsl(206, 48%, 45%) |
|
|
| 400 | oklch(0.428 0.072 244.40) | #295374 | hsl(206, 48%, 31%) |
|
|
| 500 | oklch(0.280 0.042 243.43) | #152b3c | hsl(206, 48%, 16%) |
|
|
| 600 | oklch(0.268 0.040 243.09) | #132838 | hsl(206, 49%, 15%) |
|
|
| 700 | oklch(0.255 0.036 242.01) | #122533 | hsl(205, 48%, 14%) |
|
|
| 800 | oklch(0.240 0.035 244.87) | #10212f | hsl(207, 49%, 12%) |
|
|
| 900 | oklch(0.228 0.031 243.90) | #0f1e2a | hsl(207, 47%, 11%) |
|
|
| 950 | oklch(0.215 0.029 243.43) | #0d1b26 | hsl(206, 49%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
