Cheerful Summer Color Palette
This vibrant palette bursts with sunny cheer, blending soft mint green, warm buttery yellows, and lively corals, creating an uplifting and playful atmosphere reminiscent of a joyful summer picnic.
Practical uses and creative applications
The Cheerful Summer Color Palette is a vibrant blend of colors that evoke the essence of sunny days and joyful moments. Featuring refreshing hues like soft green (#b5f4bc), sunny yellow (#fff19e), and warm coral (#ff6543), this palette is perfect for brands looking to convey a sense of optimism and energy.
Ideal for web design, packaging, and branding projects, it can help businesses in the wellness, hospitality, and food sectors create a welcoming atmosphere that resonates with their audience. Designers and creatives seeking to capture the spirit of summer will find this palette particularly inspiring.
Whether you're designing bright and engaging websites or crafting playful product packaging, the Cheerful Summer Color Palette can enhance your project with a lively mood. Additionally, it works beautifully in interior design, bringing an uplifting vibe to spaces like cafes, boutiques, or children's rooms, making them feel inviting and fun.
Embrace the warmth and positivity of this palette to create memorable designs that leave a lasting impression!.
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.944 0.058 148.12) | #d3f8d7 | hsl(126, 73%, 90%) |
|
|
| 100 | oklch(0.939 0.068 147.54) | #cdf8d1 | hsl(126, 75%, 89%) |
|
|
| 200 | oklch(0.931 0.076 147.76) | #c7f7cc | hsl(126, 75%, 87%) |
|
|
| 300 | oklch(0.924 0.083 147.91) | #c1f6c7 | hsl(127, 75%, 86%) |
|
|
| 400 | oklch(0.917 0.092 147.50) | #bbf5c1 | hsl(126, 74%, 85%) |
|
|
| 500 | oklch(0.910 0.099 147.60) | #b5f4bc | hsl(127, 74%, 83%) |
|
|
| 600 | oklch(0.844 0.179 146.02) | #74ea81 | hsl(127, 74%, 69%) |
|
|
| 700 | oklch(0.796 0.238 144.20) | #33e146 | hsl(127, 74%, 54%) |
|
|
| 800 | oklch(0.657 0.206 143.77) | #1aaf2a | hsl(126, 74%, 39%) |
|
|
| 900 | oklch(0.470 0.144 144.11) | #106e1b | hsl(127, 75%, 25%) |
|
|
| 950 | oklch(0.258 0.071 144.91) | #072c0b | hsl(126, 73%, 10%) |
|
dsfds
| 50 | oklch(0.974 0.057 99.87) | #fff8cc | hsl(52, 100%, 90%) |
|
|
| 100 | oklch(0.968 0.066 99.15) | #fff6c3 | hsl(51, 100%, 88%) |
|
|
| 200 | oklch(0.964 0.076 99.58) | #fff5ba | hsl(51, 100%, 86%) |
|
|
| 300 | oklch(0.960 0.087 100.05) | #fff4b0 | hsl(52, 100%, 85%) |
|
|
| 400 | oklch(0.954 0.095 99.55) | #fff2a7 | hsl(51, 100%, 83%) |
|
|
| 500 | oklch(0.951 0.104 99.84) | #fff19e | hsl(51, 100%, 81%) |
|
|
| 600 | oklch(0.922 0.161 99.78) | #ffe756 | hsl(51, 100%, 67%) |
|
|
| 700 | oklch(0.897 0.184 97.32) | #ffdc0d | hsl(51, 100%, 53%) |
|
|
| 800 | oklch(0.734 0.151 97.09) | #c4a800 | hsl(51, 100%, 38%) |
|
|
| 900 | oklch(0.525 0.108 98.11) | #7b6a00 | hsl(52, 100%, 24%) |
|
|
| 950 | oklch(0.292 0.061 99.88) | #332c00 | hsl(52, 100%, 10%) |
|
dsfds
| 50 | oklch(0.958 0.050 88.08) | #fff0cc | hsl(42, 100%, 90%) |
|
|
| 100 | oklch(0.947 0.062 87.83) | #ffecbf | hsl(42, 100%, 87%) |
|
|
| 200 | oklch(0.937 0.074 87.62) | #ffe8b2 | hsl(42, 100%, 85%) |
|
|
| 300 | oklch(0.926 0.086 87.71) | #ffe4a4 | hsl(42, 100%, 82%) |
|
|
| 400 | oklch(0.916 0.097 87.44) | #ffe097 | hsl(42, 100%, 80%) |
|
|
| 500 | oklch(0.906 0.108 87.15) | #ffdc8a | hsl(42, 100%, 77%) |
|
|
| 600 | oklch(0.860 0.153 84.89) | #ffc846 | hsl(42, 100%, 64%) |
|
|
| 700 | oklch(0.818 0.170 77.92) | #ffb301 | hsl(42, 100%, 50%) |
|
|
| 800 | oklch(0.653 0.136 78.69) | #bc8400 | hsl(42, 100%, 37%) |
|
|
| 900 | oklch(0.471 0.097 80.64) | #775400 | hsl(42, 100%, 23%) |
|
|
| 950 | oklch(0.271 0.056 85.04) | #332400 | hsl(42, 100%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.044 70.53) | #ffe7cc | hsl(32, 100%, 90%) |
|
|
| 100 | oklch(0.919 0.061 70.16) | #ffdeb9 | hsl(32, 100%, 86%) |
|
|
| 200 | oklch(0.898 0.078 70.31) | #ffd5a5 | hsl(32, 100%, 82%) |
|
|
| 300 | oklch(0.877 0.094 69.71) | #ffcc92 | hsl(32, 100%, 79%) |
|
|
| 400 | oklch(0.857 0.110 69.36) | #ffc37e | hsl(32, 100%, 75%) |
|
|
| 500 | oklch(0.837 0.125 68.41) | #ffba6b | hsl(32, 100%, 71%) |
|
|
| 600 | oklch(0.780 0.164 63.33) | #ff9d2d | hsl(32, 100%, 59%) |
|
|
| 700 | oklch(0.707 0.172 56.69) | #ee7f00 | hsl(32, 100%, 47%) |
|
|
| 800 | oklch(0.566 0.135 58.15) | #af5e00 | hsl(32, 100%, 34%) |
|
|
| 900 | oklch(0.414 0.098 59.57) | #713c00 | hsl(32, 100%, 22%) |
|
|
| 950 | oklch(0.249 0.056 65.91) | #331b00 | hsl(32, 100%, 10%) |
|
dsfds
| 50 | oklch(0.906 0.049 32.14) | #ffd5cc | hsl(11, 100%, 90%) |
|
|
| 100 | oklch(0.859 0.077 32.62) | #ffbfb1 | hsl(11, 100%, 85%) |
|
|
| 200 | oklch(0.813 0.107 32.91) | #ffa895 | hsl(11, 100%, 79%) |
|
|
| 300 | oklch(0.771 0.137 33.39) | #ff927a | hsl(11, 100%, 74%) |
|
|
| 400 | oklch(0.731 0.167 33.76) | #ff7b5e | hsl(11, 100%, 68%) |
|
|
| 500 | oklch(0.698 0.195 34.00) | #ff6543 | hsl(11, 100%, 63%) |
|
|
| 600 | oklch(0.651 0.237 32.71) | #ff390d | hsl(11, 100%, 53%) |
|
|
| 700 | oklch(0.565 0.212 32.31) | #d62700 | hsl(11, 100%, 42%) |
|
|
| 800 | oklch(0.455 0.168 32.86) | #9f1d00 | hsl(11, 100%, 31%) |
|
|
| 900 | oklch(0.340 0.122 33.98) | #691300 | hsl(11, 100%, 21%) |
|
|
| 950 | oklch(0.216 0.071 37.89) | #330900 | hsl(11, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
