Vibrant Summer Color Palette
This palette radiates a vibrant, sunny energy with soft cream, electric lime, warm gold, fiery orange, and deep burgundy, evoking a lively, cheerful atmosphere perfect for a spirited gathering.
Practical uses and creative applications
The Vibrant Summer Color Palette is a dynamic blend of bright and cheerful hues, perfect for evoking a sense of warmth and energy. Featuring soft pastel tones like #faf4e0, alongside bold pops of #d2ff1f and #ffc300, this palette captures the essence of a sun-soaked summer day.
Ideal for branding projects aimed at youthful audiences, this palette can breathe life into your logo design, making it memorable and inviting. It’s especially suited for industries like food and beverage, travel, and lifestyle, where vibrancy and positivity are key.
Web designers and creatives will find the Vibrant Summer Color Palette a fantastic choice for crafting engaging websites and digital experiences. The combination of lively colors allows for eye-catching calls to action and striking backgrounds that maintain a playful yet professional aesthetic.
Additionally, this palette can enhance packaging designs for summer-themed products, making them stand out on the shelf and appealing to consumers seeking a refreshing experience. Whether you’re designing for a boutique, a summer event, or even interior spaces, this palette invokes a joyful, carefree vibe, perfect for attracting a creative audience looking to make a bold statement.
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.952 0.038 92.23) | #f8efd3 | hsl(45, 73%, 90%) |
|
|
| 100 | oklch(0.955 0.035 92.82) | #f8f0d6 | hsl(46, 71%, 91%) |
|
|
| 200 | oklch(0.958 0.034 92.27) | #f9f1d8 | hsl(45, 73%, 91%) |
|
|
| 300 | oklch(0.961 0.031 92.94) | #f9f2db | hsl(46, 71%, 92%) |
|
|
| 400 | oklch(0.964 0.030 92.32) | #faf3dd | hsl(46, 74%, 92%) |
|
|
| 500 | oklch(0.966 0.027 93.10) | #faf4e0 | hsl(46, 72%, 93%) |
|
|
| 600 | oklch(0.889 0.088 93.44) | #eeda97 | hsl(46, 72%, 76%) |
|
|
| 700 | oklch(0.817 0.136 91.92) | #e3c04e | hsl(46, 73%, 60%) |
|
|
| 800 | oklch(0.698 0.135 90.13) | #be991f | hsl(46, 72%, 43%) |
|
|
| 900 | oklch(0.492 0.093 90.43) | #755e13 | hsl(46, 72%, 27%) |
|
|
| 950 | oklch(0.260 0.045 91.10) | #2c2307 | hsl(45, 73%, 10%) |
|
dsfds
| 50 | oklch(0.980 0.067 116.66) | #f5ffcc | hsl(72, 100%, 90%) |
|
|
| 100 | oklch(0.968 0.110 117.61) | #eeffa9 | hsl(72, 100%, 83%) |
|
|
| 200 | oklch(0.958 0.148 118.60) | #e7ff87 | hsl(72, 100%, 76%) |
|
|
| 300 | oklch(0.949 0.181 119.57) | #e0ff64 | hsl(72, 100%, 70%) |
|
|
| 400 | oklch(0.941 0.205 120.67) | #d9ff42 | hsl(72, 100%, 63%) |
|
|
| 500 | oklch(0.935 0.221 121.90) | #d2ff1f | hsl(72, 100%, 56%) |
|
|
| 600 | oklch(0.886 0.218 123.10) | #bfef00 | hsl(72, 100%, 47%) |
|
|
| 700 | oklch(0.752 0.185 123.07) | #99c000 | hsl(72, 100%, 38%) |
|
|
| 800 | oklch(0.612 0.150 122.65) | #749100 | hsl(72, 100%, 28%) |
|
|
| 900 | oklch(0.463 0.113 122.41) | #4e6200 | hsl(72, 100%, 19%) |
|
|
| 950 | oklch(0.301 0.072 120.85) | #293300 | hsl(72, 100%, 10%) |
|
dsfds
| 50 | oklch(0.964 0.052 92.93) | #fff3cc | hsl(46, 100%, 90%) |
|
|
| 100 | oklch(0.936 0.091 92.69) | #ffe9a3 | hsl(46, 100%, 82%) |
|
|
| 200 | oklch(0.912 0.126 92.85) | #ffe07a | hsl(46, 100%, 74%) |
|
|
| 300 | oklch(0.888 0.152 91.50) | #ffd652 | hsl(46, 100%, 66%) |
|
|
| 400 | oklch(0.868 0.169 89.75) | #ffcd29 | hsl(46, 100%, 58%) |
|
|
| 500 | oklch(0.848 0.174 86.06) | #ffc300 | hsl(46, 100%, 50%) |
|
|
| 600 | oklch(0.745 0.152 86.56) | #d6a400 | hsl(46, 100%, 42%) |
|
|
| 700 | oklch(0.637 0.130 87.26) | #ad8500 | hsl(46, 100%, 34%) |
|
|
| 800 | oklch(0.525 0.107 86.77) | #856500 | hsl(46, 100%, 26%) |
|
|
| 900 | oklch(0.406 0.083 88.09) | #5c4600 | hsl(46, 100%, 18%) |
|
|
| 950 | oklch(0.279 0.057 91.01) | #332700 | hsl(46, 100%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.043 57.14) | #ffe1cc | hsl(25, 100%, 90%) |
|
|
| 100 | oklch(0.875 0.080 56.59) | #ffc9a3 | hsl(25, 100%, 82%) |
|
|
| 200 | oklch(0.825 0.115 56.38) | #ffb27a | hsl(25, 100%, 74%) |
|
|
| 300 | oklch(0.778 0.149 53.97) | #ff9a52 | hsl(25, 100%, 66%) |
|
|
| 400 | oklch(0.736 0.178 50.44) | #ff8229 | hsl(25, 100%, 58%) |
|
|
| 500 | oklch(0.701 0.201 44.77) | #ff6a00 | hsl(25, 100%, 50%) |
|
|
| 600 | oklch(0.616 0.175 45.27) | #d65900 | hsl(25, 100%, 42%) |
|
|
| 700 | oklch(0.528 0.148 46.01) | #ad4800 | hsl(25, 100%, 34%) |
|
|
| 800 | oklch(0.437 0.121 46.90) | #853700 | hsl(25, 100%, 26%) |
|
|
| 900 | oklch(0.341 0.091 48.99) | #5c2600 | hsl(25, 100%, 18%) |
|
|
| 950 | oklch(0.236 0.059 54.21) | #331500 | hsl(25, 100%, 10%) |
|
dsfds
| 50 | oklch(0.907 0.047 336.95) | #f6d5ec | hsl(318, 65%, 90%) |
|
|
| 100 | oklch(0.770 0.125 339.54) | #e994ce | hsl(319, 66%, 75%) |
|
|
| 200 | oklch(0.654 0.197 342.14) | #dc54b1 | hsl(319, 66%, 60%) |
|
|
| 300 | oklch(0.546 0.207 344.69) | #bc268c | hsl(319, 66%, 44%) |
|
|
| 400 | oklch(0.404 0.149 344.04) | #7b195c | hsl(319, 66%, 29%) |
|
|
| 500 | oklch(0.251 0.084 343.14) | #3b0c2c | hsl(319, 66%, 14%) |
|
|
| 600 | oklch(0.243 0.081 342.69) | #380b2a | hsl(319, 67%, 13%) |
|
|
| 700 | oklch(0.233 0.075 342.71) | #340b27 | hsl(319, 65%, 12%) |
|
|
| 800 | oklch(0.225 0.073 342.19) | #310a25 | hsl(318, 66%, 12%) |
|
|
| 900 | oklch(0.217 0.069 343.03) | #2e0922 | hsl(319, 67%, 11%) |
|
|
| 950 | oklch(0.208 0.064 341.55) | #2a0920 | hsl(318, 65%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
