Vibrant Eclectic Color Palette

This vibrant palette bursts with bold energy, blending a passionate crimson, sunlit gold, earthy olive, refreshing teal, and deep navy, evoking a dynamic and adventurous spirit perfect for an eclectic and modern aesthetic.

#bd2a33
#d6aa26
#93a31c
#408156
#30374f

Practical uses and creative applications

The Vibrant Eclectic Color Palette is a striking combination that balances boldness with versatility, making it an ideal choice for creatives and designers who seek to make a memorable impact. Featuring a vivid red (#bd2a33), warm gold (#d6aa26), earthy green (#93a31c), refreshing teal (#408156), and deep navy (#30374f), this palette offers an array of emotions that can enhance branding, web design, packaging, and interior spaces.

Whether you’re designing a dynamic website or crafting eye-catching product packaging, these colors can work harmoniously to convey energy and creativity. This palette is particularly suited for brands that want to express a lively, youthful spirit or those in the arts, fashion, or food industries.

Designers can utilize the Vibrant Eclectic Color Palette to create visually engaging marketing materials that resonate with a diverse audience. Furthermore, its bold hues can transform interiors, perfect for spaces that aim to inspire creativity and conversation, such as cafes, creative studios, or co-working environments.

Embrace this palette to elevate your projects and captivate your audience with a mix of vibrancy and sophistication.

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.901 0.037 13.71) #f6d5d7 hsl(356, 65%, 90%)
100 oklch(0.815 0.072 14.39) #edb0b4 hsl(356, 63%, 81%)
200 oklch(0.732 0.110 16.54) #e58b90 hsl(357, 63%, 72%)
300 oklch(0.655 0.150 18.11) #dd656d hsl(356, 64%, 63%)
400 oklch(0.590 0.185 21.69) #d54049 hsl(356, 64%, 54%)
500 oklch(0.525 0.183 23.37) #bd2a33 hsl(356, 64%, 45%)
600 oklch(0.465 0.160 23.08) #a0232b hsl(356, 64%, 38%)
700 oklch(0.402 0.136 22.88) #821d23 hsl(356, 64%, 31%)
800 oklch(0.338 0.111 22.30) #65161b hsl(356, 64%, 24%)
900 oklch(0.270 0.083 21.79) #471013 hsl(357, 63%, 17%)
950 oklch(0.199 0.055 20.06) #2a090b hsl(356, 65%, 10%)

dsfds

50 oklch(0.949 0.036 91.12) #f7eed4 hsl(45, 69%, 90%)
100 oklch(0.911 0.065 91.81) #f1e1b1 hsl(45, 70%, 82%)
200 oklch(0.871 0.093 91.28) #ebd38d hsl(45, 70%, 74%)
300 oklch(0.834 0.117 91.12) #e5c66a hsl(45, 70%, 66%)
400 oklch(0.798 0.136 90.77) #deb947 hsl(45, 70%, 57%)
500 oklch(0.758 0.145 88.45) #d6aa26 hsl(45, 70%, 49%)
600 oklch(0.667 0.127 88.61) #b48f20 hsl(45, 70%, 42%)
700 oklch(0.573 0.108 88.83) #92741a hsl(45, 70%, 34%)
800 oklch(0.475 0.088 89.14) #705914 hsl(45, 70%, 26%)
900 oklch(0.370 0.067 90.85) #4d3e0e hsl(46, 69%, 18%)
950 oklch(0.256 0.042 89.94) #2b2208 hsl(45, 69%, 10%)

dsfds

50 oklch(0.966 0.049 113.56) #f3f8d3 hsl(68, 73%, 90%)
100 oklch(0.931 0.095 113.91) #e7f0a6 hsl(67, 71%, 80%)
200 oklch(0.898 0.137 114.67) #dbe878 hsl(67, 71%, 69%)
300 oklch(0.866 0.170 115.96) #cee04a hsl(67, 71%, 58%)
400 oklch(0.817 0.180 117.00) #bcd124 hsl(67, 71%, 48%)
500 oklch(0.680 0.149 116.75) #93a31c hsl(67, 71%, 37%)
600 oklch(0.605 0.132 116.85) #7d8b18 hsl(67, 71%, 32%)
700 oklch(0.529 0.113 116.42) #687314 hsl(67, 70%, 26%)
800 oklch(0.449 0.095 116.50) #525b10 hsl(67, 70%, 21%)
900 oklch(0.366 0.075 115.68) #3d430c hsl(67, 70%, 15%)
950 oklch(0.279 0.056 116.78) #272c07 hsl(68, 73%, 10%)

dsfds

50 oklch(0.933 0.023 157.58) #ddeee3 hsl(141, 33%, 90%)
100 oklch(0.863 0.049 156.45) #b9dcc5 hsl(141, 33%, 79%)
200 oklch(0.795 0.074 155.43) #96cba8 hsl(140, 34%, 69%)
300 oklch(0.726 0.100 154.19) #72b98a hsl(140, 34%, 59%)
400 oklch(0.655 0.116 152.92) #52a56e hsl(140, 34%, 48%)
500 oklch(0.548 0.095 153.07) #408156 hsl(140, 34%, 38%)
600 oklch(0.490 0.084 152.80) #376e49 hsl(140, 33%, 32%)
700 oklch(0.429 0.071 153.63) #2d5b3d hsl(141, 34%, 27%)
800 oklch(0.367 0.059 153.31) #244830 hsl(140, 33%, 21%)
900 oklch(0.301 0.047 153.50) #1a3523 hsl(140, 34%, 15%)
950 oklch(0.233 0.031 154.81) #112217 hsl(141, 33%, 10%)

dsfds

50 oklch(0.913 0.014 272.68) #dfe2ec hsl(226, 25%, 90%)
100 oklch(0.798 0.033 274.02) #b6bcd3 hsl(228, 25%, 77%)
200 oklch(0.681 0.053 272.46) #8d97ba hsl(227, 25%, 64%)
300 oklch(0.556 0.075 271.07) #6371a0 hsl(226, 24%, 51%)
400 oklch(0.452 0.061 270.78) #495478 hsl(226, 24%, 38%)
500 oklch(0.341 0.043 271.45) #30374f hsl(226, 24%, 25%)
600 oklch(0.314 0.040 272.17) #2a3046 hsl(227, 25%, 22%)
700 oklch(0.289 0.034 272.16) #252a3c hsl(227, 24%, 19%)
800 oklch(0.260 0.031 273.27) #1f2333 hsl(228, 24%, 16%)
900 oklch(0.232 0.024 270.17) #191d29 hsl(225, 24%, 13%)
950 oklch(0.202 0.021 271.51) #131620 hsl(226, 25%, 10%)

Related palettes

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

#B91D61
#E48C5B
#9F612D
#29466F
#B94BB5
#a3a948
#edb92e
#f85931
#ce1836
#009989
#cc0c39
#e6781e
#c8cf02
#f8fcc1
#1693a7
#efeecc
#fe8b05
#fe0557
#400403
#0aabba
#fb6900
#f63700
#004853
#007e80
#00b9bd
#ff4746
#e8da5e
#92b55f
#487d76
#4b4452
#f19601
#f21f26
#251819
#ebc83a
#73b295
#551bb3
#268fbe
#2cb8b2
#3ddb8f
#a9f04d
#368986
#e79a32
#f84339
#d40f60
#005c81
© 2025 KColor. All rights reserved. 1.11.0