Vibrant Summer Garden Color Palette
This vibrant palette bursts with fresh energy, blending zesty greens and sunny yellows with warm coral and deep berry tones, evoking a lively, playful summer garden party.
Practical uses and creative applications
The Vibrant Summer Garden Color Palette is a delightful combination that embodies the essence of a flourishing garden in full bloom. Featuring bright greens (#b3cc57), sunny yellows (#ecf081), warm oranges (#ffbe40), soft corals (#ef746f), and deep rose (#ab3e5b), this palette is perfect for those looking to infuse their projects with energy and warmth.
Ideal for branding, web design, and packaging, these colors can evoke feelings of joy and creativity, making them perfect for businesses in the wellness, beauty, and outdoor sectors. Designers and creatives will appreciate how this color palette can enhance various applications.
In web design, the vibrant hues can capture attention and lead to higher engagement rates, while in branding, they convey a fresh, approachable image that resonates with audiences. For interior designers, using these colors in home decor can create inviting and cheerful spaces, perfect for summer gatherings.
Whether you’re a graphic designer aiming for a lively visual identity or a packaging expert looking to stand out on the shelves, the Vibrant Summer Garden Color Palette offers versatility and charm that can elevate any project.
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.952 0.036 117.27) | #edf3d8 | hsl(73, 53%, 90%) |
|
|
| 100 | oklch(0.922 0.060 116.77) | #e2ebbe | hsl(72, 53%, 83%) |
|
|
| 200 | oklch(0.891 0.083 117.60) | #d6e3a4 | hsl(72, 53%, 77%) |
|
|
| 300 | oklch(0.862 0.106 118.90) | #cadc8b | hsl(73, 54%, 70%) |
|
|
| 400 | oklch(0.833 0.127 119.10) | #bfd471 | hsl(73, 54%, 64%) |
|
|
| 500 | oklch(0.803 0.146 119.91) | #b3cc57 | hsl(73, 53%, 57%) |
|
|
| 600 | oklch(0.744 0.154 120.58) | #9fba39 | hsl(73, 53%, 48%) |
|
|
| 700 | oklch(0.635 0.132 121.01) | #7f962d | hsl(73, 54%, 38%) |
|
|
| 800 | oklch(0.518 0.105 120.67) | #607122 | hsl(73, 54%, 29%) |
|
|
| 900 | oklch(0.395 0.077 120.03) | #414c17 | hsl(72, 54%, 19%) |
|
|
| 950 | oklch(0.259 0.045 120.09) | #21270c | hsl(73, 53%, 10%) |
|
dsfds
| 50 | oklch(0.973 0.053 109.64) | #f8fad1 | hsl(63, 80%, 90%) |
|
|
| 100 | oklch(0.964 0.071 109.38) | #f6f8c1 | hsl(62, 80%, 86%) |
|
|
| 200 | oklch(0.955 0.088 110.04) | #f3f6b1 | hsl(63, 79%, 83%) |
|
|
| 300 | oklch(0.946 0.104 110.00) | #f1f4a1 | hsl(62, 79%, 79%) |
|
|
| 400 | oklch(0.937 0.120 110.55) | #eef291 | hsl(62, 79%, 76%) |
|
|
| 500 | oklch(0.929 0.135 110.58) | #ecf081 | hsl(62, 79%, 72%) |
|
|
| 600 | oklch(0.902 0.175 111.56) | #e3e948 | hsl(62, 79%, 60%) |
|
|
| 700 | oklch(0.849 0.184 112.12) | #d1d81a | hsl(62, 79%, 47%) |
|
|
| 800 | oklch(0.676 0.145 111.99) | #9a9f13 | hsl(62, 79%, 35%) |
|
|
| 900 | oklch(0.492 0.104 111.74) | #63660c | hsl(62, 79%, 22%) |
|
|
| 950 | oklch(0.290 0.059 112.33) | #2c2e05 | hsl(63, 80%, 10%) |
|
dsfds
| 50 | oklch(0.954 0.048 84.56) | #ffeecc | hsl(40, 100%, 90%) |
|
|
| 100 | oklch(0.929 0.073 83.59) | #ffe4b0 | hsl(39, 100%, 85%) |
|
|
| 200 | oklch(0.906 0.097 83.73) | #ffdb94 | hsl(40, 100%, 79%) |
|
|
| 300 | oklch(0.883 0.119 82.63) | #ffd178 | hsl(40, 100%, 74%) |
|
|
| 400 | oklch(0.862 0.139 81.85) | #ffc85c | hsl(40, 100%, 68%) |
|
|
| 500 | oklch(0.841 0.154 79.80) | #ffbe40 | hsl(40, 100%, 63%) |
|
|
| 600 | oklch(0.805 0.169 74.01) | #ffac0a | hsl(40, 100%, 52%) |
|
|
| 700 | oklch(0.696 0.148 72.90) | #d48c00 | hsl(40, 100%, 42%) |
|
|
| 800 | oklch(0.561 0.119 73.55) | #9e6800 | hsl(39, 100%, 31%) |
|
|
| 900 | oklch(0.421 0.089 75.16) | #694500 | hsl(39, 100%, 21%) |
|
|
| 950 | oklch(0.266 0.055 80.87) | #332200 | hsl(40, 100%, 10%) |
|
dsfds
| 50 | oklch(0.899 0.044 21.47) | #fad3d1 | hsl(3, 80%, 90%) |
|
|
| 100 | oklch(0.857 0.065 22.04) | #f8c0bd | hsl(3, 81%, 86%) |
|
|
| 200 | oklch(0.816 0.086 21.76) | #f6adaa | hsl(2, 81%, 82%) |
|
|
| 300 | oklch(0.775 0.108 22.63) | #f39a96 | hsl(3, 79%, 77%) |
|
|
| 400 | oklch(0.737 0.130 22.99) | #f18783 | hsl(2, 80%, 73%) |
|
|
| 500 | oklch(0.702 0.153 24.13) | #ef746f | hsl(2, 80%, 69%) |
|
|
| 600 | oklch(0.622 0.207 27.43) | #e94039 | hsl(2, 80%, 57%) |
|
|
| 700 | oklch(0.547 0.209 28.92) | #cf1e17 | hsl(2, 80%, 45%) |
|
|
| 800 | oklch(0.441 0.167 28.71) | #9a1611 | hsl(2, 80%, 34%) |
|
|
| 900 | oklch(0.327 0.118 28.54) | #640f0b | hsl(3, 80%, 22%) |
|
|
| 950 | oklch(0.203 0.065 28.21) | #2e0705 | hsl(3, 80%, 10%) |
|
dsfds
| 50 | oklch(0.909 0.027 359.98) | #f1dae0 | hsl(344, 45%, 90%) |
|
|
| 100 | oklch(0.826 0.054 0.59) | #e5b8c4 | hsl(344, 46%, 81%) |
|
|
| 200 | oklch(0.746 0.082 1.41) | #d997a9 | hsl(344, 46%, 72%) |
|
|
| 300 | oklch(0.667 0.112 3.56) | #cd768d | hsl(344, 47%, 63%) |
|
|
| 400 | oklch(0.593 0.141 5.58) | #c15572 | hsl(344, 47%, 55%) |
|
|
| 500 | oklch(0.523 0.144 7.26) | #ab3e5b | hsl(344, 47%, 46%) |
|
|
| 600 | oklch(0.463 0.126 6.73) | #90344d | hsl(344, 47%, 38%) |
|
|
| 700 | oklch(0.404 0.107 6.72) | #762b3f | hsl(344, 47%, 32%) |
|
|
| 800 | oklch(0.339 0.086 6.88) | #5b2130 | hsl(344, 47%, 24%) |
|
|
| 900 | oklch(0.271 0.065 5.67) | #401722 | hsl(344, 47%, 17%) |
|
|
| 950 | oklch(0.202 0.040 4.69) | #250e14 | hsl(344, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
