Vibrant Color Palette for Spring
This vibrant palette blends serene mint greens and soft teals with bold bursts of fiery orange and passionate fuchsia, anchored by deep indigo, creating an energetic yet sophisticated vibe that balances tranquility with excitement.
Practical uses and creative applications
The Vibrant Color Palette for Spring is a delightful blend of fresh and lively hues, perfect for projects that aim to evoke a sense of renewal and energy. Featuring soft greens like #e4f3d8, calming blues such as #afcacc, and striking accents of #ffa02e and #e80560, this palette is ideal for designers and creatives looking to capture the essence of the spring season.
The deep, rich shade of #331d4a adds a sophisticated contrast, making it versatile for various applications, from branding to web design. This color palette shines in branding efforts, particularly for businesses focusing on wellness, eco-friendly products, or seasonal promotions.
Use it in packaging design to attract attention and convey a vibrant, fresh identity. Interior designers can also leverage these colors to create inviting, cheerful spaces that reflect the optimism of spring.
Whether you’re crafting a new logo or designing an engaging website, the Vibrant Color Palette for Spring is sure to resonate with your audience, inspiring creativity 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.946 0.039 131.04) | #e4f3d8 | hsl(93, 53%, 90%) |
|
|
| 100 | oklch(0.946 0.039 131.04) | #e4f3d8 | hsl(93, 53%, 90%) |
|
|
| 200 | oklch(0.946 0.039 131.04) | #e4f3d8 | hsl(93, 53%, 90%) |
|
|
| 300 | oklch(0.946 0.039 131.04) | #e4f3d8 | hsl(93, 53%, 90%) |
|
|
| 400 | oklch(0.946 0.039 131.04) | #e4f3d8 | hsl(93, 53%, 90%) |
|
|
| 500 | oklch(0.946 0.039 131.04) | #e4f3d8 | hsl(93, 53%, 90%) |
|
|
| 600 | oklch(0.862 0.102 131.90) | #b9e09a | hsl(93, 53%, 74%) |
|
|
| 700 | oklch(0.781 0.160 133.04) | #8ecd5b | hsl(93, 53%, 58%) |
|
|
| 800 | oklch(0.653 0.159 133.97) | #65a432 | hsl(93, 53%, 42%) |
|
|
| 900 | oklch(0.462 0.108 133.84) | #3e651f | hsl(93, 53%, 26%) |
|
|
| 950 | oklch(0.251 0.051 133.06) | #18270c | hsl(93, 53%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.011 204.12) | #e0eaeb | hsl(185, 22%, 90%) |
|
|
| 100 | oklch(0.909 0.015 202.04) | #d6e4e5 | hsl(184, 22%, 87%) |
|
|
| 200 | oklch(0.885 0.018 205.31) | #ccdddf | hsl(186, 23%, 84%) |
|
|
| 300 | oklch(0.864 0.022 200.41) | #c3d7d8 | hsl(183, 21%, 81%) |
|
|
| 400 | oklch(0.841 0.025 203.05) | #b9d0d2 | hsl(185, 22%, 77%) |
|
|
| 500 | oklch(0.820 0.029 202.06) | #afcacc | hsl(184, 22%, 74%) |
|
|
| 600 | oklch(0.726 0.043 201.96) | #87afb2 | hsl(184, 22%, 61%) |
|
|
| 700 | oklch(0.631 0.056 200.47) | #609497 | hsl(183, 22%, 48%) |
|
|
| 800 | oklch(0.505 0.042 202.35) | #476c6f | hsl(185, 22%, 36%) |
|
|
| 900 | oklch(0.372 0.030 202.53) | #2d4547 | hsl(185, 22%, 23%) |
|
|
| 950 | oklch(0.226 0.014 203.85) | #141e1f | hsl(185, 22%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.045 72.68) | #ffe8cc | hsl(33, 100%, 90%) |
|
|
| 100 | oklch(0.907 0.072 71.44) | #ffd9ac | hsl(33, 100%, 84%) |
|
|
| 200 | oklch(0.874 0.098 70.88) | #ffcb8d | hsl(33, 100%, 78%) |
|
|
| 300 | oklch(0.843 0.123 70.11) | #ffbd6d | hsl(33, 100%, 71%) |
|
|
| 400 | oklch(0.812 0.145 67.57) | #ffae4e | hsl(33, 100%, 65%) |
|
|
| 500 | oklch(0.785 0.162 64.84) | #ffa02e | hsl(33, 100%, 59%) |
|
|
| 600 | oklch(0.740 0.177 57.95) | #fb8900 | hsl(33, 100%, 49%) |
|
|
| 700 | oklch(0.629 0.149 58.82) | #c96e00 | hsl(33, 100%, 39%) |
|
|
| 800 | oklch(0.510 0.120 59.46) | #975200 | hsl(33, 100%, 30%) |
|
|
| 900 | oklch(0.386 0.089 61.80) | #653700 | hsl(33, 100%, 20%) |
|
|
| 950 | oklch(0.252 0.055 68.01) | #331c00 | hsl(33, 100%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.061 351.98) | #fecde1 | hsl(336, 96%, 90%) |
|
|
| 100 | oklch(0.813 0.116 354.67) | #fda2c6 | hsl(336, 96%, 81%) |
|
|
| 200 | oklch(0.738 0.172 356.82) | #fc76ac | hsl(336, 96%, 73%) |
|
|
| 300 | oklch(0.679 0.218 0.64) | #fb4b91 | hsl(336, 96%, 64%) |
|
|
| 400 | oklch(0.642 0.245 5.52) | #fa1f77 | hsl(336, 96%, 55%) |
|
|
| 500 | oklch(0.597 0.237 9.36) | #e80560 | hsl(336, 96%, 46%) |
|
|
| 600 | oklch(0.526 0.209 8.95) | #c40451 | hsl(336, 96%, 39%) |
|
|
| 700 | oklch(0.451 0.179 8.15) | #9f0342 | hsl(336, 96%, 32%) |
|
|
| 800 | oklch(0.375 0.148 7.29) | #7b0333 | hsl(336, 95%, 25%) |
|
|
| 900 | oklch(0.293 0.115 5.27) | #560224 | hsl(336, 95%, 17%) |
|
|
| 950 | oklch(0.207 0.081 1.46) | #320115 | hsl(336, 96%, 10%) |
|
dsfds
| 50 | oklch(0.904 0.033 307.15) | #e5daf1 | hsl(269, 45%, 90%) |
|
|
| 100 | oklch(0.769 0.081 306.48) | #c1a7dd | hsl(269, 44%, 76%) |
|
|
| 200 | oklch(0.634 0.130 305.21) | #9d74c9 | hsl(269, 44%, 62%) |
|
|
| 300 | oklch(0.505 0.166 303.87) | #7a45b0 | hsl(270, 44%, 48%) |
|
|
| 400 | oklch(0.398 0.126 303.65) | #56317d | hsl(269, 44%, 34%) |
|
|
| 500 | oklch(0.284 0.082 304.24) | #331d4a | hsl(269, 44%, 20%) |
|
|
| 600 | oklch(0.267 0.076 304.25) | #2e1a43 | hsl(269, 44%, 18%) |
|
|
| 700 | oklch(0.248 0.068 305.04) | #29173b | hsl(270, 44%, 16%) |
|
|
| 800 | oklch(0.231 0.062 305.13) | #241434 | hsl(270, 44%, 14%) |
|
|
| 900 | oklch(0.210 0.054 304.43) | #1e112c | hsl(269, 44%, 12%) |
|
|
| 950 | oklch(0.192 0.047 304.43) | #190e25 | hsl(269, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
