Vibrant Summer Garden Color Palette
This palette exudes a vibrant, sun-kissed energy with a refreshing blend of soft teal, warm cream, sunny yellow, zesty orange, and bold crimson, evoking a lively summer garden party.
Practical uses and creative applications
The Vibrant Summer Garden Color Palette is a delightful fusion of lively hues that embody the essence of a flourishing garden in full bloom. Featuring soft greens (#85a29e), sunny yellows (#ffebbf, #f0d442), zesty oranges (#f59330), and passionate pinks (#b22148), this palette is perfect for creatives looking to evoke a joyful and energetic atmosphere.
It effortlessly brings a sense of warmth and cheer, making it an ideal choice for branding, web design, packaging, and interior decor. Designers and creatives can leverage this palette to enhance their projects, whether they are crafting a playful website for a summer event or designing vibrant packaging for a fresh food product.
The combination of these colors is particularly suited for businesses in the lifestyle, wellness, or hospitality sectors, where a lively and inviting aesthetic is essential. By incorporating the Vibrant Summer Garden Color Palette, you can create spaces and visuals that resonate with audiences, evoke nostalgia, and inspire positivity, making it a perfect fit for seasonal campaigns or cheerful branding initiatives.
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.928 0.008 186.88) | #e2e9e8 | hsl(171, 14%, 90%) |
|
|
| 100 | oklch(0.882 0.013 185.05) | #cfdbd9 | hsl(170, 14%, 84%) |
|
|
| 200 | oklch(0.835 0.018 183.45) | #bdcdca | hsl(169, 14%, 77%) |
|
|
| 300 | oklch(0.786 0.022 189.43) | #aabebc | hsl(174, 13%, 71%) |
|
|
| 400 | oklch(0.738 0.027 187.43) | #98b0ad | hsl(173, 13%, 64%) |
|
|
| 500 | oklch(0.689 0.033 186.21) | #85a29e | hsl(172, 13%, 58%) |
|
|
| 600 | oklch(0.613 0.039 185.10) | #6a8c87 | hsl(171, 14%, 48%) |
|
|
| 700 | oklch(0.523 0.032 185.08) | #55706c | hsl(171, 14%, 39%) |
|
|
| 800 | oklch(0.429 0.025 188.71) | #405452 | hsl(174, 14%, 29%) |
|
|
| 900 | oklch(0.331 0.019 185.60) | #2b3937 | hsl(171, 14%, 20%) |
|
|
| 950 | oklch(0.223 0.010 185.87) | #161d1c | hsl(171, 14%, 10%) |
|
dsfds
| 50 | oklch(0.956 0.049 86.35) | #ffefcc | hsl(41, 100%, 90%) |
|
|
| 100 | oklch(0.953 0.052 86.25) | #ffeec9 | hsl(41, 100%, 89%) |
|
|
| 200 | oklch(0.951 0.053 85.64) | #ffedc7 | hsl(41, 100%, 89%) |
|
|
| 300 | oklch(0.950 0.057 87.11) | #ffedc4 | hsl(42, 100%, 88%) |
|
|
| 400 | oklch(0.948 0.058 86.53) | #ffecc2 | hsl(41, 100%, 88%) |
|
|
| 500 | oklch(0.945 0.061 86.43) | #ffebbf | hsl(41, 100%, 87%) |
|
|
| 600 | oklch(0.883 0.127 85.00) | #ffd270 | hsl(41, 100%, 72%) |
|
|
| 700 | oklch(0.832 0.166 80.37) | #ffba21 | hsl(41, 100%, 56%) |
|
|
| 800 | oklch(0.700 0.147 76.70) | #d19000 | hsl(41, 100%, 41%) |
|
|
| 900 | oklch(0.496 0.103 77.65) | #825900 | hsl(41, 100%, 25%) |
|
|
| 950 | oklch(0.268 0.055 82.97) | #332300 | hsl(41, 100%, 10%) |
|
dsfds
| 50 | oklch(0.963 0.047 98.11) | #fbf4d0 | hsl(50, 84%, 90%) |
|
|
| 100 | oklch(0.944 0.076 98.78) | #f9eeb3 | hsl(51, 85%, 84%) |
|
|
| 200 | oklch(0.923 0.101 98.27) | #f7e797 | hsl(50, 86%, 78%) |
|
|
| 300 | oklch(0.905 0.125 98.47) | #f5e17b | hsl(50, 86%, 72%) |
|
|
| 400 | oklch(0.885 0.145 98.38) | #f2da5e | hsl(50, 85%, 66%) |
|
|
| 500 | oklch(0.869 0.159 97.96) | #f0d442 | hsl(50, 85%, 60%) |
|
|
| 600 | oklch(0.841 0.170 96.07) | #ecc913 | hsl(50, 85%, 50%) |
|
|
| 700 | oklch(0.713 0.144 96.26) | #bda10f | hsl(50, 85%, 40%) |
|
|
| 800 | oklch(0.579 0.116 96.55) | #8e790b | hsl(50, 86%, 30%) |
|
|
| 900 | oklch(0.436 0.087 97.07) | #5f5107 | hsl(50, 86%, 20%) |
|
|
| 950 | oklch(0.277 0.053 97.97) | #2f2804 | hsl(50, 84%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.041 68.49) | #fde6ce | hsl(31, 92%, 90%) |
|
|
| 100 | oklch(0.896 0.066 66.82) | #fbd5af | hsl(30, 90%, 84%) |
|
|
| 200 | oklch(0.858 0.092 66.61) | #fac58f | hsl(30, 91%, 77%) |
|
|
| 300 | oklch(0.819 0.117 65.35) | #f8b46f | hsl(30, 91%, 70%) |
|
|
| 400 | oklch(0.786 0.139 63.47) | #f7a450 | hsl(30, 91%, 64%) |
|
|
| 500 | oklch(0.751 0.158 60.49) | #f59330 | hsl(30, 91%, 57%) |
|
|
| 600 | oklch(0.694 0.168 55.49) | #e97b0b | hsl(30, 91%, 48%) |
|
|
| 700 | oklch(0.591 0.142 56.21) | #bb6309 | hsl(30, 91%, 38%) |
|
|
| 800 | oklch(0.482 0.114 56.54) | #8d4a07 | hsl(30, 91%, 29%) |
|
|
| 900 | oklch(0.368 0.084 58.30) | #5f3205 | hsl(30, 90%, 20%) |
|
|
| 950 | oklch(0.244 0.052 64.04) | #311a02 | hsl(31, 92%, 10%) |
|
dsfds
| 50 | oklch(0.902 0.041 0.65) | #f7d4dd | hsl(345, 69%, 90%) |
|
|
| 100 | oklch(0.809 0.084 1.08) | #efaabd | hsl(343, 68%, 80%) |
|
|
| 200 | oklch(0.721 0.131 3.67) | #e8809c | hsl(344, 69%, 71%) |
|
|
| 300 | oklch(0.643 0.174 6.90) | #e0567b | hsl(344, 69%, 61%) |
|
|
| 400 | oklch(0.583 0.205 11.57) | #d82d5b | hsl(344, 69%, 51%) |
|
|
| 500 | oklch(0.502 0.179 11.98) | #b22148 | hsl(344, 69%, 41%) |
|
|
| 600 | oklch(0.446 0.158 11.69) | #971c3d | hsl(344, 69%, 35%) |
|
|
| 700 | oklch(0.389 0.135 11.29) | #7c1732 | hsl(344, 69%, 29%) |
|
|
| 800 | oklch(0.329 0.111 10.72) | #611227 | hsl(344, 69%, 23%) |
|
|
| 900 | oklch(0.267 0.086 9.87) | #460d1c | hsl(344, 69%, 16%) |
|
|
| 950 | oklch(0.201 0.058 8.34) | #2b0811 | hsl(345, 69%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
