Vibrant Summer Color Palette
This vibrant palette bursts with a refreshing blend of teal, mint green, sunny yellow, warm peach, and bold coral, evoking a spirited, playful atmosphere that radiates joy and optimism.
Practical uses and creative applications
The Vibrant Summer Color Palette is a striking blend of refreshing hues that evoke the joyful essence of summer. Featuring calming blues (#5cacc4) and lush greens (#8cd19d), complemented by sunny yellows (#cee879) and vibrant oranges (#fcb653) alongside a bold pop of red (#ff5254), this palette is perfect for projects that aim to inspire positivity and energy.
Ideal for branding, web design, and packaging, it captures the spirit of adventure and warmth, making it an excellent choice for businesses in the travel, wellness, and lifestyle sectors. Designers and creatives will find this palette particularly appealing for interiors that seek to create a lively atmosphere.
Whether you are revamping a café, designing a children's playroom, or curating a summer-themed event, the Vibrant Summer Color Palette helps evoke feelings of joy and excitement. Its bright and cheerful shades are not only visually appealing but also encourage a sense of connection and playfulness, making it ideal for any project that aims to celebrate the vibrancy of life.
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.931 0.020 216.20) | #daecf1 | hsl(193, 45%, 90%) |
|
|
| 100 | oklch(0.884 0.035 217.16) | #c0dfe8 | hsl(194, 47%, 83%) |
|
|
| 200 | oklch(0.837 0.049 218.17) | #a7d2df | hsl(194, 47%, 76%) |
|
|
| 300 | oklch(0.793 0.062 217.43) | #8ec6d6 | hsl(193, 47%, 70%) |
|
|
| 400 | oklch(0.748 0.074 218.51) | #75b9cd | hsl(194, 47%, 63%) |
|
|
| 500 | oklch(0.703 0.086 219.69) | #5cacc4 | hsl(194, 47%, 56%) |
|
|
| 600 | oklch(0.634 0.091 220.73) | #4097b1 | hsl(194, 47%, 47%) |
|
|
| 700 | oklch(0.541 0.077 220.70) | #33798e | hsl(194, 47%, 38%) |
|
|
| 800 | oklch(0.443 0.061 220.97) | #275b6b | hsl(194, 47%, 29%) |
|
|
| 900 | oklch(0.342 0.045 218.53) | #1a3e48 | hsl(193, 47%, 19%) |
|
|
| 950 | oklch(0.230 0.026 217.75) | #0e2025 | hsl(193, 45%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.031 152.87) | #dbf0e0 | hsl(134, 41%, 90%) |
|
|
| 100 | oklch(0.908 0.045 153.30) | #cbead3 | hsl(135, 42%, 86%) |
|
|
| 200 | oklch(0.881 0.060 152.44) | #bbe4c5 | hsl(135, 43%, 81%) |
|
|
| 300 | oklch(0.855 0.074 152.46) | #abdeb8 | hsl(135, 44%, 77%) |
|
|
| 400 | oklch(0.827 0.087 151.49) | #9cd7aa | hsl(134, 42%, 73%) |
|
|
| 500 | oklch(0.801 0.101 151.34) | #8cd19d | hsl(135, 43%, 68%) |
|
|
| 600 | oklch(0.731 0.137 150.06) | #61c079 | hsl(135, 43%, 57%) |
|
|
| 700 | oklch(0.642 0.142 148.87) | #42a45a | hsl(135, 43%, 45%) |
|
|
| 800 | oklch(0.519 0.112 149.07) | #317a43 | hsl(135, 43%, 34%) |
|
|
| 900 | oklch(0.384 0.079 149.04) | #204f2b | hsl(134, 42%, 22%) |
|
|
| 950 | oklch(0.237 0.041 150.03) | #0f2414 | hsl(134, 41%, 10%) |
|
dsfds
| 50 | oklch(0.963 0.049 118.44) | #eff8d3 | hsl(75, 73%, 90%) |
|
|
| 100 | oklch(0.945 0.068 118.46) | #e8f4c1 | hsl(74, 70%, 86%) |
|
|
| 200 | oklch(0.931 0.087 118.52) | #e2f1af | hsl(74, 70%, 82%) |
|
|
| 300 | oklch(0.916 0.106 119.28) | #dbee9d | hsl(74, 70%, 77%) |
|
|
| 400 | oklch(0.903 0.123 119.49) | #d5eb8b | hsl(74, 71%, 73%) |
|
|
| 500 | oklch(0.888 0.140 120.20) | #cee879 | hsl(74, 71%, 69%) |
|
|
| 600 | oklch(0.850 0.179 121.79) | #bbdf45 | hsl(74, 71%, 57%) |
|
|
| 700 | oklch(0.772 0.180 122.88) | #a0c622 | hsl(74, 71%, 45%) |
|
|
| 800 | oklch(0.619 0.144 123.01) | #769319 | hsl(74, 71%, 34%) |
|
|
| 900 | oklch(0.455 0.102 122.20) | #4d5f10 | hsl(74, 71%, 22%) |
|
|
| 950 | oklch(0.275 0.058 122.08) | #232c07 | hsl(75, 73%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.044 77.23) | #feeacd | hsl(36, 96%, 90%) |
|
|
| 100 | oklch(0.919 0.066 75.81) | #fedfb4 | hsl(35, 97%, 85%) |
|
|
| 200 | oklch(0.894 0.086 76.10) | #fdd59c | hsl(35, 96%, 80%) |
|
|
| 300 | oklch(0.871 0.105 75.37) | #fdcb84 | hsl(35, 97%, 75%) |
|
|
| 400 | oklch(0.845 0.123 74.36) | #fcc06b | hsl(35, 96%, 70%) |
|
|
| 500 | oklch(0.824 0.140 72.94) | #fcb653 | hsl(35, 97%, 66%) |
|
|
| 600 | oklch(0.776 0.166 67.07) | #fb9e1b | hsl(35, 97%, 55%) |
|
|
| 700 | oklch(0.684 0.154 63.74) | #da8104 | hsl(35, 96%, 44%) |
|
|
| 800 | oklch(0.551 0.123 64.80) | #a26003 | hsl(35, 96%, 32%) |
|
|
| 900 | oklch(0.410 0.090 66.89) | #6a3f02 | hsl(35, 96%, 21%) |
|
|
| 950 | oklch(0.255 0.053 72.81) | #321e01 | hsl(36, 96%, 10%) |
|
dsfds
| 50 | oklch(0.890 0.058 16.98) | #ffcccd | hsl(359, 100%, 90%) |
|
|
| 100 | oklch(0.841 0.088 19.07) | #ffb4b4 | hsl(0, 100%, 85%) |
|
|
| 200 | oklch(0.792 0.120 19.46) | #ff9b9c | hsl(359, 100%, 80%) |
|
|
| 300 | oklch(0.750 0.151 20.84) | #ff8384 | hsl(360, 100%, 76%) |
|
|
| 400 | oklch(0.711 0.182 22.13) | #ff6a6c | hsl(359, 100%, 71%) |
|
|
| 500 | oklch(0.679 0.209 24.05) | #ff5254 | hsl(359, 100%, 66%) |
|
|
| 600 | oklch(0.634 0.251 28.26) | #ff191b | hsl(359, 100%, 55%) |
|
|
| 700 | oklch(0.568 0.233 29.01) | #df0003 | hsl(359, 100%, 44%) |
|
|
| 800 | oklch(0.453 0.186 28.94) | #a50002 | hsl(359, 100%, 32%) |
|
|
| 900 | oklch(0.334 0.137 28.87) | #6c0001 | hsl(359, 100%, 21%) |
|
|
| 950 | oklch(0.202 0.082 27.59) | #330001 | hsl(359, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
