Vibrant Color Palette for Summer
This vibrant palette bursts with energy, blending zesty lime green, sunny gold, fiery coral, bold crimson, and refreshing teal for an eclectic, playful vibe that radiates warmth and creativity.
Practical uses and creative applications
The Vibrant Color Palette for Summer is a lively collection that exudes warmth and energy, making it a perfect choice for various design applications. With hues like #a3a948 (a refreshing olive green), #edb92e (a sunny yellow), #f85931 (a bold coral), #ce1836 (a striking red), and #009989 (a cool teal), this palette can transform any project into a celebration of summer’s essence.
Designers and creatives can harness this palette for branding, web design, or packaging, ensuring their work stands out with an inviting and cheerful vibe. Ideal for brands targeting a youthful and adventurous audience, this vibrant palette suits businesses in the travel, fashion, and lifestyle sectors.
Whether it’s an online store looking to evoke excitement or a café wanting to create an inviting atmosphere, these colors can enhance the overall aesthetic and mood. Furthermore, the Vibrant Color Palette for Summer is also perfect for interior design, infusing spaces with a fresh and dynamic feel that resonates with comfort and joy.
Embrace this palette to captivate your audience and breathe life into your creative projects.
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.948 0.028 111.34) | #eef0db | hsl(66, 41%, 90%) |
|
|
| 100 | oklch(0.904 0.050 111.07) | #e0e3bd | hsl(65, 40%, 82%) |
|
|
| 200 | oklch(0.859 0.074 111.26) | #d2d69e | hsl(64, 41%, 73%) |
|
|
| 300 | oklch(0.815 0.095 111.67) | #c4c980 | hsl(64, 40%, 65%) |
|
|
| 400 | oklch(0.771 0.115 112.15) | #b6bc61 | hsl(64, 40%, 56%) |
|
|
| 500 | oklch(0.710 0.121 112.35) | #a3a948 | hsl(64, 40%, 47%) |
|
|
| 600 | oklch(0.625 0.105 112.29) | #898e3d | hsl(64, 40%, 40%) |
|
|
| 700 | oklch(0.541 0.090 112.17) | #707431 | hsl(64, 41%, 32%) |
|
|
| 800 | oklch(0.449 0.073 112.02) | #565926 | hsl(64, 40%, 25%) |
|
|
| 900 | oklch(0.353 0.054 111.76) | #3c3e1b | hsl(63, 39%, 17%) |
|
|
| 950 | oklch(0.252 0.036 113.43) | #22240f | hsl(66, 41%, 10%) |
|
dsfds
| 50 | oklch(0.954 0.043 89.36) | #fbefd0 | hsl(43, 84%, 90%) |
|
|
| 100 | oklch(0.923 0.070 89.48) | #f8e4b0 | hsl(43, 84%, 83%) |
|
|
| 200 | oklch(0.894 0.099 90.43) | #f5da8f | hsl(44, 84%, 76%) |
|
|
| 300 | oklch(0.866 0.122 89.19) | #f3cf6f | hsl(44, 85%, 69%) |
|
|
| 400 | oklch(0.838 0.142 88.21) | #f0c44e | hsl(44, 84%, 62%) |
|
|
| 500 | oklch(0.811 0.154 86.27) | #edb92e | hsl(44, 84%, 55%) |
|
|
| 600 | oklch(0.749 0.150 84.15) | #daa413 | hsl(44, 84%, 46%) |
|
|
| 700 | oklch(0.638 0.127 84.75) | #af840f | hsl(44, 84%, 37%) |
|
|
| 800 | oklch(0.520 0.103 84.73) | #84630b | hsl(44, 85%, 28%) |
|
|
| 900 | oklch(0.397 0.077 84.82) | #5a4308 | hsl(43, 84%, 19%) |
|
|
| 950 | oklch(0.263 0.049 87.16) | #2f2304 | hsl(43, 84%, 10%) |
|
dsfds
| 50 | oklch(0.909 0.044 33.52) | #fdd7ce | hsl(11, 92%, 90%) |
|
|
| 100 | oklch(0.854 0.075 34.94) | #fcbeae | hsl(12, 93%, 84%) |
|
|
| 200 | oklch(0.802 0.107 35.03) | #fba58f | hsl(12, 93%, 77%) |
|
|
| 300 | oklch(0.753 0.140 35.24) | #fa8c70 | hsl(12, 93%, 71%) |
|
|
| 400 | oklch(0.708 0.173 35.29) | #f97250 | hsl(12, 93%, 65%) |
|
|
| 500 | oklch(0.671 0.202 35.01) | #f85931 | hsl(12, 93%, 58%) |
|
|
| 600 | oklch(0.623 0.225 33.24) | #f03708 | hsl(12, 94%, 49%) |
|
|
| 700 | oklch(0.529 0.189 33.43) | #c02c07 | hsl(12, 93%, 39%) |
|
|
| 800 | oklch(0.430 0.151 33.90) | #902105 | hsl(12, 93%, 29%) |
|
|
| 900 | oklch(0.327 0.111 34.87) | #611603 | hsl(12, 94%, 20%) |
|
|
| 950 | oklch(0.215 0.065 37.43) | #310b02 | hsl(11, 92%, 10%) |
|
dsfds
| 50 | oklch(0.898 0.047 6.51) | #fad1d8 | hsl(350, 80%, 90%) |
|
|
| 100 | oklch(0.809 0.092 8.22) | #f5a8b5 | hsl(350, 79%, 81%) |
|
|
| 200 | oklch(0.727 0.139 10.49) | #f07f92 | hsl(350, 79%, 72%) |
|
|
| 300 | oklch(0.657 0.184 13.77) | #eb566f | hsl(350, 79%, 63%) |
|
|
| 400 | oklch(0.606 0.218 18.58) | #e72d4c | hsl(350, 79%, 54%) |
|
|
| 500 | oklch(0.546 0.209 21.06) | #ce1836 | hsl(350, 79%, 45%) |
|
|
| 600 | oklch(0.482 0.183 20.55) | #ae142e | hsl(350, 79%, 38%) |
|
|
| 700 | oklch(0.417 0.156 20.41) | #8e1125 | hsl(350, 79%, 31%) |
|
|
| 800 | oklch(0.349 0.128 19.47) | #6e0d1d | hsl(350, 79%, 24%) |
|
|
| 900 | oklch(0.278 0.099 18.69) | #4e0914 | hsl(350, 79%, 17%) |
|
|
| 950 | oklch(0.201 0.067 15.17) | #2e050c | hsl(350, 80%, 10%) |
|
dsfds
| 50 | oklch(0.964 0.052 188.95) | #ccfffa | hsl(174, 100%, 90%) |
|
|
| 100 | oklch(0.930 0.105 186.61) | #8ffff3 | hsl(174, 100%, 78%) |
|
|
| 200 | oklch(0.909 0.141 184.97) | #52ffed | hsl(174, 100%, 66%) |
|
|
| 300 | oklch(0.898 0.159 182.34) | #14ffe6 | hsl(174, 100%, 54%) |
|
|
| 400 | oklch(0.786 0.141 181.98) | #00d6c0 | hsl(174, 100%, 42%) |
|
|
| 500 | oklch(0.613 0.110 182.06) | #009989 | hsl(174, 100%, 30%) |
|
|
| 600 | oklch(0.553 0.099 182.14) | #008577 | hsl(174, 100%, 26%) |
|
|
| 700 | oklch(0.489 0.088 182.14) | #007064 | hsl(174, 100%, 22%) |
|
|
| 800 | oklch(0.426 0.076 182.25) | #005c52 | hsl(173, 100%, 18%) |
|
|
| 900 | oklch(0.357 0.063 183.77) | #004740 | hsl(174, 100%, 14%) |
|
|
| 950 | oklch(0.289 0.051 184.47) | #00332e | hsl(174, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
