Cheerful Summer Color Palette
This palette radiates a cheerful, sun-kissed vibe with soft mint green, sunny lemon, warm honey, and vibrant coral, evoking a playful summer garden in full bloom.
Practical uses and creative applications
The Cheerful Summer Color Palette is a vibrant collection that radiates warmth and positivity. Featuring refreshing hues like #9cd6c8, a soothing teal, and #f1ffcf, a light pastel yellow, this palette is perfect for anyone looking to evoke feelings of joy and relaxation.
Ideal for branding projects, web design, or packaging, these colors can enhance any creative endeavor, making them particularly appealing to designers and creatives aiming to capture the essence of summer in their work. This color palette is especially suited for businesses in the wellness, travel, or hospitality sectors.
Its playful yellows and oranges, such as #f8df82 and #fac055, can energize marketing materials, while the earthy tones like #e57c3a can ground the overall aesthetic. Whether you’re designing a cheerful café's interior, creating a lively website, or crafting engaging social media graphics, the Cheerful Summer Color Palette can bring a sense of vibrancy and positivity to your projects.
Embrace the spirit of summer and let these colors inspire your next creative venture!.
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.938 0.023 179.94) | #dbf0eb | hsl(166, 41%, 90%) |
|
|
| 100 | oklch(0.917 0.032 179.41) | #ceebe4 | hsl(166, 42%, 86%) |
|
|
| 200 | oklch(0.897 0.040 178.55) | #c2e6dd | hsl(165, 42%, 83%) |
|
|
| 300 | oklch(0.873 0.047 179.41) | #b5e0d6 | hsl(166, 41%, 79%) |
|
|
| 400 | oklch(0.853 0.054 178.57) | #a9dbcf | hsl(166, 41%, 76%) |
|
|
| 500 | oklch(0.832 0.063 178.08) | #9cd6c8 | hsl(166, 41%, 73%) |
|
|
| 600 | oklch(0.758 0.088 176.68) | #6fc3af | hsl(166, 41%, 60%) |
|
|
| 700 | oklch(0.675 0.100 174.75) | #47ab93 | hsl(166, 41%, 47%) |
|
|
| 800 | oklch(0.541 0.079 174.68) | #347e6c | hsl(165, 42%, 35%) |
|
|
| 900 | oklch(0.399 0.055 175.82) | #225146 | hsl(166, 41%, 23%) |
|
|
| 950 | oklch(0.241 0.029 176.46) | #0f241f | hsl(166, 41%, 10%) |
|
dsfds
| 50 | oklch(0.976 0.068 120.98) | #f0ffcc | hsl(78, 100%, 90%) |
|
|
| 100 | oklch(0.976 0.067 121.21) | #f0ffcd | hsl(78, 100%, 90%) |
|
|
| 200 | oklch(0.976 0.067 121.21) | #f0ffcd | hsl(78, 100%, 90%) |
|
|
| 300 | oklch(0.977 0.065 120.57) | #f1ffce | hsl(77, 100%, 90%) |
|
|
| 400 | oklch(0.977 0.065 120.57) | #f1ffce | hsl(77, 100%, 90%) |
|
|
| 500 | oklch(0.978 0.064 120.80) | #f1ffcf | hsl(78, 100%, 91%) |
|
|
| 600 | oklch(0.947 0.162 123.00) | #d9ff7d | hsl(78, 100%, 75%) |
|
|
| 700 | oklch(0.925 0.225 125.93) | #c1ff2b | hsl(78, 100%, 58%) |
|
|
| 800 | oklch(0.806 0.210 127.64) | #99d700 | hsl(77, 100%, 42%) |
|
|
| 900 | oklch(0.566 0.147 127.36) | #5e8500 | hsl(78, 100%, 26%) |
|
|
| 950 | oklch(0.297 0.075 125.49) | #243300 | hsl(78, 100%, 10%) |
|
dsfds
| 50 | oklch(0.962 0.048 95.54) | #fcf3cf | hsl(48, 88%, 90%) |
|
|
| 100 | oklch(0.950 0.063 95.66) | #fbefbf | hsl(48, 88%, 87%) |
|
|
| 200 | oklch(0.939 0.077 94.73) | #fbebb0 | hsl(47, 90%, 84%) |
|
|
| 300 | oklch(0.927 0.091 94.74) | #fae7a1 | hsl(47, 90%, 81%) |
|
|
| 400 | oklch(0.916 0.105 94.87) | #f9e391 | hsl(47, 90%, 77%) |
|
|
| 500 | oklch(0.905 0.117 94.76) | #f8df82 | hsl(47, 89%, 74%) |
|
|
| 600 | oklch(0.864 0.155 93.19) | #f5cf44 | hsl(47, 90%, 61%) |
|
|
| 700 | oklch(0.811 0.164 90.15) | #eabb0d | hsl(47, 89%, 48%) |
|
|
| 800 | oklch(0.647 0.130 90.88) | #ac8a0a | hsl(47, 89%, 36%) |
|
|
| 900 | oklch(0.469 0.094 91.36) | #6e5806 | hsl(47, 90%, 23%) |
|
|
| 950 | oklch(0.275 0.053 94.64) | #302703 | hsl(48, 88%, 10%) |
|
dsfds
| 50 | oklch(0.951 0.046 83.29) | #feedcd | hsl(39, 96%, 90%) |
|
|
| 100 | oklch(0.928 0.067 83.12) | #fde4b5 | hsl(39, 95%, 85%) |
|
|
| 200 | oklch(0.905 0.087 82.83) | #fcdb9d | hsl(39, 94%, 80%) |
|
|
| 300 | oklch(0.882 0.106 82.36) | #fbd285 | hsl(39, 94%, 75%) |
|
|
| 400 | oklch(0.862 0.124 81.13) | #fbc96d | hsl(39, 95%, 71%) |
|
|
| 500 | oklch(0.841 0.139 80.07) | #fac055 | hsl(39, 94%, 66%) |
|
|
| 600 | oklch(0.798 0.162 75.63) | #f8ac1e | hsl(39, 94%, 55%) |
|
|
| 700 | oklch(0.704 0.149 72.60) | #d78e06 | hsl(39, 95%, 43%) |
|
|
| 800 | oklch(0.566 0.119 72.81) | #a06905 | hsl(39, 94%, 32%) |
|
|
| 900 | oklch(0.421 0.087 74.54) | #694503 | hsl(39, 94%, 21%) |
|
|
| 950 | oklch(0.262 0.053 79.54) | #322101 | hsl(39, 96%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.033 54.17) | #f9e1d2 | hsl(23, 76%, 90%) |
|
|
| 100 | oklch(0.876 0.056 53.79) | #f5cdb4 | hsl(23, 76%, 83%) |
|
|
| 200 | oklch(0.828 0.081 54.03) | #f1b995 | hsl(23, 77%, 76%) |
|
|
| 300 | oklch(0.780 0.105 52.25) | #eda477 | hsl(23, 77%, 70%) |
|
|
| 400 | oklch(0.735 0.130 51.67) | #e99058 | hsl(23, 77%, 63%) |
|
|
| 500 | oklch(0.693 0.152 49.84) | #e57c3a | hsl(23, 77%, 56%) |
|
|
| 600 | oklch(0.628 0.162 47.14) | #d4631c | hsl(23, 77%, 47%) |
|
|
| 700 | oklch(0.534 0.136 47.36) | #aa4f16 | hsl(23, 77%, 38%) |
|
|
| 800 | oklch(0.438 0.108 48.19) | #803c11 | hsl(23, 77%, 28%) |
|
|
| 900 | oklch(0.338 0.079 49.61) | #57290b | hsl(24, 78%, 19%) |
|
|
| 950 | oklch(0.227 0.047 51.23) | #2d1506 | hsl(23, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
