Vibrant Color Palette

This vibrant palette bursts with energy, combining zesty lime green, fiery orange, bold crimson, deep magenta, and a grounding charcoal, creating a lively yet sophisticated vibe perfect for modern, eclectic designs.

warm summer happy
#b0da09
#f99400
#f00a5e
#b80090
#544f51

Practical uses and creative applications

The Vibrant Color Palette bursts with energy and creativity, making it ideal for branding and web design that aims to capture attention and evoke strong emotions. Featuring lively shades of green (#b0da09), orange (#f99400), and bold pinks (#f00a5e, #b80090), this palette is perfect for brands looking to convey a youthful and dynamic personality.

Whether you're a startup in the tech industry or a trendy café, these colors can help you create a memorable visual identity that resonates with your target audience. This palette is also an excellent choice for packaging design, especially for products that cater to a creative demographic.

The combination of vibrant hues against a deep charcoal (#544f51) can enhance product visibility on shelves and create a striking contrast that draws the eye. Designers and creatives will find that this color scheme is versatile enough to suit a variety of styles, from modern and playful to bold and edgy, making it suitable for everything from fashion lines to art supplies and beyond.

Use the Vibrant Color Palette to inject life into your projects and leave a lasting impression!.

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.976 0.062 116.36) #f4fdce hsl(71, 92%, 90%)
100 oklch(0.955 0.115 117.85) #e9fba1 hsl(72, 92%, 81%)
200 oklch(0.937 0.160 118.86) #dff975 hsl(72, 92%, 72%)
300 oklch(0.921 0.195 120.34) #d4f748 hsl(72, 92%, 63%)
400 oklch(0.910 0.216 122.01) #caf61c hsl(72, 92%, 54%)
500 oklch(0.828 0.201 122.62) #b0da09 hsl(72, 92%, 45%)
600 oklch(0.730 0.176 122.38) #95b808 hsl(72, 92%, 38%)
700 oklch(0.628 0.151 122.39) #799606 hsl(72, 92%, 31%)
800 oklch(0.525 0.126 122.35) #5e7505 hsl(72, 92%, 24%)
900 oklch(0.414 0.098 121.70) #435303 hsl(72, 93%, 17%)
950 oklch(0.294 0.068 120.36) #283102 hsl(71, 92%, 10%)

dsfds

50 oklch(0.946 0.046 76.84) #ffeacc hsl(35, 100%, 90%)
100 oklch(0.905 0.082 76.59) #ffd9a2 hsl(35, 100%, 82%)
200 oklch(0.865 0.116 75.55) #ffc878 hsl(36, 100%, 74%)
300 oklch(0.829 0.145 73.36) #ffb74e hsl(36, 100%, 65%)
400 oklch(0.795 0.165 69.26) #ffa624 hsl(36, 100%, 57%)
500 oklch(0.756 0.171 63.90) #f99400 hsl(36, 100%, 49%)
600 oklch(0.664 0.150 64.29) #d17c00 hsl(36, 100%, 41%)
700 oklch(0.571 0.128 65.12) #aa6500 hsl(36, 100%, 33%)
800 oklch(0.471 0.105 66.06) #824d00 hsl(36, 100%, 25%)
900 oklch(0.370 0.081 68.21) #5b3600 hsl(36, 100%, 18%)
950 oklch(0.256 0.055 72.29) #331e00 hsl(35, 100%, 10%)

dsfds

50 oklch(0.897 0.057 354.63) #fdcedf hsl(338, 92%, 90%)
100 oklch(0.817 0.107 356.23) #fba6c5 hsl(338, 91%, 82%)
200 oklch(0.746 0.158 358.66) #fa7eab hsl(338, 93%, 74%)
300 oklch(0.686 0.202 1.66) #f85691 hsl(338, 92%, 65%)
400 oklch(0.642 0.233 5.96) #f62e77 hsl(338, 92%, 57%)
500 oklch(0.612 0.242 11.29) #f00a5e hsl(338, 92%, 49%)
600 oklch(0.538 0.212 10.90) #ca084f hsl(338, 92%, 41%)
700 oklch(0.462 0.181 10.41) #a40740 hsl(338, 92%, 34%)
800 oklch(0.380 0.148 9.29) #7d0531 hsl(338, 92%, 25%)
900 oklch(0.296 0.114 7.85) #570422 hsl(338, 91%, 18%)
950 oklch(0.205 0.077 4.15) #310213 hsl(338, 92%, 10%)

dsfds

50 oklch(0.901 0.077 333.84) #ffccf4 hsl(313, 100%, 90%)
100 oklch(0.807 0.161 335.49) #ff95e8 hsl(313, 100%, 79%)
200 oklch(0.732 0.236 337.37) #ff5edc hsl(313, 100%, 68%)
300 oklch(0.686 0.281 339.61) #ff27d0 hsl(313, 100%, 58%)
400 oklch(0.640 0.276 341.48) #ef00bb hsl(313, 100%, 47%)
500 oklch(0.527 0.228 341.24) #b80090 hsl(313, 100%, 36%)
600 oklch(0.469 0.203 341.01) #9d007b hsl(313, 100%, 31%)
700 oklch(0.411 0.178 341.09) #830066 hsl(313, 100%, 26%)
800 oklch(0.349 0.152 340.15) #680052 hsl(313, 100%, 20%)
900 oklch(0.286 0.124 340.03) #4e003d hsl(313, 100%, 15%)
950 oklch(0.217 0.095 338.96) #330028 hsl(313, 100%, 10%)

dsfds

50 oklch(0.923 0.001 17.18) #e6e5e5 hsl(0, 2%, 90%)
100 oklch(0.830 0.005 345.31) #cac6c8 hsl(330, 4%, 78%)
200 oklch(0.736 0.006 350.87) #ada8aa hsl(336, 3%, 67%)
300 oklch(0.637 0.009 349.41) #90898c hsl(334, 3%, 55%)
400 oklch(0.538 0.009 358.05) #736c6e hsl(343, 3%, 44%)
500 oklch(0.433 0.007 351.10) #544f51 hsl(336, 3%, 32%)
600 oklch(0.391 0.006 345.56) #484446 hsl(330, 3%, 27%)
700 oklch(0.349 0.006 345.62) #3d393b hsl(330, 3%, 23%)
800 oklch(0.305 0.006 337.63) #312e30 hsl(320, 3%, 19%)
900 oklch(0.262 0.003 17.35) #262424 hsl(0, 3%, 15%)
950 oklch(0.215 0.002 17.28) #1a1919 hsl(0, 2%, 10%)

Related palettes

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

#0EC13E
#96E18C
#537C6D
#E57E4C
#B51B5A
#a3a948
#edb92e
#f85931
#ce1836
#009989
#cc0c39
#e6781e
#c8cf02
#f8fcc1
#1693a7
#aaff00
#ffaa00
#ff00aa
#aa00ff
#00aaff
#efeecc
#fe8b05
#fe0557
#400403
#0aabba
#ec4401
#cc9b25
#13cd4a
#7b6ed6
#5e525c
#c8ce13
#f8f5c1
#349e97
#2c0d1a
#de1a72
#b877a8
#b8008a
#ff3366
#ffcc33
#ccff33
#551bb3
#268fbe
#2cb8b2
#3ddb8f
#a9f04d
© 2025 KColor. All rights reserved. 1.11.0