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