Playful Color Palette for Summer Vibes
This playful palette blends soft blush pinks with vibrant fuchsia, accented by a refreshing teal, creating a lively and whimsical vibe that feels both youthful and spirited.
Practical uses and creative applications
The 'Playful Color Palette for Summer Vibes' is a delightful combination of soft pinks and vibrant teal, perfect for evoking a sense of joy and warmth during the sunny months. With main colors like #FEDAEB, #FDB4D7, #FB8FC3, #FA69AF, and #00817A, this palette harmonizes beautifully to create an inviting atmosphere that resonates with playful energy.
Ideal for branding, web design, and packaging, it can help businesses in the fashion, beauty, or lifestyle sectors stand out with a fresh, youthful appeal. Designers and creatives looking to capture the spirit of summer will find this palette a versatile tool for various projects.
Whether you're designing a cheerful website, crafting eye-catching product packaging, or setting a lively tone for interior spaces, these colors can enhance the overall experience. The blend of warm hues and a refreshing teal not only communicates a sense of fun but also invites engagement, making it suitable for anything from playful children's brands to trendy cafes and boutique shops.
Embrace the vibrant essence of summer with this playful color palette, and watch your designs come to life!.
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.897 0.062 348.55) | #fecde4 | hsl(332, 96%, 90%) |
|
|
| 100 | oklch(0.903 0.059 347.95) | #fed0e6 | hsl(331, 96%, 91%) |
|
|
| 200 | oklch(0.907 0.056 347.92) | #fed2e7 | hsl(331, 96%, 91%) |
|
|
| 300 | oklch(0.913 0.052 348.56) | #fed5e8 | hsl(332, 95%, 92%) |
|
|
| 400 | oklch(0.917 0.050 347.19) | #fed7ea | hsl(331, 95%, 92%) |
|
|
| 500 | oklch(0.923 0.045 347.88) | #fedaeb | hsl(332, 95%, 93%) |
|
|
| 600 | oklch(0.769 0.153 351.50) | #fc88bf | hsl(332, 95%, 76%) |
|
|
| 700 | oklch(0.662 0.238 358.01) | #fa3692 | hsl(332, 95%, 60%) |
|
|
| 800 | oklch(0.566 0.226 3.52) | #d60668 | hsl(332, 95%, 43%) |
|
|
| 900 | oklch(0.398 0.158 2.27) | #840440 | hsl(332, 94%, 27%) |
|
|
| 950 | oklch(0.208 0.082 357.47) | #320118 | hsl(332, 96%, 10%) |
|
dsfds
| 50 | oklch(0.898 0.063 347.44) | #fecde5 | hsl(331, 96%, 90%) |
|
|
| 100 | oklch(0.888 0.069 348.09) | #fec8e2 | hsl(331, 96%, 89%) |
|
|
| 200 | oklch(0.877 0.075 348.20) | #fdc3df | hsl(331, 94%, 88%) |
|
|
| 300 | oklch(0.867 0.081 348.77) | #fdbedc | hsl(331, 94%, 87%) |
|
|
| 400 | oklch(0.858 0.089 348.48) | #fdb9da | hsl(331, 94%, 86%) |
|
|
| 500 | oklch(0.848 0.095 349.02) | #fdb4d7 | hsl(331, 95%, 85%) |
|
|
| 600 | oklch(0.722 0.190 353.23) | #fb6aaf | hsl(331, 95%, 70%) |
|
|
| 700 | oklch(0.645 0.249 359.76) | #f91f88 | hsl(331, 95%, 55%) |
|
|
| 800 | oklch(0.536 0.214 2.82) | #c70562 | hsl(331, 95%, 40%) |
|
|
| 900 | oklch(0.381 0.151 1.44) | #7c033d | hsl(331, 95%, 25%) |
|
|
| 950 | oklch(0.208 0.083 356.16) | #320119 | hsl(331, 96%, 10%) |
|
dsfds
| 50 | oklch(0.899 0.060 347.39) | #fdcee5 | hsl(331, 92%, 90%) |
|
|
| 100 | oklch(0.873 0.078 348.25) | #fdc1de | hsl(331, 94%, 87%) |
|
|
| 200 | oklch(0.849 0.092 348.98) | #fcb5d7 | hsl(331, 92%, 85%) |
|
|
| 300 | oklch(0.825 0.110 349.72) | #fca8d0 | hsl(331, 93%, 82%) |
|
|
| 400 | oklch(0.802 0.126 349.83) | #fb9cca | hsl(331, 92%, 80%) |
|
|
| 500 | oklch(0.780 0.143 350.66) | #fb8fc3 | hsl(331, 93%, 77%) |
|
|
| 600 | oklch(0.683 0.219 354.97) | #f94da0 | hsl(331, 93%, 64%) |
|
|
| 700 | oklch(0.630 0.251 2.47) | #f60b7c | hsl(331, 93%, 50%) |
|
|
| 800 | oklch(0.503 0.200 2.06) | #b6065b | hsl(331, 94%, 37%) |
|
|
| 900 | oklch(0.362 0.143 0.36) | #73043a | hsl(331, 93%, 23%) |
|
|
| 950 | oklch(0.208 0.080 355.86) | #310219 | hsl(331, 92%, 10%) |
|
dsfds
| 50 | oklch(0.899 0.060 347.39) | #fdcee5 | hsl(331, 92%, 90%) |
|
|
| 100 | oklch(0.860 0.087 348.86) | #fdbada | hsl(331, 94%, 86%) |
|
|
| 200 | oklch(0.820 0.114 349.50) | #fca5cf | hsl(331, 94%, 82%) |
|
|
| 300 | oklch(0.783 0.140 350.57) | #fb91c4 | hsl(331, 93%, 78%) |
|
|
| 400 | oklch(0.751 0.167 351.53) | #fb7dba | hsl(331, 94%, 74%) |
|
|
| 500 | oklch(0.720 0.190 352.86) | #fa69af | hsl(331, 94%, 70%) |
|
|
| 600 | oklch(0.653 0.242 357.75) | #f82e90 | hsl(331, 94%, 58%) |
|
|
| 700 | oklch(0.591 0.236 2.57) | #e20871 | hsl(331, 93%, 46%) |
|
|
| 800 | oklch(0.473 0.188 1.63) | #a70654 | hsl(331, 93%, 34%) |
|
|
| 900 | oklch(0.346 0.137 0.48) | #6c0436 | hsl(331, 93%, 22%) |
|
|
| 950 | oklch(0.208 0.080 355.86) | #310219 | hsl(331, 92%, 10%) |
|
dsfds
| 50 | oklch(0.964 0.052 191.88) | #ccfffc | hsl(176, 100%, 90%) |
|
|
| 100 | oklch(0.930 0.107 191.12) | #8afff9 | hsl(177, 100%, 77%) |
|
|
| 200 | oklch(0.909 0.143 189.45) | #48fff5 | hsl(177, 100%, 64%) |
|
|
| 300 | oklch(0.901 0.156 187.71) | #06fff1 | hsl(177, 100%, 51%) |
|
|
| 400 | oklch(0.736 0.128 187.65) | #00c3b8 | hsl(177, 100%, 38%) |
|
|
| 500 | oklch(0.544 0.094 188.13) | #00817a | hsl(177, 100%, 25%) |
|
|
| 600 | oklch(0.494 0.086 188.36) | #00716b | hsl(177, 100%, 22%) |
|
|
| 700 | oklch(0.447 0.078 187.52) | #00625c | hsl(176, 100%, 19%) |
|
|
| 800 | oklch(0.396 0.069 189.11) | #00524e | hsl(177, 100%, 16%) |
|
|
| 900 | oklch(0.345 0.060 188.08) | #00433f | hsl(176, 100%, 13%) |
|
|
| 950 | oklch(0.289 0.050 188.51) | #003330 | hsl(176, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
