Vibrant Summer Color Palette
This palette radiates a vibrant, sunny energy with its refreshing turquoise, soft mint green, bold golden yellow, warm amber, and deep rust, evoking a lively summer day full of optimism and adventure.
Practical uses and creative applications
The Vibrant Summer Color Palette is a stunning blend of bold and lively hues that evoke the essence of sun-soaked days and blooming gardens. Featuring refreshing aqua (#0ccaba), soft pastel green (#e3f5b7), and vibrant accents of yellow (#e6ae00), orange (#d46700), and deep rust (#9e3f00), this palette is perfect for brands looking to infuse energy and optimism into their identity.
It's particularly ideal for businesses in the travel, hospitality, and wellness sectors, where a lively and inviting atmosphere can attract and retain customers. From web design to packaging, the Vibrant Summer Color Palette can transform any project into a visual delight.
Designers and creatives can leverage these colors to create striking websites that capture attention, engaging users with an uplifting experience. Additionally, this palette works beautifully in interior design, bringing a cheerful and refreshing ambiance to spaces like cafes, boutiques, and summer event venues.
Whether you’re crafting a brand identity or reimagining a space, this color palette is sure to inspire joy and creativity.
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.959 0.046 189.77) | #cffcf8 | hsl(175, 88%, 90%) |
|
|
| 100 | oklch(0.925 0.085 189.40) | #a1f9f2 | hsl(175, 88%, 80%) |
|
|
| 200 | oklch(0.899 0.118 187.96) | #72f7ec | hsl(175, 89%, 71%) |
|
|
| 300 | oklch(0.877 0.140 186.43) | #44f4e5 | hsl(175, 89%, 61%) |
|
|
| 400 | oklch(0.863 0.150 185.20) | #16f1df | hsl(175, 89%, 52%) |
|
|
| 500 | oklch(0.755 0.132 184.78) | #0ccaba | hsl(175, 89%, 42%) |
|
|
| 600 | oklch(0.667 0.116 185.26) | #0aab9e | hsl(175, 89%, 35%) |
|
|
| 700 | oklch(0.576 0.100 185.09) | #088c81 | hsl(175, 89%, 29%) |
|
|
| 800 | oklch(0.485 0.084 184.90) | #076e65 | hsl(175, 88%, 23%) |
|
|
| 900 | oklch(0.386 0.066 185.92) | #054f49 | hsl(175, 88%, 16%) |
|
|
| 950 | oklch(0.279 0.047 185.82) | #03302c | hsl(175, 88%, 10%) |
|
dsfds
| 50 | oklch(0.964 0.052 120.19) | #eef9d2 | hsl(77, 76%, 90%) |
|
|
| 100 | oklch(0.958 0.058 121.17) | #ebf8cd | hsl(78, 75%, 89%) |
|
|
| 200 | oklch(0.954 0.064 120.84) | #e9f7c7 | hsl(78, 75%, 87%) |
|
|
| 300 | oklch(0.951 0.071 121.40) | #e7f7c2 | hsl(78, 77%, 86%) |
|
|
| 400 | oklch(0.946 0.077 121.16) | #e5f6bc | hsl(78, 76%, 85%) |
|
|
| 500 | oklch(0.942 0.083 121.15) | #e3f5b7 | hsl(77, 76%, 84%) |
|
|
| 600 | oklch(0.893 0.151 123.02) | #c9ec75 | hsl(78, 76%, 69%) |
|
|
| 700 | oklch(0.850 0.199 125.16) | #b0e333 | hsl(77, 76%, 55%) |
|
|
| 800 | oklch(0.703 0.172 125.88) | #85b119 | hsl(77, 75%, 40%) |
|
|
| 900 | oklch(0.502 0.121 125.66) | #536f0f | hsl(78, 76%, 25%) |
|
|
| 950 | oklch(0.277 0.061 124.02) | #222d06 | hsl(77, 76%, 10%) |
|
dsfds
| 50 | oklch(0.964 0.052 92.93) | #fff3cc | hsl(46, 100%, 90%) |
|
|
| 100 | oklch(0.931 0.095 91.98) | #ffe79e | hsl(45, 100%, 81%) |
|
|
| 200 | oklch(0.903 0.133 91.64) | #ffdc70 | hsl(45, 100%, 72%) |
|
|
| 300 | oklch(0.877 0.159 90.12) | #ffd143 | hsl(45, 100%, 63%) |
|
|
| 400 | oklch(0.854 0.172 87.09) | #ffc615 | hsl(45, 100%, 54%) |
|
|
| 500 | oklch(0.781 0.160 85.20) | #e6ae00 | hsl(45, 100%, 45%) |
|
|
| 600 | oklch(0.689 0.141 85.68) | #c29300 | hsl(45, 100%, 38%) |
|
|
| 700 | oklch(0.594 0.121 86.34) | #9e7800 | hsl(46, 100%, 31%) |
|
|
| 800 | oklch(0.495 0.101 86.60) | #7b5d00 | hsl(45, 100%, 24%) |
|
|
| 900 | oklch(0.391 0.080 88.05) | #574200 | hsl(46, 100%, 17%) |
|
|
| 950 | oklch(0.279 0.057 91.01) | #332700 | hsl(46, 100%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.044 66.14) | #ffe5cc | hsl(29, 100%, 90%) |
|
|
| 100 | oklch(0.877 0.086 64.04) | #ffcb9b | hsl(29, 100%, 80%) |
|
|
| 200 | oklch(0.823 0.127 62.98) | #ffb269 | hsl(29, 100%, 71%) |
|
|
| 300 | oklch(0.774 0.161 59.43) | #ff9938 | hsl(29, 100%, 61%) |
|
|
| 400 | oklch(0.731 0.186 52.28) | #ff7f06 | hsl(29, 100%, 51%) |
|
|
| 500 | oklch(0.633 0.163 51.85) | #d46700 | hsl(29, 100%, 42%) |
|
|
| 600 | oklch(0.561 0.144 52.18) | #b45700 | hsl(29, 100%, 35%) |
|
|
| 700 | oklch(0.489 0.124 53.33) | #944800 | hsl(29, 100%, 29%) |
|
|
| 800 | oklch(0.410 0.102 54.68) | #733800 | hsl(29, 100%, 23%) |
|
|
| 900 | oklch(0.329 0.080 56.36) | #532800 | hsl(29, 100%, 16%) |
|
|
| 950 | oklch(0.245 0.056 61.81) | #331900 | hsl(29, 100%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.044 54.89) | #ffe0cc | hsl(24, 100%, 90%) |
|
|
| 100 | oklch(0.847 0.097 54.30) | #ffbc90 | hsl(24, 100%, 78%) |
|
|
| 200 | oklch(0.775 0.149 52.18) | #ff9854 | hsl(24, 100%, 66%) |
|
|
| 300 | oklch(0.715 0.192 46.85) | #ff7417 | hsl(24, 100%, 55%) |
|
|
| 400 | oklch(0.619 0.181 43.84) | #da5700 | hsl(24, 100%, 43%) |
|
|
| 500 | oklch(0.491 0.140 44.91) | #9e3f00 | hsl(24, 100%, 31%) |
|
|
| 600 | oklch(0.443 0.126 45.15) | #893600 | hsl(24, 100%, 27%) |
|
|
| 700 | oklch(0.393 0.110 46.50) | #732e00 | hsl(24, 100%, 23%) |
|
|
| 800 | oklch(0.342 0.094 47.18) | #5e2500 | hsl(24, 100%, 18%) |
|
|
| 900 | oklch(0.290 0.077 49.97) | #481d00 | hsl(24, 100%, 14%) |
|
|
| 950 | oklch(0.234 0.060 52.46) | #331400 | hsl(24, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
