Bold Summer Vibes Color Palette
This palette radiates a bold, passionate energy with deep crimson and vibrant coral, balanced by a warm, sunlit yellow and soft peach, evoking a lively, playful atmosphere perfect for a spirited summer gathering.
Practical uses and creative applications
The Bold Summer Vibes Color Palette infuses energy and warmth into any design project, making it perfect for those looking to evoke a lively atmosphere. Featuring a striking combination of deep crimson (#670d0f), vibrant pink (#f01945), cheerful orange (#f36444), sunny yellow (#ffce6f), and soft peach (#ffe3c9), this palette works wonders in branding, web design, and packaging.
Whether you’re crafting a summer campaign for a trendy clothing line or refreshing the look of a beach resort website, these colors can help create an engaging and memorable visual identity. Ideal for designers and creatives aiming to capture the essence of summer, this color palette is particularly suited for youth-centric brands, outdoor events, and lifestyle products.
The bold hues can be used to create eye-catching graphics, lively social media posts, and dynamic marketing materials that resonate with a vibrant audience. In interior design, these colors can bring warmth and cheerfulness to spaces, perfect for summer-themed rooms, cafes, or pop-up shops.
Embrace the lively spirit of summer with the Bold Summer Vibes Color Palette and watch your projects come to 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.897 0.044 16.26) | #f9d2d3 | hsl(358, 76%, 90%) |
|
|
| 100 | oklch(0.766 0.112 18.62) | #f29597 | hsl(359, 78%, 77%) |
|
|
| 200 | oklch(0.654 0.181 22.41) | #ea585b | hsl(359, 78%, 63%) |
|
|
| 300 | oklch(0.581 0.225 27.27) | #e11c21 | hsl(358, 78%, 50%) |
|
|
| 400 | oklch(0.461 0.176 27.02) | #a41518 | hsl(359, 77%, 36%) |
|
|
| 500 | oklch(0.333 0.123 26.28) | #670d0f | hsl(359, 78%, 23%) |
|
|
| 600 | oklch(0.306 0.111 26.33) | #5b0c0d | hsl(359, 77%, 20%) |
|
|
| 700 | oklch(0.281 0.101 25.46) | #500a0c | hsl(358, 78%, 18%) |
|
|
| 800 | oklch(0.254 0.088 25.42) | #44090a | hsl(359, 77%, 15%) |
|
|
| 900 | oklch(0.228 0.078 24.88) | #390708 | hsl(359, 78%, 13%) |
|
|
| 950 | oklch(0.199 0.064 23.56) | #2d0607 | hsl(358, 76%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.052 4.72) | #fccfd8 | hsl(348, 88%, 90%) |
|
|
| 100 | oklch(0.821 0.095 6.07) | #faabbb | hsl(348, 89%, 83%) |
|
|
| 200 | oklch(0.750 0.139 8.02) | #f7869d | hsl(348, 88%, 75%) |
|
|
| 300 | oklch(0.690 0.181 10.71) | #f56280 | hsl(348, 88%, 67%) |
|
|
| 400 | oklch(0.641 0.215 14.54) | #f23d62 | hsl(348, 87%, 59%) |
|
|
| 500 | oklch(0.611 0.236 19.50) | #f01945 | hsl(348, 88%, 52%) |
|
|
| 600 | oklch(0.548 0.215 20.56) | #d10e36 | hsl(348, 87%, 44%) |
|
|
| 700 | oklch(0.467 0.182 20.17) | #a80b2b | hsl(348, 88%, 35%) |
|
|
| 800 | oklch(0.384 0.148 19.21) | #800821 | hsl(348, 88%, 27%) |
|
|
| 900 | oklch(0.297 0.112 17.58) | #580617 | hsl(348, 87%, 18%) |
|
|
| 950 | oklch(0.202 0.073 14.13) | #30030c | hsl(348, 88%, 10%) |
|
dsfds
| 50 | oklch(0.908 0.043 32.23) | #fcd7cf | hsl(11, 88%, 90%) |
|
|
| 100 | oklch(0.857 0.070 32.89) | #fac0b3 | hsl(11, 88%, 84%) |
|
|
| 200 | oklch(0.807 0.097 33.37) | #f8a997 | hsl(11, 87%, 78%) |
|
|
| 300 | oklch(0.761 0.127 33.18) | #f7927c | hsl(11, 88%, 73%) |
|
|
| 400 | oklch(0.718 0.156 33.76) | #f57b60 | hsl(11, 88%, 67%) |
|
|
| 500 | oklch(0.679 0.183 34.12) | #f36444 | hsl(11, 88%, 61%) |
|
|
| 600 | oklch(0.627 0.222 33.08) | #f03b13 | hsl(11, 88%, 51%) |
|
|
| 700 | oklch(0.536 0.190 33.20) | #c32e0c | hsl(11, 88%, 41%) |
|
|
| 800 | oklch(0.435 0.151 33.31) | #922209 | hsl(11, 88%, 30%) |
|
|
| 900 | oklch(0.329 0.109 34.05) | #611706 | hsl(11, 88%, 20%) |
|
|
| 950 | oklch(0.213 0.063 36.09) | #300b03 | hsl(11, 88%, 10%) |
|
dsfds
| 50 | oklch(0.954 0.048 84.56) | #ffeecc | hsl(40, 100%, 90%) |
|
|
| 100 | oklch(0.936 0.065 83.56) | #ffe7b9 | hsl(39, 100%, 86%) |
|
|
| 200 | oklch(0.921 0.081 83.58) | #ffe1a7 | hsl(40, 100%, 83%) |
|
|
| 300 | oklch(0.906 0.097 83.73) | #ffdb94 | hsl(40, 100%, 79%) |
|
|
| 400 | oklch(0.890 0.112 82.58) | #ffd482 | hsl(39, 100%, 75%) |
|
|
| 500 | oklch(0.876 0.126 82.37) | #ffce6f | hsl(40, 100%, 72%) |
|
|
| 600 | oklch(0.830 0.160 78.67) | #ffb930 | hsl(40, 100%, 59%) |
|
|
| 700 | oklch(0.762 0.163 72.31) | #f09e00 | hsl(40, 100%, 47%) |
|
|
| 800 | oklch(0.610 0.130 73.53) | #b17500 | hsl(40, 100%, 35%) |
|
|
| 900 | oklch(0.446 0.094 74.85) | #724b00 | hsl(39, 100%, 22%) |
|
|
| 950 | oklch(0.266 0.055 80.87) | #332200 | hsl(40, 100%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.044 66.14) | #ffe5cc | hsl(29, 100%, 90%) |
|
|
| 100 | oklch(0.934 0.044 65.06) | #ffe4cb | hsl(29, 100%, 90%) |
|
|
| 200 | oklch(0.934 0.044 65.06) | #ffe4cb | hsl(29, 100%, 90%) |
|
|
| 300 | oklch(0.934 0.045 66.15) | #ffe4ca | hsl(29, 100%, 90%) |
|
|
| 400 | oklch(0.932 0.045 64.01) | #ffe3ca | hsl(28, 100%, 90%) |
|
|
| 500 | oklch(0.932 0.046 65.11) | #ffe3c9 | hsl(29, 100%, 89%) |
|
|
| 600 | oklch(0.837 0.115 63.08) | #ffb978 | hsl(29, 100%, 74%) |
|
|
| 700 | oklch(0.756 0.171 56.84) | #ff8f27 | hsl(29, 100%, 58%) |
|
|
| 800 | oklch(0.635 0.164 51.60) | #d56700 | hsl(29, 100%, 42%) |
|
|
| 900 | oklch(0.451 0.113 53.71) | #844000 | hsl(29, 100%, 26%) |
|
|
| 950 | oklch(0.245 0.056 61.81) | #331900 | hsl(29, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
