Vibrant Summer Color Palette
This vibrant palette bursts with a cheerful, sun-kissed energy, blending refreshing mint green, soft pastel yellow, warm honey, zesty orange, and a bold coral that evokes a lively summer day filled with joy and creativity.
Practical uses and creative applications
The Vibrant Summer Color Palette is a delightful combination of hues that evoke the warmth and joy of the summer season. Featuring refreshing greens like #a1dbb2, sunny yellows (#fee5ad, #faca66), and warm oranges and reds (#f7a541, #f45d4c), this palette is perfect for those looking to infuse energy and positivity into their projects.
Whether you're a designer crafting a brand identity, a web designer creating an engaging user experience, or an interior decorator aiming for a lively atmosphere, these colors can help you capture the essence of summer. Ideal for brands targeting a youthful or adventurous audience, the Vibrant Summer Color Palette can enhance packaging for food and beverage products, making them stand out on shelves with their cheerful and inviting tones.
In web design, the palette can create visually appealing websites that attract and retain users, inviting them to explore further. This palette also suits creative professionals seeking to inspire and energize their workspaces, making it a great choice for interior design projects that aim to promote creativity and collaboration.
Overall, the Vibrant Summer Color Palette caters to designers and creatives who wish to express joy, warmth, and a sense of adventure. Its ability to evoke positive emotions makes it a versatile choice for various applications, from branding to web design and beyond.
Embrace the spirit of summer with this lively and engaging color combination!.
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.937 0.032 155.37) | #daf1e1 | hsl(138, 45%, 90%) |
|
|
| 100 | oklch(0.918 0.043 153.67) | #cfedd7 | hsl(136, 45%, 87%) |
|
|
| 200 | oklch(0.897 0.052 154.60) | #c3e8ce | hsl(138, 45%, 84%) |
|
|
| 300 | oklch(0.879 0.062 154.26) | #b8e4c5 | hsl(138, 45%, 81%) |
|
|
| 400 | oklch(0.858 0.073 153.92) | #acdfbb | hsl(138, 44%, 77%) |
|
|
| 500 | oklch(0.841 0.083 153.57) | #a1dbb2 | hsl(138, 45%, 75%) |
|
|
| 600 | oklch(0.764 0.124 152.05) | #71c98b | hsl(138, 45%, 62%) |
|
|
| 700 | oklch(0.687 0.153 149.92) | #45b465 | hsl(137, 45%, 49%) |
|
|
| 800 | oklch(0.548 0.119 149.99) | #33844a | hsl(137, 44%, 36%) |
|
|
| 900 | oklch(0.400 0.082 151.06) | #205430 | hsl(138, 45%, 23%) |
|
|
| 950 | oklch(0.240 0.042 151.89) | #0e2515 | hsl(138, 45%, 10%) |
|
dsfds
| 50 | oklch(0.955 0.047 87.03) | #feefcd | hsl(42, 96%, 90%) |
|
|
| 100 | oklch(0.950 0.054 87.25) | #feedc6 | hsl(42, 97%, 89%) |
|
|
| 200 | oklch(0.945 0.059 86.98) | #feebc0 | hsl(42, 97%, 87%) |
|
|
| 300 | oklch(0.940 0.065 86.75) | #fee9ba | hsl(41, 97%, 86%) |
|
|
| 400 | oklch(0.934 0.071 86.91) | #fee7b3 | hsl(42, 97%, 85%) |
|
|
| 500 | oklch(0.929 0.077 86.69) | #fee5ad | hsl(41, 98%, 84%) |
|
|
| 600 | oklch(0.870 0.135 84.87) | #fdcd63 | hsl(41, 97%, 69%) |
|
|
| 700 | oklch(0.821 0.166 79.89) | #fcb618 | hsl(42, 97%, 54%) |
|
|
| 800 | oklch(0.677 0.141 77.32) | #c78a02 | hsl(41, 98%, 39%) |
|
|
| 900 | oklch(0.485 0.100 78.98) | #7d5702 | hsl(41, 97%, 25%) |
|
|
| 950 | oklch(0.267 0.054 83.92) | #322301 | hsl(42, 96%, 10%) |
|
dsfds
| 50 | oklch(0.953 0.045 85.87) | #fdeece | hsl(41, 92%, 90%) |
|
|
| 100 | oklch(0.935 0.064 85.40) | #fde7b9 | hsl(41, 94%, 86%) |
|
|
| 200 | oklch(0.916 0.082 85.74) | #fce0a4 | hsl(41, 94%, 82%) |
|
|
| 300 | oklch(0.896 0.099 84.89) | #fbd88f | hsl(41, 93%, 77%) |
|
|
| 400 | oklch(0.879 0.115 84.05) | #fbd17b | hsl(40, 94%, 73%) |
|
|
| 500 | oklch(0.862 0.130 83.75) | #faca66 | hsl(41, 94%, 69%) |
|
|
| 600 | oklch(0.817 0.158 80.13) | #f8b62c | hsl(41, 94%, 57%) |
|
|
| 700 | oklch(0.737 0.153 76.07) | #e09a07 | hsl(41, 94%, 45%) |
|
|
| 800 | oklch(0.591 0.122 76.70) | #a67205 | hsl(41, 94%, 34%) |
|
|
| 900 | oklch(0.436 0.089 77.79) | #6c4a04 | hsl(40, 93%, 22%) |
|
|
| 950 | oklch(0.263 0.052 82.68) | #312202 | hsl(41, 92%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.041 73.17) | #fde8ce | hsl(33, 92%, 90%) |
|
|
| 100 | oklch(0.907 0.065 71.41) | #fcdab2 | hsl(32, 93%, 84%) |
|
|
| 200 | oklch(0.876 0.088 71.27) | #fbcd96 | hsl(33, 93%, 79%) |
|
|
| 300 | oklch(0.844 0.110 71.51) | #f9c079 | hsl(33, 91%, 73%) |
|
|
| 400 | oklch(0.813 0.130 69.45) | #f8b25d | hsl(33, 92%, 67%) |
|
|
| 500 | oklch(0.786 0.147 67.50) | #f7a541 | hsl(33, 92%, 61%) |
|
|
| 600 | oklch(0.739 0.169 60.89) | #f58d0f | hsl(33, 92%, 51%) |
|
|
| 700 | oklch(0.632 0.145 60.73) | #c77108 | hsl(33, 92%, 41%) |
|
|
| 800 | oklch(0.513 0.116 61.96) | #955506 | hsl(33, 92%, 30%) |
|
|
| 900 | oklch(0.386 0.085 63.13) | #633804 | hsl(33, 92%, 20%) |
|
|
| 950 | oklch(0.249 0.051 68.67) | #311c02 | hsl(33, 92%, 10%) |
|
dsfds
| 50 | oklch(0.902 0.046 26.40) | #fcd4cf | hsl(7, 88%, 90%) |
|
|
| 100 | oklch(0.850 0.073 26.03) | #fabcb5 | hsl(6, 87%, 85%) |
|
|
| 200 | oklch(0.800 0.102 26.21) | #f9a49b | hsl(6, 89%, 79%) |
|
|
| 300 | oklch(0.752 0.132 27.37) | #f78c80 | hsl(6, 88%, 74%) |
|
|
| 400 | oklch(0.711 0.161 28.52) | #f67566 | hsl(6, 89%, 68%) |
|
|
| 500 | oklch(0.673 0.189 29.34) | #f45d4c | hsl(6, 88%, 63%) |
|
|
| 600 | oklch(0.620 0.230 30.57) | #f12f19 | hsl(6, 89%, 52%) |
|
|
| 700 | oklch(0.534 0.204 30.50) | #c81f0c | hsl(6, 89%, 42%) |
|
|
| 800 | oklch(0.432 0.162 30.52) | #951709 | hsl(6, 89%, 31%) |
|
|
| 900 | oklch(0.325 0.118 30.59) | #630f06 | hsl(6, 89%, 21%) |
|
|
| 950 | oklch(0.208 0.067 32.60) | #300803 | hsl(7, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
