Vibrant Energy Color Palette

This palette bursts with vibrant energy, featuring sunny yellow (#f8db7e) that radiates warmth, bold coral (#ec6349) and deep crimson (#ce2340) for a passionate flair, grounded by rich burgundy (#6f1b2c) and a dark, moody plum (#310a26) that adds depth and sophistication.

warm vintage fall
#f8db7e
#ec6349
#ce2340
#6f1b2c
#310a26

Practical uses and creative applications

The Vibrant Energy Color Palette is a dynamic combination of bold hues that exude enthusiasm and creativity. Featuring sunny yellows (#f8db7e), fiery reds (#ec6349, #ce2340), and deep, moody shades (#6f1b2c, #310a26), this palette is perfect for brands looking to make a memorable impact.

Ideal for web design, this energetic color scheme can enhance user engagement, making it a great choice for creative agencies, lifestyle brands, and any business aiming to convey a spirited and innovative image. Designers and creatives will find the Vibrant Energy Color Palette particularly useful for packaging and interior projects.

The bright yellows can evoke warmth and positivity, while the rich reds and dark hues add depth and sophistication. This combination works well in modern, eclectic spaces or products aimed at a younger audience that appreciates bold, eye-catching designs.

Whether you're launching a new product line or redesigning a workspace, this palette can help bring your vision to life while inspiring a sense of excitement and energy.

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.960 0.047 93.90) #fcf2cf hsl(47, 88%, 90%)
100 oklch(0.947 0.062 92.13) #fcedbf hsl(45, 91%, 87%)
200 oklch(0.935 0.078 93.13) #fbe9ae hsl(46, 91%, 83%)
300 oklch(0.921 0.091 92.68) #fae49e hsl(46, 90%, 80%)
400 oklch(0.909 0.105 93.06) #f9e08e hsl(46, 90%, 77%)
500 oklch(0.896 0.117 92.56) #f8db7e hsl(46, 90%, 73%)
600 oklch(0.854 0.154 90.74) #f5ca41 hsl(46, 90%, 61%)
700 oklch(0.795 0.161 87.30) #e8b40d hsl(46, 89%, 48%)
800 oklch(0.635 0.128 87.99) #ab8509 hsl(46, 90%, 35%)
900 oklch(0.463 0.092 88.22) #6e5506 hsl(46, 90%, 23%)
950 oklch(0.272 0.052 92.59) #302603 hsl(47, 88%, 10%)

dsfds

50 oklch(0.907 0.040 29.36) #fad7d1 hsl(9, 80%, 90%)
100 oklch(0.854 0.065 30.27) #f7c0b6 hsl(9, 80%, 84%)
200 oklch(0.804 0.093 31.56) #f5a99a hsl(10, 82%, 78%)
300 oklch(0.756 0.120 32.01) #f2927f hsl(10, 82%, 72%)
400 oklch(0.709 0.149 32.02) #ef7a64 hsl(9, 81%, 66%)
500 oklch(0.668 0.175 32.62) #ec6349 hsl(10, 81%, 61%)
600 oklch(0.611 0.213 32.62) #e73b1a hsl(10, 81%, 50%)
700 oklch(0.520 0.180 32.66) #ba2e13 hsl(10, 81%, 40%)
800 oklch(0.425 0.144 32.72) #8c230f hsl(10, 81%, 30%)
900 oklch(0.321 0.104 32.68) #5d170a hsl(9, 81%, 20%)
950 oklch(0.209 0.059 33.21) #2e0b05 hsl(9, 80%, 10%)

dsfds

50 oklch(0.900 0.042 5.15) #f8d3da hsl(349, 73%, 90%)
100 oklch(0.817 0.080 7.13) #f1aeba hsl(349, 71%, 81%)
200 oklch(0.739 0.121 9.29) #eb899a hsl(350, 71%, 73%)
300 oklch(0.668 0.161 12.51) #e56479 hsl(350, 71%, 65%)
400 oklch(0.606 0.196 15.88) #de3e59 hsl(350, 71%, 56%)
500 oklch(0.553 0.202 19.03) #ce2340 hsl(350, 71%, 47%)
600 oklch(0.489 0.178 18.65) #ae1d36 hsl(350, 71%, 40%)
700 oklch(0.421 0.150 18.18) #8d182c hsl(350, 71%, 32%)
800 oklch(0.352 0.123 17.38) #6d1222 hsl(349, 72%, 25%)
900 oklch(0.278 0.093 16.18) #4c0d18 hsl(350, 71%, 17%)
950 oklch(0.201 0.061 13.17) #2c070e hsl(349, 73%, 10%)

dsfds

50 oklch(0.904 0.035 4.65) #f5d6dc hsl(348, 61%, 90%)
100 oklch(0.784 0.085 5.12) #e8a2b1 hsl(347, 60%, 77%)
200 oklch(0.674 0.137 8.72) #dc6f85 hsl(348, 61%, 65%)
300 oklch(0.579 0.184 13.50) #cf3b59 hsl(348, 61%, 52%)
400 oklch(0.479 0.158 14.75) #a32840 hsl(348, 61%, 40%)
500 oklch(0.366 0.117 13.59) #6f1b2c hsl(348, 61%, 27%)
600 oklch(0.335 0.104 13.84) #611826 hsl(348, 60%, 24%)
700 oklch(0.302 0.093 12.69) #531421 hsl(348, 61%, 20%)
800 oklch(0.269 0.080 12.94) #45111b hsl(348, 60%, 17%)
900 oklch(0.235 0.067 11.07) #370d16 hsl(347, 62%, 13%)
950 oklch(0.200 0.052 11.29) #290a10 hsl(348, 61%, 10%)

dsfds

50 oklch(0.908 0.048 335.68) #f6d5ed hsl(316, 65%, 90%)
100 oklch(0.768 0.130 338.23) #e992d0 hsl(317, 66%, 74%)
200 oklch(0.649 0.204 340.49) #db50b4 hsl(317, 66%, 59%)
300 oklch(0.536 0.205 342.49) #b6258d hsl(317, 66%, 43%)
400 oklch(0.388 0.143 341.56) #73185a hsl(316, 65%, 27%)
500 oklch(0.226 0.074 340.84) #310a26 hsl(317, 66%, 12%)
600 oklch(0.223 0.072 341.15) #300a25 hsl(317, 66%, 11%)
700 oklch(0.218 0.071 340.20) #2e0924 hsl(316, 67%, 11%)
800 oklch(0.215 0.069 340.50) #2d0923 hsl(317, 67%, 11%)
900 oklch(0.213 0.067 340.83) #2c0922 hsl(317, 66%, 10%)
950 oklch(0.208 0.065 340.00) #2a0921 hsl(316, 65%, 10%)

Related palettes

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

#261c21
#6e1e62
#b0254f
#de4126
#eb9605
#e7dd96
#e16639
#ad860a
#b7023f
#55024a
#651366
#a71a5b
#e7204e
#f76e2a
#f0c505
#36173d
#ff4845
#ff745f
#ffc55f
#ffec5e
#ff0f35
#f86254
#fea189
#f3d5a5
#bab997
#1f0441
#fc1068
#fcab10
#f9ce07
#0ce3e8
#4b1623
#75233d
#c4594b
#f0b96b
#fdf57e
#e4b302
#158fa2
#de4f3a
#722731
#bd1b43
#d0cf75
#f8764e
#da2644
#90044a
#440a2a
© 2025 KColor. All rights reserved. 1.11.0