Playful Summer Color Palette
This vibrant palette radiates a playful, sun-soaked energy with its bold coral pink, soothing teal, soft cream, cheerful lime, and warm apricot, evoking a lively summer day filled with joy and creativity.
Practical uses and creative applications
The Playful Summer Color Palette is a vibrant blend of hues that radiate warmth and joy, making it perfect for a variety of creative applications. Featuring lively shades like #e8608c (a cheerful pink), #71cbc4 (a refreshing teal), and #ffbd68 (a sunny yellow), this palette is ideal for branding projects aimed at capturing the essence of summer fun.
Whether you're designing a trendy beachwear line or refreshing a children's product, these colors can evoke feelings of nostalgia and playfulness, instantly resonating with your target audience. For web design, the Playful Summer Color Palette is perfect for creating engaging websites that stand out.
Its harmonious combination of colors can enhance user experience and draw attention to key elements, making it ideal for creatives and designers looking to build vibrant online platforms. Additionally, this palette shines in packaging design, especially for products aimed at a youthful demographic.
The bright and inviting colors can help attract attention on the shelves and communicate a sense of joy and excitement. Interior designers can also leverage the Playful Summer Color Palette to create lively and inviting spaces.
The combination of soft neutrals, like #fff9f4, with pops of color, such as #cdd56e (a soft green), can transform any room into a bright and cheerful oasis. This palette is perfect for family-friendly spaces, playrooms, or cafes that want to promote a lighthearted atmosphere.
Ultimately, whether you're a designer, a marketer, or a creative enthusiast, this color palette can help you express a sense of fun and vitality in your work, making it a versatile choice for any summer-themed project.
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.047 356.04) | #f9d2df | hsl(340, 76%, 90%) |
|
|
| 100 | oklch(0.852 0.069 357.92) | #f5bcce | hsl(341, 74%, 85%) |
|
|
| 200 | oklch(0.803 0.096 358.39) | #f2a5be | hsl(341, 75%, 80%) |
|
|
| 300 | oklch(0.757 0.122 359.89) | #ef8ead | hsl(341, 75%, 75%) |
|
|
| 400 | oklch(0.712 0.148 0.77) | #eb779d | hsl(340, 74%, 69%) |
|
|
| 500 | oklch(0.672 0.173 2.75) | #e8608c | hsl(341, 75%, 64%) |
|
|
| 600 | oklch(0.604 0.212 7.93) | #e13069 | hsl(341, 75%, 54%) |
|
|
| 700 | oklch(0.523 0.195 9.78) | #be1b50 | hsl(340, 75%, 43%) |
|
|
| 800 | oklch(0.422 0.155 8.73) | #8d143c | hsl(340, 75%, 32%) |
|
|
| 900 | oklch(0.317 0.112 7.96) | #5d0d27 | hsl(341, 75%, 21%) |
|
|
| 950 | oklch(0.203 0.065 4.38) | #2d0613 | hsl(340, 76%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.024 190.42) | #daf1ef | hsl(175, 45%, 90%) |
|
|
| 100 | oklch(0.910 0.039 190.47) | #c5eae7 | hsl(175, 47%, 85%) |
|
|
| 200 | oklch(0.877 0.052 190.18) | #b0e2de | hsl(175, 46%, 79%) |
|
|
| 300 | oklch(0.844 0.064 189.82) | #9bdad5 | hsl(175, 46%, 73%) |
|
|
| 400 | oklch(0.815 0.077 189.48) | #86d3cd | hsl(175, 47%, 68%) |
|
|
| 500 | oklch(0.784 0.087 189.02) | #71cbc4 | hsl(175, 46%, 62%) |
|
|
| 600 | oklch(0.731 0.104 187.96) | #4abdb4 | hsl(175, 47%, 52%) |
|
|
| 700 | oklch(0.627 0.091 187.53) | #389a92 | hsl(175, 47%, 41%) |
|
|
| 800 | oklch(0.509 0.072 187.61) | #2a736d | hsl(175, 46%, 31%) |
|
|
| 900 | oklch(0.383 0.052 187.74) | #1c4c48 | hsl(175, 46%, 20%) |
|
|
| 950 | oklch(0.245 0.029 188.02) | #0e2523 | hsl(175, 45%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.043 61.66) | #ffe3cc | hsl(27, 100%, 90%) |
|
|
| 100 | oklch(0.944 0.037 63.40) | #ffe8d4 | hsl(28, 100%, 92%) |
|
|
| 200 | oklch(0.954 0.030 62.59) | #ffecdc | hsl(27, 100%, 93%) |
|
|
| 300 | oklch(0.964 0.023 61.24) | #fff0e4 | hsl(27, 100%, 95%) |
|
|
| 400 | oklch(0.975 0.016 64.68) | #fff5ec | hsl(28, 100%, 96%) |
|
|
| 500 | oklch(0.985 0.009 62.59) | #fff9f4 | hsl(27, 100%, 98%) |
|
|
| 600 | oklch(0.871 0.087 61.21) | #ffc89a | hsl(27, 100%, 80%) |
|
|
| 700 | oklch(0.771 0.158 56.53) | #ff9741 | hsl(27, 100%, 63%) |
|
|
| 800 | oklch(0.662 0.178 48.70) | #e66900 | hsl(27, 100%, 45%) |
|
|
| 900 | oklch(0.465 0.122 50.30) | #8d4000 | hsl(27, 100%, 28%) |
|
|
| 950 | oklch(0.241 0.058 57.89) | #331700 | hsl(27, 100%, 10%) |
|
dsfds
| 50 | oklch(0.957 0.038 111.91) | #f1f4d7 | hsl(66, 57%, 90%) |
|
|
| 100 | oklch(0.933 0.056 110.72) | #eaedc2 | hsl(64, 54%, 85%) |
|
|
| 200 | oklch(0.911 0.075 111.09) | #e3e7ad | hsl(64, 55%, 79%) |
|
|
| 300 | oklch(0.889 0.094 111.47) | #dce198 | hsl(64, 55%, 74%) |
|
|
| 400 | oklch(0.867 0.112 112.42) | #d4db83 | hsl(65, 55%, 69%) |
|
|
| 500 | oklch(0.845 0.128 112.76) | #cdd56e | hsl(65, 55%, 63%) |
|
|
| 600 | oklch(0.803 0.154 113.91) | #bec944 | hsl(65, 55%, 53%) |
|
|
| 700 | oklch(0.696 0.138 113.75) | #9da630 | hsl(65, 55%, 42%) |
|
|
| 800 | oklch(0.563 0.110 113.84) | #757c24 | hsl(65, 55%, 31%) |
|
|
| 900 | oklch(0.421 0.080 114.02) | #4d5218 | hsl(65, 55%, 21%) |
|
|
| 950 | oklch(0.266 0.046 114.53) | #25280b | hsl(66, 57%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.045 74.78) | #ffe9cc | hsl(34, 100%, 90%) |
|
|
| 100 | oklch(0.923 0.062 73.96) | #ffe0b8 | hsl(34, 100%, 86%) |
|
|
| 200 | oklch(0.901 0.079 73.29) | #ffd7a4 | hsl(34, 100%, 82%) |
|
|
| 300 | oklch(0.880 0.096 72.60) | #ffce90 | hsl(34, 100%, 78%) |
|
|
| 400 | oklch(0.862 0.112 72.65) | #ffc67c | hsl(34, 100%, 74%) |
|
|
| 500 | oklch(0.843 0.127 71.54) | #ffbd68 | hsl(34, 100%, 70%) |
|
|
| 600 | oklch(0.789 0.163 66.44) | #ffa22a | hsl(34, 100%, 58%) |
|
|
| 700 | oklch(0.714 0.167 60.24) | #ec8500 | hsl(34, 100%, 46%) |
|
|
| 800 | oklch(0.571 0.132 61.24) | #ae6200 | hsl(34, 100%, 34%) |
|
|
| 900 | oklch(0.420 0.096 62.63) | #713f00 | hsl(33, 100%, 22%) |
|
|
| 950 | oklch(0.254 0.055 70.14) | #331d00 | hsl(34, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
