Fresh Spring Color Palette
This palette radiates a fresh, tranquil vibe with soft greens and sunny lime, evoking a serene garden in springtime, full of life and optimism.
Practical uses and creative applications
The Fresh Spring Color Palette embodies the essence of renewal and vitality with its vibrant greens and soft yellow hues. Featuring shades like #6da67a, #99a66d, #a9bd68, #b5cc6a, and #c0de5d, this palette is perfect for branding projects aimed at eco-friendly businesses, wellness brands, or artisanal products.
Designers can leverage these refreshing colors to evoke feelings of growth and optimism, making it an ideal choice for logos, packaging, and promotional materials that resonate with a nature-conscious audience. In web design, the Fresh Spring Color Palette can transform digital spaces into inviting environments that enhance user experience.
Whether you're creating a website for a health blog, a garden shop, or a lifestyle brand, these colors will help convey a sense of tranquility and harmony. Additionally, interior designers can incorporate this palette into residential or commercial spaces, using it to create airy atmospheres that uplift and rejuvenate.
Ultimately, this color palette is tailor-made for creatives looking to infuse their projects with a touch of springtime freshness and positivity.
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.931 0.019 152.81) | #dfece2 | hsl(134, 25%, 90%) |
|
|
| 100 | oklch(0.879 0.033 152.40) | #c8decd | hsl(134, 25%, 83%) |
|
|
| 200 | oklch(0.829 0.046 151.14) | #b2d0b8 | hsl(132, 24%, 76%) |
|
|
| 300 | oklch(0.777 0.059 151.83) | #9bc2a4 | hsl(134, 24%, 68%) |
|
|
| 400 | oklch(0.725 0.074 151.29) | #84b48f | hsl(134, 24%, 61%) |
|
|
| 500 | oklch(0.674 0.088 150.67) | #6da67a | hsl(134, 24%, 54%) |
|
|
| 600 | oklch(0.599 0.088 150.44) | #578f64 | hsl(134, 24%, 45%) |
|
|
| 700 | oklch(0.513 0.074 150.19) | #467350 | hsl(133, 24%, 36%) |
|
|
| 800 | oklch(0.423 0.059 150.73) | #35573d | hsl(134, 24%, 27%) |
|
|
| 900 | oklch(0.330 0.044 151.33) | #243c2a | hsl(135, 25%, 19%) |
|
|
| 950 | oklch(0.228 0.027 151.05) | #132016 | hsl(134, 25%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.018 117.30) | #e9ecdf | hsl(74, 25%, 90%) |
|
|
| 100 | oklch(0.891 0.030 117.41) | #d9dec8 | hsl(74, 25%, 83%) |
|
|
| 200 | oklch(0.844 0.041 117.96) | #c9d0b2 | hsl(74, 24%, 76%) |
|
|
| 300 | oklch(0.797 0.054 118.19) | #b9c29b | hsl(74, 24%, 68%) |
|
|
| 400 | oklch(0.749 0.067 118.53) | #a9b484 | hsl(74, 24%, 61%) |
|
|
| 500 | oklch(0.701 0.079 118.95) | #99a66d | hsl(74, 24%, 54%) |
|
|
| 600 | oklch(0.626 0.080 119.42) | #828f57 | hsl(74, 24%, 45%) |
|
|
| 700 | oklch(0.535 0.066 118.92) | #697346 | hsl(73, 24%, 36%) |
|
|
| 800 | oklch(0.441 0.053 118.09) | #505735 | hsl(72, 24%, 27%) |
|
|
| 900 | oklch(0.343 0.040 119.98) | #363c24 | hsl(75, 25%, 19%) |
|
|
| 950 | oklch(0.236 0.024 118.84) | #1d2013 | hsl(74, 25%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.025 116.55) | #ebefdc | hsl(73, 37%, 90%) |
|
|
| 100 | oklch(0.908 0.044 117.02) | #dee5c4 | hsl(73, 39%, 83%) |
|
|
| 200 | oklch(0.871 0.062 118.63) | #d0dbad | hsl(74, 39%, 77%) |
|
|
| 300 | oklch(0.835 0.080 119.00) | #c3d196 | hsl(74, 39%, 70%) |
|
|
| 400 | oklch(0.800 0.097 119.46) | #b6c77f | hsl(74, 39%, 64%) |
|
|
| 500 | oklch(0.764 0.113 120.00) | #a9bd68 | hsl(74, 39%, 57%) |
|
|
| 600 | oklch(0.701 0.125 120.51) | #94aa4a | hsl(74, 39%, 48%) |
|
|
| 700 | oklch(0.598 0.105 121.21) | #76893c | hsl(75, 39%, 39%) |
|
|
| 800 | oklch(0.488 0.084 120.86) | #59672d | hsl(74, 39%, 29%) |
|
|
| 900 | oklch(0.372 0.061 120.18) | #3c451e | hsl(74, 39%, 19%) |
|
|
| 950 | oklch(0.246 0.034 118.66) | #1f2310 | hsl(73, 37%, 10%) |
|
dsfds
| 50 | oklch(0.950 0.034 118.01) | #ecf2d9 | hsl(74, 49%, 90%) |
|
|
| 100 | oklch(0.920 0.052 117.99) | #e1eac3 | hsl(74, 48%, 84%) |
|
|
| 200 | oklch(0.893 0.072 118.88) | #d6e3ad | hsl(74, 49%, 78%) |
|
|
| 300 | oklch(0.863 0.092 118.98) | #cbdb96 | hsl(74, 49%, 72%) |
|
|
| 400 | oklch(0.836 0.111 119.79) | #c0d480 | hsl(74, 49%, 67%) |
|
|
| 500 | oklch(0.807 0.127 120.21) | #b5cc6a | hsl(74, 49%, 61%) |
|
|
| 600 | oklch(0.759 0.152 121.40) | #a2bf43 | hsl(74, 49%, 51%) |
|
|
| 700 | oklch(0.647 0.129 121.55) | #829a35 | hsl(74, 49%, 41%) |
|
|
| 800 | oklch(0.524 0.103 121.41) | #617327 | hsl(74, 49%, 30%) |
|
|
| 900 | oklch(0.398 0.075 121.10) | #414d1a | hsl(74, 50%, 20%) |
|
|
| 950 | oklch(0.256 0.043 120.68) | #20260d | hsl(74, 49%, 10%) |
|
dsfds
| 50 | oklch(0.959 0.044 116.96) | #eff6d5 | hsl(73, 65%, 90%) |
|
|
| 100 | oklch(0.936 0.069 118.30) | #e5f1bd | hsl(74, 65%, 84%) |
|
|
| 200 | oklch(0.916 0.095 119.10) | #dceda5 | hsl(74, 67%, 79%) |
|
|
| 300 | oklch(0.895 0.118 119.45) | #d3e88d | hsl(74, 66%, 73%) |
|
|
| 400 | oklch(0.873 0.139 120.33) | #c9e375 | hsl(74, 66%, 67%) |
|
|
| 500 | oklch(0.853 0.158 120.86) | #c0de5d | hsl(74, 66%, 62%) |
|
|
| 600 | oklch(0.817 0.184 122.37) | #afd531 | hsl(74, 66%, 51%) |
|
|
| 700 | oklch(0.702 0.160 122.46) | #8eae23 | hsl(74, 67%, 41%) |
|
|
| 800 | oklch(0.568 0.127 122.36) | #6a821b | hsl(74, 66%, 31%) |
|
|
| 900 | oklch(0.425 0.092 122.14) | #465612 | hsl(74, 65%, 20%) |
|
|
| 950 | oklch(0.270 0.053 120.25) | #232a09 | hsl(73, 65%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
