Soft Spring Color Palette
This palette radiates a soft, sunlit freshness with its pastel yellows and greens, evoking a serene, cheerful garden vibe perfect for a lighthearted spring day.
Practical uses and creative applications
The Soft Spring Color Palette is a delightful blend of pastel hues that evoke feelings of freshness and renewal. Featuring shades like #ffffc2, #f0ffc2, #e0ffc2, #d1ffc2, and #c2ffc2, this palette is ideal for designers looking to create a serene and uplifting atmosphere.
Perfect for branding, this palette can breathe life into logos and marketing materials, making them feel inviting and warm. Whether you’re designing a website or packaging for a spring collection, these gentle colors help convey a message of tranquility and optimism.
This palette is particularly well-suited for creatives in the wellness, beauty, and lifestyle industries. Interior designers can use the Soft Spring Color Palette to create calming spaces that inspire relaxation, such as in bedrooms or therapy rooms.
Additionally, this palette works beautifully for event planning, especially for spring weddings or children’s parties, where a soft and cheerful aesthetic is desired. Embrace the lightness of spring with this versatile color palette, and watch your projects bloom!.
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.988 0.065 107.54) | #ffffcc | hsl(60, 100%, 90%) |
|
|
| 100 | oklch(0.987 0.068 107.58) | #ffffca | hsl(60, 100%, 90%) |
|
|
| 200 | oklch(0.987 0.070 107.62) | #ffffc8 | hsl(60, 100%, 89%) |
|
|
| 300 | oklch(0.986 0.073 107.66) | #ffffc6 | hsl(60, 100%, 89%) |
|
|
| 400 | oklch(0.986 0.075 107.70) | #ffffc4 | hsl(60, 100%, 88%) |
|
|
| 500 | oklch(0.985 0.078 107.74) | #ffffc2 | hsl(60, 100%, 88%) |
|
|
| 600 | oklch(0.973 0.162 109.06) | #ffff72 | hsl(60, 100%, 72%) |
|
|
| 700 | oklch(0.969 0.206 109.69) | #ffff23 | hsl(60, 100%, 57%) |
|
|
| 800 | oklch(0.836 0.182 109.77) | #d2d200 | hsl(60, 100%, 41%) |
|
|
| 900 | oklch(0.590 0.129 109.77) | #838300 | hsl(60, 100%, 26%) |
|
|
| 950 | oklch(0.311 0.068 109.77) | #333300 | hsl(60, 100%, 10%) |
|
dsfds
| 50 | oklch(0.978 0.067 119.27) | #f2ffcc | hsl(75, 100%, 90%) |
|
|
| 100 | oklch(0.977 0.070 118.90) | #f2ffca | hsl(75, 100%, 90%) |
|
|
| 200 | oklch(0.976 0.073 119.36) | #f1ffc8 | hsl(75, 100%, 89%) |
|
|
| 300 | oklch(0.976 0.075 119.01) | #f1ffc6 | hsl(75, 100%, 89%) |
|
|
| 400 | oklch(0.975 0.078 119.44) | #f0ffc4 | hsl(75, 100%, 88%) |
|
|
| 500 | oklch(0.974 0.080 119.13) | #f0ffc2 | hsl(75, 100%, 88%) |
|
|
| 600 | oklch(0.947 0.171 121.39) | #dcff72 | hsl(75, 100%, 72%) |
|
|
| 700 | oklch(0.929 0.224 124.03) | #c9ff23 | hsl(75, 100%, 57%) |
|
|
| 800 | oklch(0.798 0.201 125.32) | #9fd200 | hsl(75, 100%, 41%) |
|
|
| 900 | oklch(0.564 0.142 125.31) | #628300 | hsl(75, 100%, 26%) |
|
|
| 950 | oklch(0.298 0.074 123.71) | #263300 | hsl(75, 100%, 10%) |
|
dsfds
| 50 | oklch(0.968 0.072 129.69) | #e5ffcc | hsl(91, 100%, 90%) |
|
|
| 100 | oklch(0.967 0.075 129.71) | #e4ffca | hsl(91, 100%, 90%) |
|
|
| 200 | oklch(0.966 0.077 129.73) | #e3ffc8 | hsl(91, 100%, 89%) |
|
|
| 300 | oklch(0.965 0.080 129.76) | #e2ffc6 | hsl(91, 100%, 89%) |
|
|
| 400 | oklch(0.964 0.083 129.78) | #e1ffc4 | hsl(91, 100%, 88%) |
|
|
| 500 | oklch(0.963 0.086 129.81) | #e0ffc2 | hsl(90, 100%, 88%) |
|
|
| 600 | oklch(0.924 0.187 131.46) | #b8ff72 | hsl(90, 100%, 72%) |
|
|
| 700 | oklch(0.898 0.252 134.51) | #8fff23 | hsl(91, 100%, 57%) |
|
|
| 800 | oklch(0.769 0.229 136.06) | #67d200 | hsl(91, 100%, 41%) |
|
|
| 900 | oklch(0.544 0.161 135.57) | #408300 | hsl(91, 100%, 26%) |
|
|
| 950 | oklch(0.289 0.082 133.40) | #193300 | hsl(91, 100%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.078 137.77) | #d9ffcc | hsl(105, 100%, 90%) |
|
|
| 100 | oklch(0.958 0.081 138.07) | #d7ffca | hsl(105, 100%, 90%) |
|
|
| 200 | oklch(0.957 0.084 137.79) | #d6ffc8 | hsl(105, 100%, 89%) |
|
|
| 300 | oklch(0.955 0.087 138.07) | #d4ffc6 | hsl(105, 100%, 89%) |
|
|
| 400 | oklch(0.954 0.090 137.82) | #d3ffc4 | hsl(105, 100%, 88%) |
|
|
| 500 | oklch(0.953 0.093 138.08) | #d1ffc2 | hsl(105, 100%, 88%) |
|
|
| 600 | oklch(0.906 0.204 138.58) | #95ff72 | hsl(105, 100%, 72%) |
|
|
| 700 | oklch(0.879 0.274 140.08) | #59ff23 | hsl(105, 100%, 57%) |
|
|
| 800 | oklch(0.754 0.247 140.91) | #34d200 | hsl(105, 100%, 41%) |
|
|
| 900 | oklch(0.533 0.174 140.60) | #208300 | hsl(105, 100%, 26%) |
|
|
| 950 | oklch(0.283 0.089 138.84) | #0d3300 | hsl(105, 100%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.086 144.87) | #ccffcc | hsl(120, 100%, 90%) |
|
|
| 100 | oklch(0.950 0.089 144.84) | #caffca | hsl(120, 100%, 90%) |
|
|
| 200 | oklch(0.948 0.092 144.81) | #c8ffc8 | hsl(120, 100%, 89%) |
|
|
| 300 | oklch(0.947 0.095 144.77) | #c6ffc6 | hsl(120, 100%, 89%) |
|
|
| 400 | oklch(0.945 0.099 144.74) | #c4ffc4 | hsl(120, 100%, 88%) |
|
|
| 500 | oklch(0.943 0.102 144.71) | #c2ffc2 | hsl(120, 100%, 88%) |
|
|
| 600 | oklch(0.892 0.220 143.45) | #72ff72 | hsl(120, 100%, 72%) |
|
|
| 700 | oklch(0.869 0.286 142.61) | #23ff23 | hsl(120, 100%, 57%) |
|
|
| 800 | oklch(0.748 0.255 142.50) | #00d200 | hsl(120, 100%, 41%) |
|
|
| 900 | oklch(0.529 0.180 142.50) | #008300 | hsl(120, 100%, 26%) |
|
|
| 950 | oklch(0.278 0.095 142.50) | #003300 | hsl(120, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
