Fresh Summer Color Palette
This palette radiates a fresh, uplifting energy with soft pastel yellows and greens, accented by earthy greens and a vibrant pop of coral, evoking a playful yet grounded summer garden vibe.
Practical uses and creative applications
The Fresh Summer Color Palette is a vibrant and invigorating selection that encapsulates the essence of sunny days and lush landscapes. Featuring a delightful blend of soft yellows (#fffec7), refreshing greens (#e1f5c4, #9dc9ac), earthy tones (#919167), and a bold pop of coral (#ff4e50), this palette is perfect for designers looking to evoke feelings of warmth and positivity.
Whether you're crafting a new brand identity, designing an engaging website, or creating eye-catching packaging, these colors can enhance your project with a lively, cheerful vibe. Ideal for creatives in the fields of branding, web design, and interior decor, the Fresh Summer Color Palette resonates particularly well with businesses aiming to promote a sense of vitality and nature.
Brands focused on wellness, organic products, or summer-themed events will find this palette especially appealing, as it naturally draws attention and fosters a sense of trust. Additionally, interior designers can leverage this palette to create refreshing living spaces that breathe life and energy into any room, making it an excellent choice for homes, cafes, or boutique shops looking to attract a vibrant clientele.
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.986 0.064 106.57) | #fffecc | hsl(59, 100%, 90%) |
|
|
| 100 | oklch(0.985 0.065 106.61) | #fffecb | hsl(59, 100%, 90%) |
|
|
| 200 | oklch(0.985 0.067 106.65) | #fffeca | hsl(59, 100%, 90%) |
|
|
| 300 | oklch(0.985 0.068 106.69) | #fffec9 | hsl(59, 100%, 89%) |
|
|
| 400 | oklch(0.985 0.069 106.72) | #fffec8 | hsl(59, 100%, 89%) |
|
|
| 500 | oklch(0.984 0.070 106.76) | #fffec7 | hsl(59, 100%, 89%) |
|
|
| 600 | oklch(0.970 0.156 108.21) | #fffd76 | hsl(59, 100%, 73%) |
|
|
| 700 | oklch(0.960 0.201 108.45) | #fffb26 | hsl(59, 100%, 57%) |
|
|
| 800 | oklch(0.834 0.180 108.34) | #d4d000 | hsl(59, 100%, 42%) |
|
|
| 900 | oklch(0.587 0.127 108.10) | #848100 | hsl(59, 100%, 26%) |
|
|
| 950 | oklch(0.308 0.067 108.53) | #333200 | hsl(59, 100%, 10%) |
|
dsfds
| 50 | oklch(0.958 0.051 125.34) | #e9f8d3 | hsl(84, 73%, 90%) |
|
|
| 100 | oklch(0.954 0.054 125.59) | #e7f7d0 | hsl(85, 71%, 89%) |
|
|
| 200 | oklch(0.953 0.058 125.43) | #e6f7cd | hsl(84, 72%, 89%) |
|
|
| 300 | oklch(0.949 0.061 125.65) | #e4f6ca | hsl(85, 71%, 88%) |
|
|
| 400 | oklch(0.947 0.065 125.52) | #e3f6c7 | hsl(84, 72%, 87%) |
|
|
| 500 | oklch(0.943 0.068 125.73) | #e1f5c4 | hsl(84, 71%, 86%) |
|
|
| 600 | oklch(0.884 0.141 127.30) | #bfea81 | hsl(85, 71%, 71%) |
|
|
| 700 | oklch(0.828 0.195 129.45) | #9dde3f | hsl(85, 71%, 56%) |
|
|
| 800 | oklch(0.693 0.178 130.50) | #75b11e | hsl(84, 71%, 41%) |
|
|
| 900 | oklch(0.492 0.123 130.02) | #496e13 | hsl(84, 71%, 25%) |
|
|
| 950 | oklch(0.270 0.062 128.88) | #1d2c07 | hsl(84, 73%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.021 156.81) | #deede3 | hsl(140, 29%, 90%) |
|
|
| 100 | oklch(0.905 0.029 156.59) | #d1e6d8 | hsl(140, 30%, 86%) |
|
|
| 200 | oklch(0.879 0.038 156.36) | #c4dfcd | hsl(140, 30%, 82%) |
|
|
| 300 | oklch(0.850 0.045 156.57) | #b7d7c2 | hsl(141, 29%, 78%) |
|
|
| 400 | oklch(0.823 0.053 156.22) | #aad0b7 | hsl(141, 29%, 74%) |
|
|
| 500 | oklch(0.796 0.062 155.86) | #9dc9ac | hsl(140, 29%, 70%) |
|
|
| 600 | oklch(0.713 0.088 154.61) | #75b38a | hsl(140, 29%, 58%) |
|
|
| 700 | oklch(0.622 0.098 153.60) | #54986b | hsl(140, 29%, 46%) |
|
|
| 800 | oklch(0.500 0.076 153.82) | #3e704f | hsl(140, 29%, 34%) |
|
|
| 900 | oklch(0.370 0.053 154.24) | #284833 | hsl(141, 29%, 22%) |
|
|
| 950 | oklch(0.230 0.028 154.42) | #122117 | hsl(140, 29%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.012 106.63) | #eaeae1 | hsl(60, 18%, 90%) |
|
|
| 100 | oklch(0.878 0.020 106.81) | #d8d8c9 | hsl(60, 16%, 82%) |
|
|
| 200 | oklch(0.823 0.031 107.07) | #c7c7b0 | hsl(60, 17%, 74%) |
|
|
| 300 | oklch(0.765 0.041 107.34) | #b5b597 | hsl(60, 17%, 65%) |
|
|
| 400 | oklch(0.709 0.053 107.67) | #a4a47e | hsl(60, 17%, 57%) |
|
|
| 500 | oklch(0.646 0.059 107.94) | #919167 | hsl(60, 17%, 49%) |
|
|
| 600 | oklch(0.570 0.051 107.91) | #7a7a57 | hsl(60, 17%, 41%) |
|
|
| 700 | oklch(0.492 0.044 107.90) | #636346 | hsl(60, 17%, 33%) |
|
|
| 800 | oklch(0.410 0.035 107.84) | #4c4c36 | hsl(60, 17%, 25%) |
|
|
| 900 | oklch(0.324 0.025 107.73) | #353526 | hsl(60, 16%, 18%) |
|
|
| 950 | oklch(0.232 0.017 107.62) | #1e1e15 | hsl(60, 18%, 10%) |
|
dsfds
| 50 | oklch(0.890 0.058 16.98) | #ffcccd | hsl(359, 100%, 90%) |
|
|
| 100 | oklch(0.839 0.089 18.25) | #ffb3b4 | hsl(359, 100%, 85%) |
|
|
| 200 | oklch(0.791 0.121 19.51) | #ff9a9b | hsl(359, 100%, 80%) |
|
|
| 300 | oklch(0.745 0.155 20.55) | #ff8082 | hsl(359, 100%, 75%) |
|
|
| 400 | oklch(0.706 0.186 22.36) | #ff6769 | hsl(359, 100%, 70%) |
|
|
| 500 | oklch(0.674 0.213 24.38) | #ff4e50 | hsl(359, 100%, 65%) |
|
|
| 600 | oklch(0.633 0.252 28.41) | #ff1618 | hsl(359, 100%, 54%) |
|
|
| 700 | oklch(0.562 0.230 29.08) | #dc0002 | hsl(359, 100%, 43%) |
|
|
| 800 | oklch(0.451 0.185 28.94) | #a40002 | hsl(359, 100%, 32%) |
|
|
| 900 | oklch(0.332 0.136 28.86) | #6b0001 | hsl(359, 100%, 21%) |
|
|
| 950 | oklch(0.202 0.082 27.59) | #330001 | hsl(359, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
