Playful Summer Color Palette
This palette bursts with playful warmth and sunny optimism, blending vibrant coral, soft peach, and gentle olive tones that evoke a cheerful, breezy summer garden.
Practical uses and creative applications
The Playful Summer Color Palette is a vibrant and cheerful combination of colors, featuring shades like #ff7474, a lively coral, and #f59b71, a warm peach. This palette is ideal for brands looking to evoke a sense of joy and energy, making it perfect for creative sectors such as children's products, summer events, or outdoor activities.
With its bright and inviting hues, this palette can be effectively utilized in branding, web design, and packaging, helping businesses connect emotionally with their audience. Designers and creatives will find the Playful Summer Color Palette particularly inspiring for interior spaces that aim to create a light-hearted atmosphere.
The soft, sun-kissed tones of #c7c77f, #e0e0a8, and #f1f1c1 bring a refreshing touch to living rooms, nurseries, or cafes, making environments feel more inviting and playful. Whether you're revamping a website or designing a vibrant product line, this color palette strikes the perfect balance between fun and sophistication, appealing to those who embrace a youthful and spirited aesthetic.
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.890 0.058 18.30) | #ffcccc | hsl(0, 100%, 90%) |
|
|
| 100 | oklch(0.853 0.080 18.86) | #ffbaba | hsl(0, 100%, 86%) |
|
|
| 200 | oklch(0.819 0.102 19.49) | #ffa9a9 | hsl(0, 100%, 83%) |
|
|
| 300 | oklch(0.785 0.125 20.28) | #ff9797 | hsl(0, 100%, 80%) |
|
|
| 400 | oklch(0.755 0.147 21.16) | #ff8686 | hsl(0, 100%, 76%) |
|
|
| 500 | oklch(0.725 0.170 22.24) | #ff7474 | hsl(0, 100%, 73%) |
|
|
| 600 | oklch(0.650 0.236 26.90) | #ff3434 | hsl(0, 100%, 60%) |
|
|
| 700 | oklch(0.605 0.248 29.23) | #f30000 | hsl(0, 100%, 48%) |
|
|
| 800 | oklch(0.481 0.198 29.23) | #b30000 | hsl(0, 100%, 35%) |
|
|
| 900 | oklch(0.349 0.143 29.23) | #730000 | hsl(0, 100%, 23%) |
|
|
| 950 | oklch(0.202 0.083 29.23) | #330000 | hsl(0, 100%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.039 45.81) | #fcddcf | hsl(19, 88%, 90%) |
|
|
| 100 | oklch(0.888 0.055 46.90) | #fad0bc | hsl(19, 86%, 86%) |
|
|
| 200 | oklch(0.859 0.071 46.06) | #f9c3aa | hsl(19, 87%, 82%) |
|
|
| 300 | oklch(0.830 0.088 46.19) | #f8b697 | hsl(19, 87%, 78%) |
|
|
| 400 | oklch(0.799 0.105 45.56) | #f6a884 | hsl(19, 86%, 74%) |
|
|
| 500 | oklch(0.772 0.122 45.48) | #f59b71 | hsl(19, 87%, 70%) |
|
|
| 600 | oklch(0.695 0.171 43.49) | #f17338 | hsl(19, 87%, 58%) |
|
|
| 700 | oklch(0.614 0.187 40.00) | #dc500f | hsl(19, 87%, 46%) |
|
|
| 800 | oklch(0.492 0.146 40.57) | #a23b0b | hsl(19, 87%, 34%) |
|
|
| 900 | oklch(0.364 0.104 41.45) | #692607 | hsl(19, 88%, 22%) |
|
|
| 950 | oklch(0.223 0.056 45.07) | #301103 | hsl(19, 88%, 10%) |
|
dsfds
| 50 | oklch(0.947 0.025 106.87) | #efefdc | hsl(60, 37%, 90%) |
|
|
| 100 | oklch(0.920 0.040 107.15) | #e7e7c9 | hsl(60, 38%, 85%) |
|
|
| 200 | oklch(0.893 0.053 107.42) | #dfdfb7 | hsl(60, 38%, 80%) |
|
|
| 300 | oklch(0.867 0.067 107.72) | #d7d7a4 | hsl(60, 39%, 74%) |
|
|
| 400 | oklch(0.840 0.080 108.00) | #cfcf92 | hsl(60, 39%, 69%) |
|
|
| 500 | oklch(0.813 0.093 108.31) | #c7c77f | hsl(60, 39%, 64%) |
|
|
| 600 | oklch(0.757 0.116 108.89) | #b6b659 | hsl(60, 39%, 53%) |
|
|
| 700 | oklch(0.655 0.107 109.02) | #969642 | hsl(60, 39%, 42%) |
|
|
| 800 | oklch(0.531 0.085 108.98) | #707031 | hsl(60, 39%, 32%) |
|
|
| 900 | oklch(0.399 0.062 108.90) | #4a4a20 | hsl(60, 40%, 21%) |
|
|
| 950 | oklch(0.251 0.032 108.53) | #232310 | hsl(60, 37%, 10%) |
|
dsfds
| 50 | oklch(0.955 0.033 107.01) | #f2f2d9 | hsl(60, 49%, 90%) |
|
|
| 100 | oklch(0.941 0.039 107.13) | #eeeed0 | hsl(60, 47%, 87%) |
|
|
| 200 | oklch(0.931 0.049 107.31) | #ebebc6 | hsl(60, 48%, 85%) |
|
|
| 300 | oklch(0.917 0.056 107.46) | #e7e7bc | hsl(60, 47%, 82%) |
|
|
| 400 | oklch(0.907 0.065 107.63) | #e4e4b2 | hsl(60, 48%, 80%) |
|
|
| 500 | oklch(0.893 0.073 107.79) | #e0e0a8 | hsl(60, 47%, 77%) |
|
|
| 600 | oklch(0.832 0.111 108.59) | #cece76 | hsl(60, 47%, 64%) |
|
|
| 700 | oklch(0.773 0.141 109.29) | #bcbc43 | hsl(60, 47%, 50%) |
|
|
| 800 | oklch(0.616 0.111 109.25) | #8a8a31 | hsl(60, 48%, 37%) |
|
|
| 900 | oklch(0.448 0.078 109.17) | #58581f | hsl(60, 48%, 23%) |
|
|
| 950 | oklch(0.262 0.041 108.91) | #26260d | hsl(60, 49%, 10%) |
|
dsfds
| 50 | oklch(0.965 0.043 107.18) | #f6f6d5 | hsl(60, 65%, 90%) |
|
|
| 100 | oklch(0.961 0.047 107.25) | #f5f5d1 | hsl(60, 64%, 89%) |
|
|
| 200 | oklch(0.957 0.051 107.32) | #f4f4cd | hsl(60, 64%, 88%) |
|
|
| 300 | oklch(0.954 0.055 107.39) | #f3f3c9 | hsl(60, 64%, 87%) |
|
|
| 400 | oklch(0.950 0.058 107.46) | #f2f2c5 | hsl(60, 63%, 86%) |
|
|
| 500 | oklch(0.946 0.062 107.53) | #f1f1c1 | hsl(60, 63%, 85%) |
|
|
| 600 | oklch(0.895 0.119 108.58) | #e3e383 | hsl(60, 63%, 70%) |
|
|
| 700 | oklch(0.848 0.161 109.39) | #d5d544 | hsl(60, 63%, 55%) |
|
|
| 800 | oklch(0.706 0.142 109.55) | #a7a726 | hsl(60, 63%, 40%) |
|
|
| 900 | oklch(0.502 0.099 109.48) | #686818 | hsl(60, 63%, 25%) |
|
|
| 950 | oklch(0.277 0.050 109.26) | #2a2a09 | hsl(60, 65%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
