Playful Color Palette for Summer Vibes

This palette radiates a fresh, playful energy with soft cream and minty teal, punctuated by vivid pops of fuchsia and deep burgundy, creating a bold yet whimsical style that feels both modern and lively.

pastel warm summer happy
#efece2
#81d7cd
#ff0048
#b13756
#5b1023

Practical uses and creative applications

The Playful Color Palette for Summer Vibes bursts with energy and warmth, making it an ideal choice for anyone looking to infuse a sense of joy and vibrancy into their projects. Featuring soft neutrals like #efece2 paired with bright accents of #ff0048 and #81d7cd, this palette is perfect for branding that seeks to engage and captivate.

Whether you're designing a lively website, creating eye-catching packaging, or refreshing your interior spaces, these colors harmonize beautifully to evoke the carefree spirit of summer. This palette is especially suited for designers and creatives who aim to target a youthful audience, including brands in the fashion, beauty, and outdoor lifestyle industries.

The contrasting hues of #b13756 and #5b1023 add depth, making it versatile for various applicationsthink summer event promotions, playful product launches, or dynamic social media graphics. Embrace the Playful Color Palette for Summer Vibes to create an inviting and cheerful atmosphere that resonates with your audience and elevates your design projects.

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.934 0.015 90.24) #ede9de hsl(44, 29%, 90%)
100 oklch(0.936 0.015 94.20) #edeadf hsl(47, 28%, 90%)
200 oklch(0.937 0.014 88.69) #eeeae0 hsl(43, 29%, 91%)
300 oklch(0.939 0.015 94.20) #eeebe0 hsl(47, 29%, 91%)
400 oklch(0.940 0.014 88.69) #efebe1 hsl(43, 30%, 91%)
500 oklch(0.943 0.014 92.99) #efece2 hsl(46, 29%, 91%)
600 oklch(0.836 0.039 92.27) #d2c9ad hsl(45, 29%, 75%)
700 oklch(0.726 0.066 93.48) #b4a677 hsl(46, 29%, 59%)
800 oklch(0.592 0.069 92.68) #8c7d4d hsl(46, 29%, 43%)
900 oklch(0.421 0.046 92.83) #564d30 hsl(46, 28%, 26%)
950 oklch(0.232 0.021 90.39) #211d12 hsl(44, 29%, 10%)

dsfds

50 oklch(0.944 0.029 188.58) #d8f3f0 hsl(173, 53%, 90%)
100 oklch(0.918 0.040 188.68) #c7ede9 hsl(174, 51%, 85%)
200 oklch(0.894 0.053 187.38) #b5e8e2 hsl(173, 53%, 81%)
300 oklch(0.869 0.064 187.35) #a4e2db hsl(173, 52%, 76%)
400 oklch(0.846 0.076 186.35) #92ddd4 hsl(173, 52%, 72%)
500 oklch(0.822 0.085 186.20) #81d7cd hsl(173, 52%, 67%)
600 oklch(0.766 0.107 184.43) #55c9bb hsl(173, 52%, 56%)
700 oklch(0.677 0.104 183.67) #37ac9e hsl(173, 52%, 45%)
800 oklch(0.546 0.083 184.26) #298076 hsl(173, 51%, 33%)
900 oklch(0.404 0.059 185.36) #1a534d hsl(174, 52%, 21%)
950 oklch(0.251 0.033 185.52) #0c2724 hsl(173, 53%, 10%)

dsfds

50 oklch(0.894 0.060 0.14) #ffccda hsl(344, 100%, 90%)
100 oklch(0.814 0.113 1.57) #ffa3bd hsl(343, 100%, 82%)
200 oklch(0.744 0.165 3.94) #ff7aa0 hsl(343, 100%, 74%)
300 oklch(0.688 0.210 7.55) #ff5283 hsl(343, 100%, 66%)
400 oklch(0.651 0.241 12.70) #ff2965 hsl(343, 100%, 58%)
500 oklch(0.633 0.254 18.91) #ff0048 hsl(343, 100%, 50%)
600 oklch(0.555 0.222 18.58) #d6003c hsl(343, 100%, 42%)
700 oklch(0.474 0.190 17.72) #ad0031 hsl(343, 100%, 34%)
800 oklch(0.391 0.157 17.01) #850025 hsl(343, 100%, 26%)
900 oklch(0.302 0.121 14.75) #5c001a hsl(343, 100%, 18%)
950 oklch(0.205 0.082 10.53) #33000e hsl(344, 100%, 10%)

dsfds

50 oklch(0.906 0.031 0.22) #f3d8df hsl(344, 53%, 90%)
100 oklch(0.823 0.061 1.58) #e8b5c2 hsl(345, 53%, 81%)
200 oklch(0.742 0.092 2.81) #dd93a6 hsl(345, 52%, 72%)
300 oklch(0.664 0.127 5.02) #d37089 hsl(345, 53%, 63%)
400 oklch(0.593 0.157 7.57) #c84e6d hsl(345, 53%, 55%)
500 oklch(0.524 0.158 9.32) #b13756 hsl(345, 53%, 45%)
600 oklch(0.463 0.138 8.61) #952e49 hsl(344, 53%, 38%)
700 oklch(0.403 0.117 9.02) #7a263b hsl(345, 53%, 31%)
800 oklch(0.338 0.096 7.87) #5e1d2e hsl(344, 53%, 24%)
900 oklch(0.273 0.072 8.48) #431520 hsl(346, 52%, 17%)
950 oklch(0.201 0.046 5.91) #270c13 hsl(344, 53%, 10%)

dsfds

50 oklch(0.902 0.041 0.65) #f7d4dd hsl(345, 69%, 90%)
100 oklch(0.771 0.105 3.76) #ed98ad hsl(345, 70%, 76%)
200 oklch(0.654 0.169 7.32) #e25c7e hsl(345, 70%, 62%)
300 oklch(0.567 0.206 13.69) #d32551 hsl(345, 70%, 49%)
400 oklch(0.445 0.158 13.10) #971b3a hsl(345, 70%, 35%)
500 oklch(0.314 0.107 11.62) #5b1023 hsl(345, 70%, 21%)
600 oklch(0.291 0.098 11.31) #510e1f hsl(345, 71%, 19%)
700 oklch(0.271 0.088 10.68) #480d1c hsl(345, 69%, 17%)
800 oklch(0.247 0.079 10.18) #3e0b18 hsl(345, 70%, 14%)
900 oklch(0.225 0.070 10.06) #350914 hsl(345, 71%, 12%)
950 oklch(0.201 0.058 8.34) #2b0811 hsl(345, 69%, 10%)

Related palettes

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

#1BFA97
#EDAABA
#E968D8
#985EAE
#245553
#D81878
#1690A8
#FFC0D8
#FFE9E9
#FFFFFF
#F1F5F2
#D9EBDC
#045E6A
#DA1D79
#BE0063
#cfffdd
#b4dec1
#5c5863
#a85163
#ff1f4c
#efeecc
#fe8b05
#fe0557
#400403
#0aabba
#1d1313
#24b694
#d22042
#a3b808
#30c4c9
#452e3c
#ff3d5a
#ffb969
#eaf27e
#3b8c88
#259b9b
#6fbcaa
#b8d6b0
#feedbf
#ff1964
#b9f8f0
#b6d3a5
#ee9b57
#ef2b41
#11130e
© 2025 KColor. All rights reserved. 1.11.0