Vibrant Summer Color Palette
This vibrant palette bursts with playful energy, blending the bold passion of coral pinks and soft peachy hues with sunny yellows, evoking a cheerful, youthful spirit perfect for a lively summer celebration.
Practical uses and creative applications
The Vibrant Summer Color Palette is an energizing mix of pinks, yellows, and warm neutrals that evoke the essence of sunny days and lively summer vibes. Featuring bold shades like #EA4268 and #ED6D9E, complemented by softer hues such as #F3B577, #FDF2A7, and #FFFBE2, this palette is perfect for creative projects that aim to capture attention and inspire joy.
Ideal for branding and marketing campaigns, these colors can help businesses in the fashion, beauty, and lifestyle sectors convey a sense of freshness and vitality, attracting a youthful audience seeking excitement. Web designers and creatives looking to revamp their digital spaces will find the Vibrant Summer Color Palette equally versatile.
Use it to create engaging websites that radiate positivity or to design eye-catching social media graphics that stand out in crowded feeds. Additionally, this palette is perfect for packaging design, particularly for products that celebrate summer themes, such as food, beverages, and outdoor gear.
Interior designers can also incorporate these cheerful colors into summer-themed decor, infusing spaces with warmth and energy. Whether it’s for a playful café, a trendy boutique, or a vibrant online store, this palette is sure to elevate any project and resonate with audiences eager for a burst of color 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.898 0.047 3.30) | #fad1da | hsl(347, 80%, 90%) |
|
|
| 100 | oklch(0.836 0.080 4.15) | #f7b4c3 | hsl(347, 81%, 84%) |
|
|
| 200 | oklch(0.779 0.113 5.22) | #f498ad | hsl(346, 81%, 78%) |
|
|
| 300 | oklch(0.723 0.146 6.78) | #f07b96 | hsl(346, 80%, 71%) |
|
|
| 400 | oklch(0.675 0.176 9.31) | #ed5f7f | hsl(346, 80%, 65%) |
|
|
| 500 | oklch(0.633 0.204 12.23) | #ea4268 | hsl(346, 80%, 59%) |
|
|
| 600 | oklch(0.584 0.224 17.89) | #e11946 | hsl(347, 80%, 49%) |
|
|
| 700 | oklch(0.495 0.188 17.42) | #b41438 | hsl(347, 80%, 39%) |
|
|
| 800 | oklch(0.405 0.152 16.84) | #880f2a | hsl(347, 80%, 30%) |
|
|
| 900 | oklch(0.308 0.112 15.59) | #5b0a1c | hsl(347, 80%, 20%) |
|
|
| 950 | oklch(0.202 0.067 12.14) | #2e050e | hsl(347, 80%, 10%) |
|
dsfds
| 50 | oklch(0.901 0.048 352.97) | #f9d2e1 | hsl(337, 76%, 90%) |
|
|
| 100 | oklch(0.857 0.072 354.11) | #f7bdd3 | hsl(337, 78%, 85%) |
|
|
| 200 | oklch(0.815 0.095 354.52) | #f4a9c6 | hsl(337, 77%, 81%) |
|
|
| 300 | oklch(0.775 0.119 355.49) | #f295b9 | hsl(337, 78%, 77%) |
|
|
| 400 | oklch(0.736 0.142 356.91) | #ef81ab | hsl(337, 77%, 72%) |
|
|
| 500 | oklch(0.701 0.165 358.17) | #ed6d9e | hsl(337, 78%, 68%) |
|
|
| 600 | oklch(0.625 0.214 3.01) | #e7387b | hsl(337, 78%, 56%) |
|
|
| 700 | oklch(0.549 0.208 6.59) | #cb195d | hsl(337, 78%, 45%) |
|
|
| 800 | oklch(0.441 0.165 5.83) | #961345 | hsl(337, 78%, 33%) |
|
|
| 900 | oklch(0.328 0.119 4.62) | #620c2d | hsl(337, 78%, 22%) |
|
|
| 950 | oklch(0.204 0.066 1.06) | #2d0615 | hsl(337, 76%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.037 68.65) | #fbe6d0 | hsl(31, 84%, 90%) |
|
|
| 100 | oklch(0.911 0.051 68.07) | #f9dcbe | hsl(31, 83%, 86%) |
|
|
| 200 | oklch(0.887 0.066 66.81) | #f8d2ac | hsl(30, 84%, 82%) |
|
|
| 300 | oklch(0.862 0.079 65.84) | #f6c89b | hsl(30, 83%, 79%) |
|
|
| 400 | oklch(0.841 0.093 65.99) | #f5bf89 | hsl(30, 84%, 75%) |
|
|
| 500 | oklch(0.817 0.107 65.39) | #f3b577 | hsl(30, 84%, 71%) |
|
|
| 600 | oklch(0.749 0.145 61.88) | #ee963e | hsl(30, 84%, 59%) |
|
|
| 700 | oklch(0.668 0.156 57.05) | #da7713 | hsl(30, 84%, 46%) |
|
|
| 800 | oklch(0.536 0.123 57.86) | #a1580e | hsl(30, 84%, 34%) |
|
|
| 900 | oklch(0.395 0.087 59.36) | #683909 | hsl(30, 84%, 22%) |
|
|
| 950 | oklch(0.241 0.048 64.35) | #2f1a04 | hsl(31, 84%, 10%) |
|
dsfds
| 50 | oklch(0.973 0.056 100.78) | #fef8cd | hsl(53, 96%, 90%) |
|
|
| 100 | oklch(0.970 0.063 100.72) | #fef7c6 | hsl(53, 97%, 89%) |
|
|
| 200 | oklch(0.964 0.071 99.81) | #fef5be | hsl(52, 97%, 87%) |
|
|
| 300 | oklch(0.960 0.079 100.79) | #fdf4b6 | hsl(52, 95%, 85%) |
|
|
| 400 | oklch(0.956 0.087 100.77) | #fdf3af | hsl(52, 95%, 84%) |
|
|
| 500 | oklch(0.953 0.095 100.87) | #fdf2a7 | hsl(52, 96%, 82%) |
|
|
| 600 | oklch(0.919 0.155 100.95) | #fbe75f | hsl(52, 95%, 68%) |
|
|
| 700 | oklch(0.894 0.183 99.42) | #fadd17 | hsl(52, 96%, 54%) |
|
|
| 800 | oklch(0.736 0.152 99.00) | #c2aa04 | hsl(52, 96%, 39%) |
|
|
| 900 | oklch(0.526 0.108 99.48) | #7a6b03 | hsl(52, 95%, 25%) |
|
|
| 950 | oklch(0.291 0.060 101.12) | #322c01 | hsl(53, 96%, 10%) |
|
dsfds
| 50 | oklch(0.974 0.057 99.87) | #fff8cc | hsl(52, 100%, 90%) |
|
|
| 100 | oklch(0.976 0.053 100.43) | #fff9d0 | hsl(52, 100%, 91%) |
|
|
| 200 | oklch(0.978 0.047 99.40) | #fff9d5 | hsl(51, 100%, 92%) |
|
|
| 300 | oklch(0.981 0.043 100.05) | #fffad9 | hsl(52, 100%, 93%) |
|
|
| 400 | oklch(0.982 0.037 98.72) | #fffade | hsl(51, 100%, 94%) |
|
|
| 500 | oklch(0.985 0.033 99.52) | #fffbe2 | hsl(52, 100%, 94%) |
|
|
| 600 | oklch(0.944 0.121 100.27) | #ffef8c | hsl(52, 100%, 77%) |
|
|
| 700 | oklch(0.912 0.177 99.36) | #ffe336 | hsl(52, 100%, 61%) |
|
|
| 800 | oklch(0.810 0.167 97.37) | #dfc000 | hsl(52, 100%, 44%) |
|
|
| 900 | oklch(0.566 0.117 97.92) | #897600 | hsl(52, 100%, 27%) |
|
|
| 950 | oklch(0.292 0.061 99.88) | #332c00 | hsl(52, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
