Vibrant Earthy Color Palette
This palette exudes a vibrant, earthy energy, blending deep indigo and navy with lush greens and a pop of bright chartreuse, creating a harmonious vibe that feels both grounding and invigorating.
Practical uses and creative applications
The Vibrant Earthy Color Palette is a stunning combination of deep, rich hues inspired by nature’s beauty. Featuring a striking #2a044a as its anchor, complemented by the soothing #0b2e59 and the refreshing #0d6759, this palette breathes life into any creative project.
The lively greens of #7ab317 and #a0c55f add a touch of brightness, making it perfect for branding that seeks to convey sustainability, adventure, and a connection to the earth. Ideal for designers and creatives, this color palette is versatile enough for various applications, including web design, packaging, and interior décor.
Whether you’re a brand looking to establish a strong, eco-friendly identity or a designer crafting an inviting atmosphere, the Vibrant Earthy Color Palette exudes warmth and vitality. Its earthy tones can enhance a rustic theme in interiors or create a fresh, organic feel in product packaging, making it an excellent choice for businesses in the outdoor, wellness, and lifestyle sectors.
Embrace this palette to evoke a sense of harmony and vitality in your projects.
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.888 0.066 309.05) | #e7cffc | hsl(272, 88%, 90%) |
|
|
| 100 | oklch(0.727 0.170 307.79) | #c486f8 | hsl(273, 89%, 75%) |
|
|
| 200 | oklch(0.593 0.255 304.01) | #a13ef5 | hsl(272, 90%, 60%) |
|
|
| 300 | oklch(0.494 0.259 299.24) | #7c0cdb | hsl(272, 90%, 45%) |
|
|
| 400 | oklch(0.370 0.191 300.26) | #530892 | hsl(273, 90%, 30%) |
|
|
| 500 | oklch(0.236 0.116 302.33) | #2a044a | hsl(273, 90%, 15%) |
|
|
| 600 | oklch(0.226 0.110 302.39) | #270445 | hsl(272, 89%, 14%) |
|
|
| 700 | oklch(0.215 0.105 302.72) | #240340 | hsl(272, 91%, 13%) |
|
|
| 800 | oklch(0.205 0.099 302.81) | #21033b | hsl(272, 90%, 12%) |
|
|
| 900 | oklch(0.195 0.093 302.90) | #1e0336 | hsl(272, 89%, 11%) |
|
|
| 950 | oklch(0.183 0.085 303.81) | #1b0330 | hsl(272, 88%, 10%) |
|
dsfds
| 50 | oklch(0.910 0.035 254.87) | #d2e3f9 | hsl(214, 76%, 90%) |
|
|
| 100 | oklch(0.787 0.088 253.56) | #92bdf1 | hsl(213, 77%, 76%) |
|
|
| 200 | oklch(0.667 0.143 254.83) | #5296ea | hsl(213, 78%, 62%) |
|
|
| 300 | oklch(0.557 0.179 256.79) | #1b70d9 | hsl(213, 78%, 48%) |
|
|
| 400 | oklch(0.434 0.135 256.49) | #134f99 | hsl(213, 78%, 34%) |
|
|
| 500 | oklch(0.303 0.087 255.88) | #0b2e59 | hsl(213, 78%, 20%) |
|
|
| 600 | oklch(0.283 0.080 256.13) | #0a2950 | hsl(213, 78%, 18%) |
|
|
| 700 | oklch(0.266 0.073 255.89) | #092548 | hsl(213, 78%, 16%) |
|
|
| 800 | oklch(0.245 0.066 256.22) | #08203f | hsl(214, 77%, 14%) |
|
|
| 900 | oklch(0.226 0.057 255.16) | #071c36 | hsl(213, 77%, 12%) |
|
|
| 950 | oklch(0.204 0.050 255.40) | #06172d | hsl(214, 76%, 10%) |
|
dsfds
| 50 | oklch(0.953 0.041 185.20) | #d2f9f3 | hsl(171, 76%, 90%) |
|
|
| 100 | oklch(0.899 0.092 182.80) | #95f2e3 | hsl(170, 78%, 77%) |
|
|
| 200 | oklch(0.853 0.129 180.76) | #58ead3 | hsl(171, 78%, 63%) |
|
|
| 300 | oklch(0.815 0.147 177.66) | #1ce1c2 | hsl(171, 78%, 50%) |
|
|
| 400 | oklch(0.645 0.115 178.32) | #15a48e | hsl(171, 77%, 36%) |
|
|
| 500 | oklch(0.462 0.081 178.64) | #0d6759 | hsl(171, 78%, 23%) |
|
|
| 600 | oklch(0.424 0.073 179.22) | #0c5b4f | hsl(171, 77%, 20%) |
|
|
| 700 | oklch(0.388 0.067 178.83) | #0a5045 | hsl(171, 78%, 18%) |
|
|
| 800 | oklch(0.348 0.059 179.60) | #09443b | hsl(171, 77%, 15%) |
|
|
| 900 | oklch(0.311 0.052 179.15) | #073931 | hsl(170, 78%, 13%) |
|
|
| 950 | oklch(0.269 0.044 180.31) | #062d27 | hsl(171, 76%, 10%) |
|
dsfds
| 50 | oklch(0.962 0.053 123.47) | #ebf9d2 | hsl(82, 76%, 90%) |
|
|
| 100 | oklch(0.925 0.106 124.81) | #d6f3a4 | hsl(82, 77%, 80%) |
|
|
| 200 | oklch(0.891 0.153 125.89) | #c2ed77 | hsl(82, 77%, 70%) |
|
|
| 300 | oklch(0.862 0.193 127.47) | #aee849 | hsl(82, 78%, 60%) |
|
|
| 400 | oklch(0.831 0.216 129.55) | #99e11d | hsl(82, 77%, 50%) |
|
|
| 500 | oklch(0.701 0.180 129.32) | #7ab317 | hsl(82, 77%, 40%) |
|
|
| 600 | oklch(0.622 0.159 129.08) | #689814 | hsl(82, 77%, 34%) |
|
|
| 700 | oklch(0.541 0.136 128.71) | #567d10 | hsl(81, 77%, 28%) |
|
|
| 800 | oklch(0.458 0.115 129.01) | #43630d | hsl(82, 77%, 22%) |
|
|
| 900 | oklch(0.369 0.090 128.39) | #314809 | hsl(82, 78%, 16%) |
|
|
| 950 | oklch(0.275 0.063 127.26) | #1f2d06 | hsl(82, 76%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.032 122.65) | #e9f1da | hsl(81, 45%, 90%) |
|
|
| 100 | oklch(0.912 0.055 124.22) | #dae9c1 | hsl(83, 48%, 84%) |
|
|
| 200 | oklch(0.878 0.076 124.18) | #cce0a9 | hsl(82, 47%, 77%) |
|
|
| 300 | oklch(0.843 0.098 124.80) | #bdd790 | hsl(82, 47%, 70%) |
|
|
| 400 | oklch(0.809 0.117 125.13) | #afce78 | hsl(82, 47%, 64%) |
|
|
| 500 | oklch(0.774 0.137 125.93) | #a0c55f | hsl(82, 47%, 57%) |
|
|
| 600 | oklch(0.714 0.149 126.73) | #8ab341 | hsl(82, 47%, 48%) |
|
|
| 700 | oklch(0.608 0.126 127.05) | #6e9034 | hsl(82, 47%, 38%) |
|
|
| 800 | oklch(0.496 0.100 126.61) | #536c27 | hsl(82, 47%, 29%) |
|
|
| 900 | oklch(0.379 0.074 126.36) | #38491a | hsl(82, 47%, 19%) |
|
|
| 950 | oklch(0.250 0.041 125.07) | #1d250e | hsl(81, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
