Vibrant Color Palette for Summer
This vibrant palette bursts with fiery orange and crimson, balanced by deep teal and refreshing aqua, evoking a bold, energetic vibe that's both modern and invigorating.
Practical uses and creative applications
The Vibrant Color Palette for Summer is a stunning collection designed to evoke the warmth and energy of the season. Featuring bold shades like #fb6900 and #f63700, this palette is perfect for branding projects that aim to capture attention and convey a sense of excitement.
Whether you're designing a website for a trendy summer festival or creating eye-catching packaging for a new beverage line, these colors will infuse your work with a lively, spirited vibe that appeals to youthful and adventurous audiences. Ideal for designers and creatives looking to make a statement, this palette harmonizes beautifully with both modern and eclectic styles.
The contrasting deep tones of #004853 and #007e80 provide balance, while the refreshing #00b9bd adds a pop of vibrancy. This makes it an excellent choice for interior design projects that seek to create an inviting atmosphere, such as cafes, outdoor spaces, or summer-themed events.
By incorporating this vibrant color palette into your next project, you can ensure that your designs not only stand out but also resonate with those looking to celebrate the joys of summer.
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.929 0.043 57.14) | #ffe1cc | hsl(25, 100%, 90%) |
|
|
| 100 | oklch(0.874 0.080 57.28) | #ffc9a2 | hsl(25, 100%, 82%) |
|
|
| 200 | oklch(0.823 0.116 56.00) | #ffb179 | hsl(25, 100%, 74%) |
|
|
| 300 | oklch(0.776 0.151 54.22) | #ff994f | hsl(25, 100%, 65%) |
|
|
| 400 | oklch(0.735 0.180 50.42) | #ff8126 | hsl(25, 100%, 57%) |
|
|
| 500 | oklch(0.694 0.198 45.03) | #fb6900 | hsl(25, 100%, 49%) |
|
|
| 600 | oklch(0.610 0.173 45.41) | #d35800 | hsl(25, 100%, 41%) |
|
|
| 700 | oklch(0.525 0.146 46.47) | #ab4800 | hsl(25, 100%, 34%) |
|
|
| 800 | oklch(0.434 0.119 47.53) | #833700 | hsl(25, 100%, 26%) |
|
|
| 900 | oklch(0.339 0.090 49.47) | #5b2600 | hsl(25, 100%, 18%) |
|
|
| 950 | oklch(0.236 0.059 54.21) | #331500 | hsl(25, 100%, 10%) |
|
dsfds
| 50 | oklch(0.910 0.047 35.85) | #ffd7cc | hsl(13, 100%, 90%) |
|
|
| 100 | oklch(0.840 0.090 36.70) | #ffb6a1 | hsl(13, 100%, 82%) |
|
|
| 200 | oklch(0.775 0.135 36.64) | #ff9577 | hsl(13, 100%, 73%) |
|
|
| 300 | oklch(0.719 0.179 36.81) | #ff744c | hsl(13, 100%, 65%) |
|
|
| 400 | oklch(0.675 0.216 35.55) | #ff5322 | hsl(13, 100%, 57%) |
|
|
| 500 | oklch(0.633 0.231 33.49) | #f63700 | hsl(13, 100%, 48%) |
|
|
| 600 | oklch(0.557 0.202 33.73) | #cf2e00 | hsl(13, 100%, 41%) |
|
|
| 700 | oklch(0.479 0.171 34.34) | #a82600 | hsl(14, 100%, 33%) |
|
|
| 800 | oklch(0.397 0.139 35.02) | #811d00 | hsl(13, 100%, 25%) |
|
|
| 900 | oklch(0.311 0.106 36.36) | #5a1400 | hsl(13, 100%, 18%) |
|
|
| 950 | oklch(0.219 0.069 39.93) | #330b00 | hsl(13, 100%, 10%) |
|
dsfds
| 50 | oklch(0.951 0.046 208.22) | #ccf8ff | hsl(188, 100%, 90%) |
|
|
| 100 | oklch(0.890 0.103 208.64) | #81eeff | hsl(188, 100%, 75%) |
|
|
| 200 | oklch(0.846 0.137 210.93) | #36e4ff | hsl(188, 100%, 61%) |
|
|
| 300 | oklch(0.771 0.136 213.94) | #00cae9 | hsl(188, 100%, 46%) |
|
|
| 400 | oklch(0.579 0.101 213.39) | #00899e | hsl(188, 100%, 31%) |
|
|
| 500 | oklch(0.369 0.064 211.98) | #004853 | hsl(188, 100%, 16%) |
|
|
| 600 | oklch(0.348 0.061 213.19) | #00424d | hsl(189, 100%, 15%) |
|
|
| 700 | oklch(0.330 0.057 210.97) | #003d46 | hsl(188, 100%, 14%) |
|
|
| 800 | oklch(0.309 0.054 212.30) | #003740 | hsl(188, 100%, 13%) |
|
|
| 900 | oklch(0.290 0.050 209.59) | #003239 | hsl(187, 100%, 11%) |
|
|
| 950 | oklch(0.269 0.047 211.05) | #002c33 | hsl(188, 100%, 10%) |
|
dsfds
| 50 | oklch(0.963 0.051 197.85) | #ccfeff | hsl(181, 100%, 90%) |
|
|
| 100 | oklch(0.927 0.105 196.97) | #8afdff | hsl(181, 100%, 77%) |
|
|
| 200 | oklch(0.905 0.140 196.65) | #48fcff | hsl(181, 100%, 64%) |
|
|
| 300 | oklch(0.896 0.152 196.85) | #05fbff | hsl(181, 100%, 51%) |
|
|
| 400 | oklch(0.730 0.124 196.78) | #00bfc2 | hsl(181, 100%, 38%) |
|
|
| 500 | oklch(0.538 0.092 196.73) | #007e80 | hsl(181, 100%, 25%) |
|
|
| 600 | oklch(0.491 0.084 196.97) | #006f71 | hsl(181, 100%, 22%) |
|
|
| 700 | oklch(0.443 0.076 196.02) | #006061 | hsl(181, 100%, 19%) |
|
|
| 800 | oklch(0.394 0.067 196.22) | #005152 | hsl(181, 100%, 16%) |
|
|
| 900 | oklch(0.340 0.058 196.51) | #004142 | hsl(181, 100%, 13%) |
|
|
| 950 | oklch(0.288 0.049 196.92) | #003233 | hsl(181, 100%, 10%) |
|
dsfds
| 50 | oklch(0.963 0.051 197.85) | #ccfeff | hsl(181, 100%, 90%) |
|
|
| 100 | oklch(0.932 0.096 197.24) | #96fdff | hsl(181, 100%, 79%) |
|
|
| 200 | oklch(0.911 0.130 196.93) | #60fcff | hsl(181, 100%, 69%) |
|
|
| 300 | oklch(0.896 0.147 197.53) | #2afaff | hsl(181, 100%, 58%) |
|
|
| 400 | oklch(0.861 0.147 197.50) | #00eef3 | hsl(181, 100%, 48%) |
|
|
| 500 | oklch(0.713 0.121 197.53) | #00b9bd | hsl(181, 100%, 37%) |
|
|
| 600 | oklch(0.634 0.108 197.17) | #009ea1 | hsl(181, 100%, 32%) |
|
|
| 700 | oklch(0.553 0.094 197.61) | #008386 | hsl(181, 100%, 26%) |
|
|
| 800 | oklch(0.469 0.080 197.10) | #00686a | hsl(181, 100%, 21%) |
|
|
| 900 | oklch(0.381 0.065 197.79) | #004d4f | hsl(182, 100%, 15%) |
|
|
| 950 | oklch(0.288 0.049 196.92) | #003233 | hsl(181, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
