Vibrant Eclectic Color Palette

This vibrant palette pulses with energy, featuring a fiery orange, sunlit gold, refreshing green, soothing lavender, and deep charcoal, creating a lively yet balanced mood perfect for a modern, eclectic style.

#ec4401
#cc9b25
#13cd4a
#7b6ed6
#5e525c

Practical uses and creative applications

The Vibrant Eclectic Color Palette is a striking combination of hues that can breathe life into various creative projects. Featuring bold shades like #ec4401 (Fiery Orange) and #cc9b25 (Golden Yellow), this palette is perfect for branding initiatives aiming to capture attention and convey a sense of energy.

Whether you're designing an eye-catching logo, crafting dynamic web interfaces, or developing packaging that stands out on the shelf, the Vibrant Eclectic Palette offers endless possibilities for creatives looking to make a statement. Ideal for designers and artists who thrive on individuality, this color scheme suits a range of styles from modern and playful to bohemian and artistic.

The lush green of #13cd4a (Vibrant Green) adds a refreshing touch, while the tranquil tones of #7b6ed6 (Soft Lavender) and #5e525c (Muted Charcoal) provide balance and sophistication. Perfect for interior design projects, this palette can transform spaces into vibrant environments that inspire creativity and joy.

Embrace the energy of the Vibrant Eclectic Color Palette to create captivating designs that resonate with diverse audiences.

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.918 0.045 43.92) #ffdbcc hsl(18, 100%, 90%)
100 oklch(0.848 0.087 42.59) #ffbba0 hsl(17, 100%, 81%)
200 oklch(0.783 0.130 42.07) #fe9b74 hsl(17, 99%, 73%)
300 oklch(0.728 0.172 41.39) #fe7c48 hsl(17, 99%, 64%)
400 oklch(0.683 0.209 38.79) #fe5c1b hsl(17, 99%, 55%)
500 oklch(0.627 0.213 36.35) #ec4401 hsl(17, 99%, 46%)
600 oklch(0.553 0.186 36.61) #c73901 hsl(17, 99%, 39%)
700 oklch(0.477 0.158 37.32) #a22f01 hsl(17, 99%, 32%)
800 oklch(0.397 0.129 38.01) #7d2401 hsl(17, 98%, 25%)
900 oklch(0.313 0.099 39.77) #581900 hsl(17, 100%, 17%)
950 oklch(0.225 0.065 44.79) #330f00 hsl(18, 100%, 10%)

dsfds

50 oklch(0.947 0.035 88.78) #f7edd4 hsl(43, 69%, 90%)
100 oklch(0.902 0.063 88.22) #f0ddaf hsl(42, 68%, 81%)
200 oklch(0.860 0.092 88.03) #eace8a hsl(43, 70%, 73%)
300 oklch(0.816 0.116 87.14) #e3be65 hsl(42, 69%, 64%)
400 oklch(0.775 0.135 86.13) #dcaf40 hsl(43, 69%, 56%)
500 oklch(0.717 0.137 83.84) #cc9b25 hsl(42, 69%, 47%)
600 oklch(0.633 0.120 84.30) #ac831f hsl(43, 69%, 40%)
700 oklch(0.544 0.102 84.00) #8c6a19 hsl(42, 70%, 32%)
800 oklch(0.454 0.084 84.72) #6c5213 hsl(42, 70%, 25%)
900 oklch(0.356 0.063 85.16) #4b390e hsl(42, 69%, 17%)
950 oklch(0.253 0.042 87.16) #2b2108 hsl(43, 69%, 10%)

dsfds

50 oklch(0.950 0.060 154.70) #d0fbdd hsl(138, 84%, 90%)
100 oklch(0.908 0.113 152.94) #a5f7bd hsl(138, 84%, 81%)
200 oklch(0.873 0.161 151.43) #7af39e hsl(138, 83%, 72%)
300 oklch(0.844 0.204 149.32) #4fef7e hsl(138, 83%, 62%)
400 oklch(0.822 0.235 147.16) #24eb5f hsl(138, 83%, 53%)
500 oklch(0.740 0.219 146.46) #13cd4a hsl(138, 83%, 44%)
600 oklch(0.652 0.192 146.68) #10ad3f hsl(138, 83%, 37%)
700 oklch(0.565 0.165 146.74) #0d8e33 hsl(138, 83%, 30%)
800 oklch(0.470 0.135 147.15) #0a6e28 hsl(138, 83%, 24%)
900 oklch(0.371 0.104 147.56) #074e1c hsl(138, 84%, 17%)
950 oklch(0.268 0.071 148.97) #042f11 hsl(138, 84%, 10%)

dsfds

50 oklch(0.891 0.040 291.90) #dbd7f4 hsl(248, 57%, 90%)
100 oklch(0.833 0.061 291.26) #c8c2ee hsl(248, 56%, 85%)
200 oklch(0.774 0.084 289.73) #b4ade8 hsl(247, 56%, 79%)
300 oklch(0.716 0.107 288.98) #a198e2 hsl(247, 56%, 74%)
400 oklch(0.657 0.130 287.93) #8e83dc hsl(247, 56%, 69%)
500 oklch(0.599 0.154 286.51) #7b6ed6 hsl(248, 56%, 64%)
600 oklch(0.486 0.199 281.71) #5443ca hsl(248, 56%, 53%)
700 oklch(0.406 0.182 280.20) #3e2fa7 hsl(248, 56%, 42%)
800 oklch(0.334 0.144 281.26) #2f237d hsl(248, 56%, 31%)
900 oklch(0.257 0.103 282.60) #1f1752 hsl(248, 56%, 21%)
950 oklch(0.175 0.057 285.16) #0f0b28 hsl(248, 57%, 10%)

dsfds

50 oklch(0.922 0.005 325.62) #e7e4e7 hsl(300, 6%, 90%)
100 oklch(0.834 0.011 330.17) #cdc6cc hsl(309, 7%, 79%)
200 oklch(0.741 0.019 328.57) #b2a7b1 hsl(305, 7%, 68%)
300 oklch(0.648 0.026 330.17) #988996 hsl(308, 7%, 57%)
400 oklch(0.551 0.029 330.02) #7c6c7a hsl(308, 7%, 45%)
500 oklch(0.454 0.022 331.47) #5e525c hsl(310, 7%, 35%)
600 oklch(0.409 0.021 332.05) #51464f hsl(311, 7%, 30%)
700 oklch(0.363 0.016 329.92) #433b42 hsl(308, 6%, 25%)
800 oklch(0.315 0.014 330.57) #362f35 hsl(309, 7%, 20%)
900 oklch(0.265 0.013 331.45) #292328 hsl(310, 8%, 15%)
950 oklch(0.214 0.007 325.83) #1b181b hsl(300, 6%, 10%)

Related palettes

Discover more palettes with a similar mood and vibe or Browse our collection.

#F7B1F6
#E8ECF9
#670243
#AB2390
#AF4E11
#B91D61
#E48C5B
#9F612D
#29466F
#B94BB5
#aaff00
#ffaa00
#ff00aa
#aa00ff
#00aaff
#efeecc
#fe8b05
#fe0557
#400403
#0aabba
#ff4746
#e8da5e
#92b55f
#487d76
#4b4452
#fb6f24
#8ca315
#5191c1
#1e6495
#0a4b75
#f19601
#f21f26
#251819
#ebc83a
#73b295
#b0da09
#f99400
#f00a5e
#b80090
#544f51
#bd2a33
#d6aa26
#93a31c
#408156
#30374f
© 2025 KColor. All rights reserved. 1.11.0