Vibrant Color Palette for Summer
This vibrant palette blends deep mauve, refreshing teal, sunny yellow, bold coral, and striking fuchsia, evoking a lively, eclectic vibe that's both playful and modern.
Practical uses and creative applications
The Vibrant Color Palette for Summer is an exhilarating blend of hues that captures the essence of sunny days and lively outdoor adventures. Featuring rich tones like #5e5473, a deep mauve, and #19b5a5, a refreshing teal, this palette evokes feelings of joy and vitality.
Ideal for designers and creatives looking to infuse energy into their projects, it’s perfect for branding, web design, and packaging that aims to stand out in a crowded market. The playful yellows of #ede89d and the bold coral of #ff6933, complemented by the striking #ff0048, make this palette a go-to choice for summer campaigns or seasonal product launches.
Whether you’re designing a vibrant website for a trendy boutique, creating eye-catching packaging for a summer beverage brand, or revamping an interior space with a cheerful ambiance, the Vibrant Color Palette for Summer is your creative ally. This collection not only appeals to youthful brands but also resonates with audiences looking for an uplifting aesthetic.
Perfect for outdoor events, lifestyle brands, and creative projects, this palette invites viewers to embrace the warmth and excitement of summer, making it an excellent choice for any designer aiming to evoke a lively, carefree mood.
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.916 0.010 299.23) | #e4e2e9 | hsl(257, 14%, 90%) |
|
|
| 100 | oklch(0.827 0.024 301.88) | #c9c3d4 | hsl(261, 17%, 80%) |
|
|
| 200 | oklch(0.737 0.037 300.10) | #ada5be | hsl(259, 16%, 70%) |
|
|
| 300 | oklch(0.645 0.050 300.23) | #9287a8 | hsl(260, 16%, 59%) |
|
|
| 400 | oklch(0.551 0.061 299.67) | #776a91 | hsl(260, 16%, 49%) |
|
|
| 500 | oklch(0.468 0.051 299.22) | #5e5473 | hsl(259, 16%, 39%) |
|
|
| 600 | oklch(0.420 0.044 298.61) | #504862 | hsl(258, 15%, 33%) |
|
|
| 700 | oklch(0.369 0.038 299.10) | #423b51 | hsl(259, 16%, 27%) |
|
|
| 800 | oklch(0.318 0.031 298.12) | #342f40 | hsl(258, 15%, 22%) |
|
|
| 900 | oklch(0.262 0.025 298.79) | #26222f | hsl(258, 16%, 16%) |
|
|
| 950 | oklch(0.206 0.014 298.23) | #18161d | hsl(257, 14%, 10%) |
|
dsfds
| 50 | oklch(0.953 0.040 188.90) | #d2f9f5 | hsl(174, 76%, 90%) |
|
|
| 100 | oklch(0.912 0.076 187.74) | #a6f3eb | hsl(174, 76%, 80%) |
|
|
| 200 | oklch(0.875 0.107 186.55) | #79ede1 | hsl(174, 76%, 70%) |
|
|
| 300 | oklch(0.842 0.128 185.67) | #4de6d7 | hsl(174, 75%, 60%) |
|
|
| 400 | oklch(0.817 0.141 183.89) | #20e0cd | hsl(174, 76%, 50%) |
|
|
| 500 | oklch(0.696 0.120 183.58) | #19b5a5 | hsl(174, 76%, 40%) |
|
|
| 600 | oklch(0.618 0.106 183.38) | #159a8c | hsl(174, 76%, 34%) |
|
|
| 700 | oklch(0.537 0.092 183.11) | #117f73 | hsl(173, 76%, 28%) |
|
|
| 800 | oklch(0.451 0.076 184.93) | #0e635b | hsl(174, 75%, 22%) |
|
|
| 900 | oklch(0.363 0.060 184.96) | #0a4842 | hsl(174, 76%, 16%) |
|
|
| 950 | oklch(0.270 0.043 185.00) | #062d29 | hsl(174, 76%, 10%) |
|
dsfds
| 50 | oklch(0.963 0.043 104.33) | #f7f5d4 | hsl(57, 69%, 90%) |
|
|
| 100 | oklch(0.953 0.053 103.91) | #f5f2c9 | hsl(56, 69%, 87%) |
|
|
| 200 | oklch(0.945 0.065 104.72) | #f3f0be | hsl(57, 69%, 85%) |
|
|
| 300 | oklch(0.935 0.075 104.44) | #f1edb3 | hsl(56, 69%, 82%) |
|
|
| 400 | oklch(0.928 0.086 105.06) | #efeba8 | hsl(57, 69%, 80%) |
|
|
| 500 | oklch(0.918 0.095 104.86) | #ede89d | hsl(56, 69%, 77%) |
|
|
| 600 | oklch(0.872 0.140 105.40) | #e2da63 | hsl(56, 69%, 64%) |
|
|
| 700 | oklch(0.832 0.167 105.35) | #d8cd29 | hsl(56, 69%, 50%) |
|
|
| 800 | oklch(0.663 0.133 105.47) | #9f971d | hsl(56, 69%, 37%) |
|
|
| 900 | oklch(0.479 0.094 105.56) | #656013 | hsl(56, 68%, 24%) |
|
|
| 950 | oklch(0.275 0.050 105.87) | #2b2908 | hsl(57, 69%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.046 41.83) | #ffdacc | hsl(16, 100%, 90%) |
|
|
| 100 | oklch(0.866 0.076 41.05) | #ffc3ad | hsl(16, 100%, 84%) |
|
|
| 200 | oklch(0.820 0.105 40.89) | #ffad8f | hsl(16, 100%, 78%) |
|
|
| 300 | oklch(0.775 0.137 40.50) | #ff9670 | hsl(16, 100%, 72%) |
|
|
| 400 | oklch(0.737 0.166 40.08) | #ff8052 | hsl(16, 100%, 66%) |
|
|
| 500 | oklch(0.702 0.195 38.96) | #ff6933 | hsl(16, 100%, 60%) |
|
|
| 600 | oklch(0.659 0.230 35.22) | #ff4400 | hsl(16, 100%, 50%) |
|
|
| 700 | oklch(0.559 0.193 35.57) | #cc3600 | hsl(16, 100%, 40%) |
|
|
| 800 | oklch(0.454 0.154 36.49) | #992900 | hsl(16, 100%, 30%) |
|
|
| 900 | oklch(0.343 0.112 37.89) | #661b00 | hsl(16, 100%, 20%) |
|
|
| 950 | oklch(0.223 0.066 43.47) | #330e00 | hsl(16, 100%, 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%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
