Vibrant Spring Color Palette
This vibrant palette bursts with playful energy, blending zesty green and sunny yellow with soft cream, blush pink, and a bold pop of fuchsia, creating a fresh and lively atmosphere perfect for a joyful spring celebration.
Practical uses and creative applications
The Vibrant Spring Color Palette is an exuberant collection of colors that embodies the freshness and energy of the season. Featuring a lively mix of #95a131 (a refreshing green), #c8cd3b (a bright yellow), #f6f1de (a soft cream), #f5b9ae (a delicate blush), and #ee0b5b (a bold fuchsia), this palette is perfect for anyone looking to infuse their projects with a sense of renewal and vitality.
Designers and creatives can leverage this palette in various applications, from branding and web design to packaging and interior decor, ensuring that their work stands out with a cheerful and uplifting vibe. Ideal for brands targeting a youthful and energetic audience, the Vibrant Spring Color Palette is particularly well-suited for lifestyle brands, organic products, or any venture that embraces positivity and growth.
The combination of bright hues can evoke feelings of joy and optimism, making it an excellent choice for products aimed at families, wellness, or outdoor activities. Whether you're designing a website, creating eye-catching packaging, or redecorating a space, this palette will elevate the mood and attract attention, appealing to designers looking to make a bold statement in their work.
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.955 0.036 112.22) | #f0f3d8 | hsl(67, 53%, 90%) |
|
|
| 100 | oklch(0.911 0.069 112.15) | #e2e7b2 | hsl(66, 52%, 80%) |
|
|
| 200 | oklch(0.869 0.103 113.79) | #d3dc8c | hsl(67, 53%, 71%) |
|
|
| 300 | oklch(0.827 0.132 114.17) | #c5d065 | hsl(66, 53%, 61%) |
|
|
| 400 | oklch(0.787 0.155 115.56) | #b6c53f | hsl(67, 54%, 51%) |
|
|
| 500 | oklch(0.678 0.134 115.34) | #95a131 | hsl(66, 53%, 41%) |
|
|
| 600 | oklch(0.602 0.118 115.73) | #7e892a | hsl(67, 53%, 35%) |
|
|
| 700 | oklch(0.522 0.101 114.97) | #687022 | hsl(66, 53%, 29%) |
|
|
| 800 | oklch(0.441 0.083 115.48) | #51581b | hsl(67, 53%, 23%) |
|
|
| 900 | oklch(0.353 0.064 114.09) | #3b3f13 | hsl(65, 54%, 16%) |
|
|
| 950 | oklch(0.262 0.044 114.75) | #24270c | hsl(67, 53%, 10%) |
|
dsfds
| 50 | oklch(0.961 0.041 108.65) | #f4f5d6 | hsl(62, 61%, 90%) |
|
|
| 100 | oklch(0.931 0.070 109.45) | #ebedb7 | hsl(62, 60%, 82%) |
|
|
| 200 | oklch(0.902 0.098 110.11) | #e2e598 | hsl(62, 60%, 75%) |
|
|
| 300 | oklch(0.873 0.124 110.72) | #d9dd79 | hsl(62, 60%, 67%) |
|
|
| 400 | oklch(0.846 0.145 110.86) | #d1d55a | hsl(62, 59%, 59%) |
|
|
| 500 | oklch(0.819 0.161 111.44) | #c8cd3b | hsl(62, 59%, 52%) |
|
|
| 600 | oklch(0.731 0.146 111.30) | #acb02d | hsl(62, 59%, 43%) |
|
|
| 700 | oklch(0.625 0.124 111.14) | #8b8e24 | hsl(62, 60%, 35%) |
|
|
| 800 | oklch(0.516 0.101 111.57) | #6a6d1c | hsl(62, 59%, 27%) |
|
|
| 900 | oklch(0.399 0.076 111.38) | #494b13 | hsl(62, 60%, 18%) |
|
|
| 950 | oklch(0.272 0.048 110.94) | #28290a | hsl(62, 61%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.031 94.90) | #f4eed7 | hsl(48, 57%, 90%) |
|
|
| 100 | oklch(0.950 0.031 96.87) | #f4efd8 | hsl(49, 56%, 90%) |
|
|
| 200 | oklch(0.951 0.028 93.75) | #f5efda | hsl(47, 57%, 91%) |
|
|
| 300 | oklch(0.953 0.028 95.90) | #f5f0db | hsl(48, 57%, 91%) |
|
|
| 400 | oklch(0.955 0.026 92.40) | #f6f0dd | hsl(46, 58%, 92%) |
|
|
| 500 | oklch(0.957 0.026 94.74) | #f6f1de | hsl(48, 57%, 92%) |
|
|
| 600 | oklch(0.872 0.076 95.13) | #e4d59c | hsl(48, 57%, 75%) |
|
|
| 700 | oklch(0.788 0.118 94.65) | #d2b95b | hsl(47, 57%, 59%) |
|
|
| 800 | oklch(0.663 0.118 93.78) | #ab912f | hsl(47, 57%, 43%) |
|
|
| 900 | oklch(0.471 0.081 94.19) | #6a5a1d | hsl(48, 57%, 26%) |
|
|
| 950 | oklch(0.253 0.038 94.90) | #28220b | hsl(48, 57%, 10%) |
|
dsfds
| 50 | oklch(0.908 0.038 30.02) | #f9d8d2 | hsl(9, 76%, 90%) |
|
|
| 100 | oklch(0.895 0.045 31.55) | #f9d2ca | hsl(10, 80%, 88%) |
|
|
| 200 | oklch(0.879 0.053 29.88) | #f8cbc3 | hsl(9, 79%, 87%) |
|
|
| 300 | oklch(0.865 0.059 30.09) | #f7c5bc | hsl(9, 79%, 85%) |
|
|
| 400 | oklch(0.851 0.065 30.27) | #f6bfb5 | hsl(9, 78%, 84%) |
|
|
| 500 | oklch(0.838 0.072 30.44) | #f5b9ae | hsl(9, 78%, 82%) |
|
|
| 600 | oklch(0.717 0.138 31.59) | #ed806c | hsl(9, 78%, 68%) |
|
|
| 700 | oklch(0.621 0.198 32.66) | #e5482b | hsl(9, 78%, 53%) |
|
|
| 800 | oklch(0.502 0.170 32.55) | #b02e16 | hsl(9, 78%, 39%) |
|
|
| 900 | oklch(0.364 0.118 32.59) | #6f1d0e | hsl(9, 78%, 25%) |
|
|
| 950 | oklch(0.209 0.056 33.12) | #2d0c06 | hsl(9, 76%, 10%) |
|
dsfds
| 50 | oklch(0.897 0.057 354.63) | #fdcedf | hsl(338, 92%, 90%) |
|
|
| 100 | oklch(0.817 0.106 356.94) | #fba6c4 | hsl(339, 91%, 82%) |
|
|
| 200 | oklch(0.744 0.156 359.44) | #f97ea9 | hsl(339, 91%, 74%) |
|
|
| 300 | oklch(0.684 0.201 2.28) | #f7568f | hsl(339, 91%, 65%) |
|
|
| 400 | oklch(0.640 0.232 6.84) | #f52e74 | hsl(339, 91%, 57%) |
|
|
| 500 | oklch(0.608 0.240 12.01) | #ee0b5b | hsl(339, 91%, 49%) |
|
|
| 600 | oklch(0.534 0.210 11.39) | #c8094d | hsl(339, 91%, 41%) |
|
|
| 700 | oklch(0.458 0.179 11.02) | #a2083e | hsl(339, 91%, 33%) |
|
|
| 800 | oklch(0.378 0.147 9.76) | #7c0630 | hsl(339, 91%, 25%) |
|
|
| 900 | oklch(0.296 0.113 8.70) | #570421 | hsl(339, 91%, 18%) |
|
|
| 950 | oklch(0.205 0.077 4.15) | #310213 | hsl(338, 92%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
