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.
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.