Vibrant Summer Color Palette

This vibrant palette bursts with fresh greens and bold reds, evoking a lively, energetic vibe that balances a playful spirit with a touch of daring intensity.

summer nature happy
#CAFFBF
#95FF80
#EB0052
#A4003A
#890027

Practical uses and creative applications

The Vibrant Summer Color Palette is a lively collection that radiates energy and warmth, making it perfect for a variety of creative projects. Featuring refreshing hues like #CAFFBF and #95FF80, this palette evokes the essence of summer, ideal for branding initiatives aimed at youthful and dynamic audiences.

Use these bright greens and soft pastel shades to create striking logos, eye-catching packaging, or social media graphics that demand attention and convey a sense of joy and vitality. This palette is particularly suited for designers and creatives looking to infuse their work with a spirited and playful mood.

The bold shades of #EB0052, #A4003A, and #890027 provide a vibrant contrast that can elevate web design and interior spaces alike. Whether you’re curating a summer-themed event, developing a trendy lifestyle brand, or designing a cheerful café interior, the Vibrant Summer Color Palette promises to inspire and energize, making it a go-to choice for those aiming to capture the essence of sunny days and carefree vibes.

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.957 0.080 140.12) #d5ffcc hsl(109, 100%, 90%)
100 oklch(0.955 0.084 139.87) #d3ffc9 hsl(109, 100%, 89%)
200 oklch(0.953 0.088 140.57) #d0ffc7 hsl(110, 100%, 89%)
300 oklch(0.951 0.093 140.31) #ceffc4 hsl(110, 100%, 88%)
400 oklch(0.949 0.096 140.46) #ccffc2 hsl(110, 100%, 88%)
500 oklch(0.948 0.100 140.24) #caffbf hsl(110, 100%, 87%)
600 oklch(0.900 0.211 140.24) #89ff70 hsl(110, 100%, 72%)
700 oklch(0.874 0.280 141.15) #47ff21 hsl(110, 100%, 56%)
800 oklch(0.748 0.250 141.68) #24d100 hsl(110, 100%, 41%)
900 oklch(0.528 0.175 141.43) #168200 hsl(110, 100%, 25%)
950 oklch(0.281 0.091 140.03) #093300 hsl(109, 100%, 10%)

dsfds

50 oklch(0.957 0.081 140.69) #d4ffcc hsl(111, 100%, 90%)
100 oklch(0.946 0.104 140.38) #c8ffbd hsl(110, 100%, 87%)
200 oklch(0.935 0.127 140.52) #bbffae hsl(110, 100%, 84%)
300 oklch(0.925 0.150 140.38) #aeff9e hsl(110, 100%, 81%)
400 oklch(0.916 0.171 140.27) #a2ff8f hsl(110, 100%, 78%)
500 oklch(0.908 0.192 140.39) #95ff80 hsl(110, 100%, 75%)
600 oklch(0.881 0.262 140.81) #5eff3e hsl(110, 100%, 62%)
700 oklch(0.856 0.287 141.81) #29fa00 hsl(110, 100%, 49%)
800 oklch(0.681 0.227 141.69) #1eb800 hsl(110, 100%, 36%)
900 oklch(0.490 0.163 141.41) #137500 hsl(110, 100%, 23%)
950 oklch(0.281 0.091 140.31) #083300 hsl(111, 100%, 10%)

dsfds

50 oklch(0.895 0.062 355.30) #ffccde hsl(339, 100%, 90%)
100 oklch(0.809 0.120 357.37) #ff9fc1 hsl(339, 100%, 81%)
200 oklch(0.734 0.178 0.64) #ff72a3 hsl(339, 100%, 72%)
300 oklch(0.678 0.223 4.69) #ff4686 hsl(339, 100%, 64%)
400 oklch(0.645 0.249 10.39) #ff1969 hsl(339, 100%, 55%)
500 oklch(0.598 0.239 14.13) #eb0052 hsl(339, 100%, 46%)
600 oklch(0.526 0.210 13.66) #c60045 hsl(339, 100%, 39%)
700 oklch(0.452 0.180 13.00) #a10038 hsl(339, 100%, 32%)
800 oklch(0.376 0.150 12.20) #7d002b hsl(339, 100%, 25%)
900 oklch(0.294 0.118 9.69) #58001f hsl(339, 100%, 17%)
950 oklch(0.206 0.083 5.45) #330012 hsl(339, 100%, 10%)

dsfds

50 oklch(0.895 0.062 355.30) #ffccde hsl(339, 100%, 90%)
100 oklch(0.784 0.139 358.14) #ff91b8 hsl(339, 100%, 78%)
200 oklch(0.697 0.209 2.49) #ff5692 hsl(339, 100%, 67%)
300 oklch(0.646 0.249 9.56) #ff1b6c hsl(339, 100%, 55%)
400 oklch(0.575 0.230 13.60) #df004f hsl(339, 100%, 44%)
500 oklch(0.458 0.183 12.65) #a4003a hsl(339, 100%, 32%)
600 oklch(0.410 0.164 11.98) #8d0032 hsl(339, 100%, 28%)
700 oklch(0.363 0.145 11.32) #77002a hsl(339, 100%, 23%)
800 oklch(0.313 0.125 10.08) #600022 hsl(339, 100%, 19%)
900 oklch(0.262 0.105 8.59) #4a001a hsl(339, 100%, 15%)
950 oklch(0.206 0.083 5.45) #330012 hsl(339, 100%, 10%)

dsfds

50 oklch(0.894 0.061 358.91) #ffccdb hsl(342, 100%, 90%)
100 oklch(0.773 0.142 3.18) #ff8cac hsl(343, 100%, 77%)
200 oklch(0.681 0.217 8.28) #ff4b7e hsl(343, 100%, 65%)
300 oklch(0.636 0.252 17.14) #ff0b50 hsl(343, 100%, 52%)
400 oklch(0.530 0.212 18.19) #c90039 hsl(343, 100%, 39%)
500 oklch(0.400 0.160 16.71) #890027 hsl(343, 100%, 27%)
600 oklch(0.364 0.145 16.18) #780022 hsl(343, 100%, 24%)
700 oklch(0.326 0.131 15.49) #67001d hsl(343, 100%, 20%)
800 oklch(0.286 0.114 14.25) #550018 hsl(343, 100%, 17%)
900 oklch(0.246 0.098 12.80) #440013 hsl(343, 100%, 13%)
950 oklch(0.205 0.082 9.28) #33000f hsl(342, 100%, 10%)

Related palettes

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

#B8D391
#079A5E
#9CD533
#FF481D
#84483B
#90E3A2
#F9F8F8
#FF0E47
#E10033
#C40020
#ff4242
#f4fad2
#d4ee5e
#e1edb9
#f0f2eb
#ccf390
#e0e05a
#f7c41f
#fc930a
#ff003d
#e4e4c5
#b9d48b
#8d2036
#ce0a31
#d3e4c5
#b31237
#f03813
#ff8826
#ffb914
#2c9fa3
#f2502c
#cad17a
#fcf59b
#91c494
#c42311
#ffffff
#ff97ca
#ff348e
#be0049
#770021
#723e4e
#b03851
#ef3353
#f17144
#f4b036
© 2025 KColor. All rights reserved. 1.11.0