Vibrant Summer Color Palette
This vibrant palette bursts with energy, featuring a zesty lime green (#dbf73b) and a bold chartreuse (#c0cc39) that dance playfully against the striking crimson (#eb0258) and deep burgundy (#a6033f), all grounded by a moody charcoal (#2b2628) that adds a touch of sophistication to the lively composition.
Practical uses and creative applications
The Vibrant Summer Color Palette is a striking combination of lively hues that perfectly captures the essence of summertime energy. Featuring a bright yellow (#dbf73b) and a zesty green (#c0cc39) alongside bold accents of fuchsia (#eb0258) and deep red (#a6033f), this palette is ideal for brands looking to convey joy, creativity, and enthusiasm.
Whether you’re a graphic designer crafting a vibrant brand identity or a web designer aiming to create an engaging online experience, these colors can help you evoke feelings of warmth and excitement. This palette shines particularly in packaging design for summer products, such as beverages or outdoor gear, where attention-grabbing visuals are crucial.
It also suits interior design projects aimed at creating lively and inviting spaces, perfect for cafes, boutiques, or art studios. Creative professionals and brands targeting a youthful demographic will find the Vibrant Summer Color Palette to be an excellent choice for marketing campaigns or promotional materials that need to stand out and resonate with an audience eager for positivity and inspiration.
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.977 0.061 114.42) | #f6fdce | hsl(69, 92%, 90%) |
|
|
| 100 | oklch(0.965 0.096 115.01) | #f1fcb1 | hsl(69, 93%, 84%) |
|
|
| 200 | oklch(0.954 0.130 116.08) | #ebfb93 | hsl(69, 93%, 78%) |
|
|
| 300 | oklch(0.942 0.157 116.36) | #e6f976 | hsl(69, 92%, 72%) |
|
|
| 400 | oklch(0.933 0.182 117.37) | #e0f858 | hsl(69, 92%, 66%) |
|
|
| 500 | oklch(0.925 0.199 118.12) | #dbf73b | hsl(69, 92%, 60%) |
|
|
| 600 | oklch(0.913 0.215 119.67) | #d2f50a | hsl(69, 92%, 50%) |
|
|
| 700 | oklch(0.772 0.181 119.56) | #a8c408 | hsl(69, 92%, 40%) |
|
|
| 800 | oklch(0.625 0.146 119.38) | #7e9306 | hsl(69, 92%, 30%) |
|
|
| 900 | oklch(0.468 0.108 119.04) | #546204 | hsl(69, 92%, 20%) |
|
|
| 950 | oklch(0.296 0.067 118.16) | #2a3102 | hsl(69, 92%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.041 111.65) | #f2f5d6 | hsl(66, 61%, 90%) |
|
|
| 100 | oklch(0.927 0.069 111.24) | #e8ecb7 | hsl(65, 58%, 82%) |
|
|
| 200 | oklch(0.897 0.099 112.00) | #dee497 | hsl(65, 59%, 74%) |
|
|
| 300 | oklch(0.867 0.124 112.73) | #d4dc78 | hsl(65, 59%, 67%) |
|
|
| 400 | oklch(0.838 0.147 113.43) | #cad458 | hsl(65, 59%, 59%) |
|
|
| 500 | oklch(0.810 0.164 114.15) | #c0cc39 | hsl(65, 59%, 51%) |
|
|
| 600 | oklch(0.720 0.146 113.98) | #a4ae2d | hsl(65, 59%, 43%) |
|
|
| 700 | oklch(0.616 0.125 114.39) | #848d24 | hsl(65, 59%, 35%) |
|
|
| 800 | oklch(0.507 0.100 113.72) | #656b1c | hsl(65, 59%, 26%) |
|
|
| 900 | oklch(0.392 0.076 114.38) | #454a13 | hsl(65, 59%, 18%) |
|
|
| 950 | oklch(0.270 0.049 114.35) | #26290a | hsl(66, 61%, 10%) |
|
dsfds
| 50 | oklch(0.895 0.062 354.14) | #ffccdf | hsl(338, 100%, 90%) |
|
|
| 100 | oklch(0.810 0.119 356.19) | #fea0c3 | hsl(338, 98%, 81%) |
|
|
| 200 | oklch(0.736 0.175 359.08) | #fe74a7 | hsl(338, 99%, 73%) |
|
|
| 300 | oklch(0.678 0.221 2.81) | #fd488b | hsl(338, 98%, 64%) |
|
|
| 400 | oklch(0.644 0.248 8.39) | #fd1c6f | hsl(338, 98%, 55%) |
|
|
| 500 | oklch(0.600 0.239 12.30) | #eb0258 | hsl(338, 98%, 46%) |
|
|
| 600 | oklch(0.528 0.210 11.90) | #c6024a | hsl(338, 98%, 39%) |
|
|
| 700 | oklch(0.453 0.180 11.25) | #a1013c | hsl(338, 99%, 32%) |
|
|
| 800 | oklch(0.375 0.149 9.75) | #7c012f | hsl(338, 98%, 25%) |
|
|
| 900 | oklch(0.294 0.116 7.95) | #570121 | hsl(338, 98%, 17%) |
|
|
| 950 | oklch(0.207 0.083 4.16) | #330013 | hsl(338, 100%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.060 354.37) | #fecddf | hsl(338, 96%, 90%) |
|
|
| 100 | oklch(0.787 0.133 356.88) | #fd94bb | hsl(338, 96%, 79%) |
|
|
| 200 | oklch(0.698 0.201 1.20) | #fc5b96 | hsl(338, 96%, 67%) |
|
|
| 300 | oklch(0.643 0.244 7.49) | #fb2272 | hsl(338, 96%, 56%) |
|
|
| 400 | oklch(0.577 0.229 11.74) | #df0455 | hsl(338, 96%, 45%) |
|
|
| 500 | oklch(0.464 0.184 10.98) | #a6033f | hsl(338, 96%, 33%) |
|
|
| 600 | oklch(0.416 0.165 10.62) | #8f0336 | hsl(338, 96%, 29%) |
|
|
| 700 | oklch(0.367 0.145 10.03) | #78022d | hsl(338, 97%, 24%) |
|
|
| 800 | oklch(0.315 0.124 8.25) | #600225 | hsl(338, 96%, 19%) |
|
|
| 900 | oklch(0.261 0.103 6.59) | #49011c | hsl(338, 97%, 15%) |
|
|
| 950 | oklch(0.206 0.080 4.14) | #320113 | hsl(338, 96%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.004 354.70) | #e7e4e5 | hsl(340, 6%, 90%) |
|
|
| 100 | oklch(0.803 0.010 352.43) | #c4bcbf | hsl(338, 6%, 75%) |
|
|
| 200 | oklch(0.678 0.016 350.31) | #a09499 | hsl(335, 6%, 60%) |
|
|
| 300 | oklch(0.550 0.020 349.97) | #7b6d73 | hsl(334, 6%, 45%) |
|
|
| 400 | oklch(0.417 0.015 351.61) | #53494d | hsl(336, 6%, 31%) |
|
|
| 500 | oklch(0.275 0.008 351.45) | #2b2628 | hsl(336, 6%, 16%) |
|
|
| 600 | oklch(0.262 0.008 351.50) | #282325 | hsl(336, 7%, 15%) |
|
|
| 700 | oklch(0.250 0.008 351.56) | #252022 | hsl(336, 7%, 14%) |
|
|
| 800 | oklch(0.239 0.005 355.18) | #211e1f | hsl(340, 5%, 12%) |
|
|
| 900 | oklch(0.226 0.005 355.22) | #1e1b1c | hsl(340, 5%, 11%) |
|
|
| 950 | oklch(0.213 0.005 355.27) | #1b1819 | hsl(340, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
