Vibrant Summer Garden Color Palette
This vibrant palette bursts with energetic reds and warm greens, evoking a playful yet earthy vibe, reminiscent of a lively summer garden in full bloom.
Practical uses and creative applications
The Vibrant Summer Garden Color Palette is a lively mix of colors that exudes warmth and energy, making it an ideal choice for branding and web design aimed at capturing the essence of summer. Featuring shades like the bold #f2502c, reminiscent of sun-ripened tomatoes, and the soft #cad17a, echoing fresh garden greens, this palette is perfect for businesses in the food, wellness, and lifestyle sectors.
It evokes feelings of joy and creativity, making it an excellent option for creative professionals looking to infuse a sense of vibrancy into their projects. Ideal for designers and creatives, the Vibrant Summer Garden Color Palette is perfect for packaging, interiors, and promotional materials.
Whether you are designing a trendy café's branding or refreshing the interior of a boutique, these colors can help create an inviting atmosphere that resonates with customers. The sunny #fcf59b and calming #91c494 work harmoniously together, making this palette a versatile choice that can adapt to various stylesfrom modern and minimalistic to rustic and whimsical.
Embrace the essence of summer and bring your designs to life with this invigorating color combination!.
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.908 0.043 32.23) | #fcd7cf | hsl(11, 88%, 90%) |
|
|
| 100 | oklch(0.848 0.075 33.03) | #fabcae | hsl(11, 88%, 83%) |
|
|
| 200 | oklch(0.791 0.108 32.95) | #f8a18e | hsl(11, 88%, 76%) |
|
|
| 300 | oklch(0.738 0.142 33.67) | #f6866d | hsl(11, 88%, 70%) |
|
|
| 400 | oklch(0.691 0.175 33.86) | #f46b4d | hsl(11, 88%, 63%) |
|
|
| 500 | oklch(0.651 0.204 33.91) | #f2502c | hsl(11, 88%, 56%) |
|
|
| 600 | oklch(0.594 0.213 32.88) | #e1340e | hsl(11, 88%, 47%) |
|
|
| 700 | oklch(0.507 0.179 33.11) | #b52a0b | hsl(11, 89%, 38%) |
|
|
| 800 | oklch(0.416 0.144 33.50) | #892008 | hsl(11, 89%, 28%) |
|
|
| 900 | oklch(0.317 0.105 33.58) | #5c1506 | hsl(10, 88%, 19%) |
|
|
| 950 | oklch(0.213 0.063 36.09) | #300b03 | hsl(11, 88%, 10%) |
|
dsfds
| 50 | oklch(0.953 0.033 110.73) | #f0f2d9 | hsl(65, 49%, 90%) |
|
|
| 100 | oklch(0.928 0.049 111.11) | #e8ebc6 | hsl(65, 48%, 85%) |
|
|
| 200 | oklch(0.906 0.066 111.42) | #e1e5b3 | hsl(65, 49%, 80%) |
|
|
| 300 | oklch(0.882 0.081 111.80) | #d9dea0 | hsl(65, 48%, 75%) |
|
|
| 400 | oklch(0.860 0.097 112.14) | #d2d88d | hsl(65, 49%, 70%) |
|
|
| 500 | oklch(0.836 0.111 112.54) | #cad17a | hsl(65, 49%, 65%) |
|
|
| 600 | oklch(0.787 0.139 113.76) | #b9c350 | hsl(65, 49%, 54%) |
|
|
| 700 | oklch(0.687 0.130 113.91) | #9aa338 | hsl(65, 49%, 43%) |
|
|
| 800 | oklch(0.555 0.102 113.37) | #73792a | hsl(65, 48%, 32%) |
|
|
| 900 | oklch(0.415 0.075 114.22) | #4b501b | hsl(66, 50%, 21%) |
|
|
| 950 | oklch(0.260 0.041 113.02) | #24260d | hsl(65, 49%, 10%) |
|
dsfds
| 50 | oklch(0.977 0.058 103.21) | #fefacd | hsl(55, 96%, 90%) |
|
|
| 100 | oklch(0.972 0.069 104.08) | #fdf9c3 | hsl(56, 94%, 88%) |
|
|
| 200 | oklch(0.968 0.080 103.98) | #fdf8b9 | hsl(56, 94%, 86%) |
|
|
| 300 | oklch(0.964 0.091 103.93) | #fdf7af | hsl(55, 95%, 84%) |
|
|
| 400 | oklch(0.960 0.101 104.52) | #fcf6a5 | hsl(56, 94%, 82%) |
|
|
| 500 | oklch(0.956 0.111 104.46) | #fcf59b | hsl(56, 94%, 80%) |
|
|
| 600 | oklch(0.932 0.167 104.80) | #faee56 | hsl(56, 94%, 66%) |
|
|
| 700 | oklch(0.913 0.191 104.07) | #f8e711 | hsl(56, 94%, 52%) |
|
|
| 800 | oklch(0.742 0.156 104.16) | #bcaf06 | hsl(56, 94%, 38%) |
|
|
| 900 | oklch(0.530 0.111 103.79) | #776e04 | hsl(55, 93%, 24%) |
|
|
| 950 | oklch(0.296 0.062 104.25) | #322e01 | hsl(55, 96%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.025 147.28) | #deeddf | hsl(124, 29%, 90%) |
|
|
| 100 | oklch(0.899 0.037 147.73) | #cee5d0 | hsl(125, 31%, 85%) |
|
|
| 200 | oklch(0.868 0.050 146.96) | #bfddc1 | hsl(124, 31%, 81%) |
|
|
| 300 | oklch(0.835 0.060 146.49) | #b0d4b2 | hsl(123, 30%, 76%) |
|
|
| 400 | oklch(0.803 0.074 146.63) | #a0cca3 | hsl(124, 30%, 71%) |
|
|
| 500 | oklch(0.772 0.086 146.16) | #91c494 | hsl(124, 30%, 67%) |
|
|
| 600 | oklch(0.695 0.117 145.48) | #6bb06f | hsl(123, 30%, 55%) |
|
|
| 700 | oklch(0.599 0.116 145.20) | #4f9253 | hsl(124, 30%, 44%) |
|
|
| 800 | oklch(0.486 0.093 145.20) | #3a6d3d | hsl(124, 31%, 33%) |
|
|
| 900 | oklch(0.363 0.065 145.40) | #264728 | hsl(124, 30%, 21%) |
|
|
| 950 | oklch(0.229 0.034 145.94) | #122113 | hsl(124, 29%, 10%) |
|
dsfds
| 50 | oklch(0.902 0.044 24.90) | #fbd4d0 | hsl(6, 84%, 90%) |
|
|
| 100 | oklch(0.812 0.091 25.92) | #f7aba3 | hsl(6, 84%, 80%) |
|
|
| 200 | oklch(0.730 0.140 27.33) | #f38276 | hsl(6, 84%, 71%) |
|
|
| 300 | oklch(0.660 0.188 29.46) | #ef5948 | hsl(6, 84%, 61%) |
|
|
| 400 | oklch(0.610 0.224 30.54) | #eb301b | hsl(6, 84%, 51%) |
|
|
| 500 | oklch(0.530 0.197 30.53) | #c42311 | hsl(6, 84%, 42%) |
|
|
| 600 | oklch(0.470 0.173 30.67) | #a61e0e | hsl(6, 84%, 35%) |
|
|
| 700 | oklch(0.407 0.148 30.40) | #88180c | hsl(6, 84%, 29%) |
|
|
| 800 | oklch(0.345 0.123 30.54) | #6b1309 | hsl(6, 84%, 23%) |
|
|
| 900 | oklch(0.278 0.095 30.46) | #4d0e07 | hsl(6, 83%, 16%) |
|
|
| 950 | oklch(0.206 0.065 31.05) | #2f0804 | hsl(6, 84%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
