Vibrant Summer Color Palette

This vibrant palette bursts with playful energy, featuring electric pinks and warm oranges that evoke a joyful, summer festival vibe, perfect for bold and creative expression.

neon warm summer happy gradient
#FF00B2
#FA3288
#F5635E
#F09534
#EBC60A

Practical uses and creative applications

The Vibrant Summer Color Palette is a lively combination of bold hues, perfect for infusing energy and excitement into any project. Featuring striking colors like #FF00B2, #FA3288, #F5635E, #F09534, and #EBC60A, this palette is ideal for branding and marketing materials that aim to capture attention and inspire joy.

Whether you’re designing a website for a trendy boutique or creating eye-catching packaging for a summer product line, these colors will help convey a sense of fun and adventure that resonates with your audience. This palette is particularly suited for designers and creatives who want to evoke a playful, vibrant mood.

It works wonderfully in interiors, adding a cheerful touch to spaces like cafes or retail environments where a welcoming atmosphere is key. Additionally, the Vibrant Summer Color Palette can enhance social media graphics and promotional materials, drawing in viewers with its bright, engaging tones.

If you're looking to make a bold statement in your next project, this palette is the perfect choice for capturing the essence of summer and appealing to those who appreciate lively, fresh aesthetics.

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.900 0.074 337.08) #ffccf0 hsl(318, 100%, 90%)
100 oklch(0.826 0.134 338.91) #ffa3e3 hsl(318, 100%, 82%)
200 oklch(0.762 0.192 340.32) #ff7ad7 hsl(318, 100%, 74%)
300 oklch(0.713 0.240 342.13) #ff52cb hsl(318, 100%, 66%)
400 oklch(0.679 0.270 344.60) #ff29be hsl(318, 100%, 58%)
500 oklch(0.663 0.279 347.41) #ff00b2 hsl(318, 100%, 50%)
600 oklch(0.581 0.245 346.99) #d60096 hsl(318, 100%, 42%)
700 oklch(0.496 0.210 346.79) #ad0079 hsl(318, 100%, 34%)
800 oklch(0.410 0.173 346.34) #85005d hsl(318, 100%, 26%)
900 oklch(0.316 0.134 345.74) #5c0040 hsl(318, 100%, 18%)
950 oklch(0.215 0.092 343.28) #330024 hsl(318, 100%, 10%)

dsfds

50 oklch(0.897 0.061 350.82) #fecde2 hsl(334, 96%, 90%)
100 oklch(0.836 0.101 352.05) #fdaed0 hsl(334, 95%, 84%)
200 oklch(0.779 0.141 353.58) #fc8fbe hsl(334, 95%, 77%)
300 oklch(0.730 0.181 355.69) #fc70ac hsl(334, 96%, 71%)
400 oklch(0.688 0.214 358.04) #fb519a hsl(334, 96%, 65%)
500 oklch(0.656 0.238 1.12) #fa3288 hsl(334, 95%, 59%)
600 oklch(0.621 0.247 7.23) #f4066c hsl(334, 95%, 49%)
700 oklch(0.528 0.210 6.61) #c40557 hsl(334, 95%, 39%)
800 oklch(0.428 0.169 5.89) #930441 hsl(334, 95%, 30%)
900 oklch(0.321 0.127 3.65) #62022c hsl(334, 96%, 20%)
950 oklch(0.207 0.081 0.13) #320116 hsl(334, 96%, 10%)

dsfds

50 oklch(0.895 0.050 19.66) #fcd0cf hsl(1, 88%, 90%)
100 oklch(0.850 0.075 21.81) #fbbbb8 hsl(3, 89%, 85%)
200 oklch(0.804 0.100 21.77) #f9a5a2 hsl(2, 88%, 81%)
300 oklch(0.761 0.128 22.83) #f88f8b hsl(2, 89%, 76%)
400 oklch(0.720 0.154 23.55) #f67975 hsl(2, 88%, 71%)
500 oklch(0.684 0.181 25.00) #f5635e hsl(2, 88%, 66%)
600 oklch(0.622 0.230 28.23) #f22e28 hsl(2, 89%, 55%)
700 oklch(0.550 0.218 29.21) #d3140d hsl(2, 88%, 44%)
800 oklch(0.441 0.172 29.06) #9c0f0a hsl(2, 88%, 33%)
900 oklch(0.328 0.125 29.13) #660a06 hsl(3, 89%, 21%)
950 oklch(0.202 0.072 28.18) #300403 hsl(1, 88%, 10%)

dsfds

50 oklch(0.936 0.037 68.65) #fbe6d0 hsl(31, 84%, 90%)
100 oklch(0.896 0.063 69.18) #f9d6b0 hsl(31, 86%, 83%)
200 oklch(0.858 0.088 68.41) #f7c691 hsl(31, 86%, 77%)
300 oklch(0.819 0.112 66.43) #f5b572 hsl(31, 87%, 70%)
400 oklch(0.782 0.133 65.25) #f2a553 hsl(31, 86%, 64%)
500 oklch(0.748 0.152 62.58) #f09534 hsl(31, 86%, 57%)
600 oklch(0.689 0.161 57.78) #e37d11 hsl(31, 86%, 48%)
700 oklch(0.586 0.136 58.22) #b6640d hsl(31, 87%, 38%)
800 oklch(0.480 0.109 59.63) #894c0a hsl(31, 86%, 29%)
900 oklch(0.365 0.080 60.94) #5c3307 hsl(31, 86%, 19%)
950 oklch(0.241 0.048 64.35) #2f1a04 hsl(31, 84%, 10%)

dsfds

50 oklch(0.967 0.051 97.65) #fdf5ce hsl(50, 92%, 90%)
100 oklch(0.941 0.092 98.50) #fbeda5 hsl(50, 91%, 82%)
200 oklch(0.917 0.128 98.76) #f9e57c hsl(50, 91%, 73%)
300 oklch(0.896 0.156 98.05) #f8dd53 hsl(50, 92%, 65%)
400 oklch(0.873 0.171 96.59) #f6d42a hsl(50, 92%, 56%)
500 oklch(0.834 0.170 95.21) #ebc60a hsl(50, 92%, 48%)
600 oklch(0.734 0.150 95.47) #c6a708 hsl(50, 92%, 40%)
700 oklch(0.629 0.128 95.13) #a18707 hsl(50, 92%, 33%)
800 oklch(0.520 0.105 96.23) #7b6805 hsl(50, 92%, 25%)
900 oklch(0.407 0.082 97.06) #564904 hsl(50, 91%, 18%)
950 oklch(0.282 0.056 97.20) #312902 hsl(50, 92%, 10%)

Related palettes

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

#8338EC
#3A86FF
#96D38C
#F6416C
#FFDD95
#a70267
#f10c49
#fb6b41
#f6d86b
#339194
#ff003c
#ff8a00
#fabe28
#88c100
#00c176
#f1396d
#fd6081
#f3ffeb
#acc95f
#8f9924
#fc580c
#fc6b0a
#f8872e
#ffa927
#fdca49
#b877a8
#b8008a
#ff3366
#ffcc33
#ccff33
#ffffff
#ff97ca
#ff348e
#be0049
#770021
#c7003f
#f90050
#f96a00
#faab00
#daf204
#EA4268
#ED6D9E
#F3B577
#FDF2A7
#FFFBE2
© 2025 KColor. All rights reserved. 1.11.0