Fresh Summer Garden Color Palette
This palette radiates a fresh, uplifting vibe with soft mint greens and pastel yellows, accented by rosy coral and vibrant crimson, evoking a breezy, cheerful summer garden in full bloom.
Practical uses and creative applications
The Fresh Summer Garden Color Palette evokes the vibrant essence of a sun-kissed garden, making it an ideal choice for designers seeking to infuse their projects with a lively and refreshing vibe. Featuring shades like the soft minty green of #d4f7dc, the pastel yellow of #dbe7b4, and the warm terracotta of #dbc092, this palette is perfect for branding initiatives that aim to convey a sense of vitality and rejuvenation.
Whether you're designing a logo for an organic skincare line or crafting a playful identity for a boutique, these colors will resonate with audiences looking for authenticity and charm. In web design, the Fresh Summer Garden Palette can create a cheerful and inviting user experience, making it suitable for lifestyle blogs, eco-friendly businesses, and family-oriented websites.
The striking red #f51441 adds a pop of energy that can be used for calls-to-action, while the calming green and yellow tones provide a harmonious backdrop. This palette is also exceptional for packaging, particularly for products that celebrate nature, sustainability, or summertime themes.
Creatives and designers will find this palette not only versatile but also a source of inspiration for interiors that aim to bring the outdoors in, promoting relaxation and happiness in any space.
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.051 152.15) | #d4f7dc | hsl(134, 69%, 90%) |
|
|
| 100 | oklch(0.944 0.051 152.15) | #d4f7dc | hsl(134, 69%, 90%) |
|
|
| 200 | oklch(0.944 0.051 152.15) | #d4f7dc | hsl(134, 69%, 90%) |
|
|
| 300 | oklch(0.944 0.051 152.15) | #d4f7dc | hsl(134, 69%, 90%) |
|
|
| 400 | oklch(0.944 0.051 152.15) | #d4f7dc | hsl(134, 69%, 90%) |
|
|
| 500 | oklch(0.944 0.051 152.15) | #d4f7dc | hsl(134, 69%, 90%) |
|
|
| 600 | oklch(0.862 0.131 150.30) | #8feaa4 | hsl(134, 68%, 74%) |
|
|
| 700 | oklch(0.795 0.198 147.66) | #4add6c | hsl(134, 68%, 58%) |
|
|
| 800 | oklch(0.677 0.195 146.07) | #22b543 | hsl(133, 68%, 42%) |
|
|
| 900 | oklch(0.478 0.133 146.57) | #15702a | hsl(134, 68%, 26%) |
|
|
| 950 | oklch(0.256 0.063 147.77) | #082b10 | hsl(134, 69%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.036 118.91) | #ecf3d8 | hsl(76, 53%, 90%) |
|
|
| 100 | oklch(0.942 0.042 117.54) | #e9f0d1 | hsl(74, 51%, 88%) |
|
|
| 200 | oklch(0.933 0.048 118.75) | #e5eeca | hsl(75, 51%, 86%) |
|
|
| 300 | oklch(0.925 0.055 118.62) | #e2ecc3 | hsl(75, 52%, 85%) |
|
|
| 400 | oklch(0.914 0.062 118.56) | #dee9bb | hsl(74, 51%, 82%) |
|
|
| 500 | oklch(0.906 0.068 118.53) | #dbe7b4 | hsl(74, 52%, 81%) |
|
|
| 600 | oklch(0.840 0.116 119.83) | #c1d67d | hsl(74, 52%, 66%) |
|
|
| 700 | oklch(0.774 0.153 121.23) | #a7c447 | hsl(74, 51%, 52%) |
|
|
| 800 | oklch(0.628 0.129 121.74) | #7c942f | hsl(74, 52%, 38%) |
|
|
| 900 | oklch(0.451 0.089 121.46) | #4e5d1e | hsl(74, 51%, 24%) |
|
|
| 950 | oklch(0.258 0.046 121.77) | #20270c | hsl(76, 53%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.023 82.12) | #f2e9d9 | hsl(38, 49%, 90%) |
|
|
| 100 | oklch(0.914 0.033 80.99) | #eee1cb | hsl(38, 51%, 86%) |
|
|
| 200 | oklch(0.891 0.042 82.47) | #e9d9bc | hsl(39, 51%, 83%) |
|
|
| 300 | oklch(0.865 0.050 80.96) | #e4d0ae | hsl(38, 50%, 79%) |
|
|
| 400 | oklch(0.843 0.060 80.38) | #e0c8a0 | hsl(38, 51%, 75%) |
|
|
| 500 | oklch(0.820 0.068 80.76) | #dbc092 | hsl(38, 50%, 72%) |
|
|
| 600 | oklch(0.742 0.095 80.27) | #cba563 | hsl(38, 50%, 59%) |
|
|
| 700 | oklch(0.653 0.108 77.87) | #b4873b | hsl(38, 51%, 47%) |
|
|
| 800 | oklch(0.525 0.084 78.27) | #85642c | hsl(38, 50%, 35%) |
|
|
| 900 | oklch(0.387 0.060 77.70) | #56401c | hsl(37, 51%, 22%) |
|
|
| 950 | oklch(0.237 0.031 80.82) | #261d0d | hsl(38, 49%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.030 35.49) | #f6dcd5 | hsl(13, 65%, 90%) |
|
|
| 100 | oklch(0.871 0.048 34.35) | #f2cac0 | hsl(12, 66%, 85%) |
|
|
| 200 | oklch(0.829 0.064 35.56) | #edb9ab | hsl(13, 65%, 80%) |
|
|
| 300 | oklch(0.787 0.082 34.11) | #e9a797 | hsl(12, 65%, 75%) |
|
|
| 400 | oklch(0.747 0.099 35.06) | #e49682 | hsl(12, 64%, 70%) |
|
|
| 500 | oklch(0.707 0.119 34.91) | #e0846d | hsl(12, 65%, 65%) |
|
|
| 600 | oklch(0.625 0.160 35.47) | #d65d3e | hsl(12, 65%, 54%) |
|
|
| 700 | oklch(0.538 0.155 34.84) | #b64327 | hsl(12, 65%, 43%) |
|
|
| 800 | oklch(0.435 0.121 35.03) | #87321d | hsl(12, 65%, 32%) |
|
|
| 900 | oklch(0.329 0.086 35.20) | #592113 | hsl(12, 65%, 21%) |
|
|
| 950 | oklch(0.211 0.046 36.10) | #2a1009 | hsl(13, 65%, 10%) |
|
dsfds
| 50 | oklch(0.894 0.054 5.35) | #fdced7 | hsl(349, 92%, 90%) |
|
|
| 100 | oklch(0.819 0.098 6.68) | #fba9b9 | hsl(348, 91%, 82%) |
|
|
| 200 | oklch(0.750 0.145 8.82) | #fa849b | hsl(348, 92%, 75%) |
|
|
| 300 | oklch(0.689 0.189 11.38) | #f85e7d | hsl(348, 92%, 67%) |
|
|
| 400 | oklch(0.646 0.223 15.50) | #f7395f | hsl(348, 92%, 60%) |
|
|
| 500 | oklch(0.618 0.242 20.63) | #f51441 | hsl(348, 92%, 52%) |
|
|
| 600 | oklch(0.554 0.220 21.74) | #d50932 | hsl(348, 92%, 44%) |
|
|
| 700 | oklch(0.473 0.187 21.33) | #ac0728 | hsl(348, 92%, 35%) |
|
|
| 800 | oklch(0.389 0.152 20.31) | #83061f | hsl(348, 91%, 27%) |
|
|
| 900 | oklch(0.300 0.115 18.87) | #5a0415 | hsl(348, 91%, 18%) |
|
|
| 950 | oklch(0.203 0.076 15.00) | #31020b | hsl(349, 92%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
