Playful Spring Color Palette
This lively palette radiates playful charm with its vibrant pinks and purples, softened by gentle pastels and a fresh, grassy green, creating a whimsical and uplifting atmosphere perfect for springtime celebrations.
Practical uses and creative applications
The Playful Spring Color Palette is a vibrant and refreshing combination of colors that can breathe life into any design project. Featuring lively shades like #e04891, #e1b7ed, #f5e1e2, #d1e389, and #b9de51, this palette is perfect for branding that aims to evoke joy and creativity.
Whether you're a designer working on a new logo, a web developer crafting a playful website, or a marketer aiming to create eye-catching packaging, these colors can help communicate a sense of optimism and fun. Ideal for creatives in the fashion, children's products, or wellness industries, the Playful Spring Color Palette infuses energy into interiors and product designs alike.
Picture a vibrant nursery adorned with these cheerful hues, or a trendy café that wants to attract a young, dynamic crowd. This palette not only suits modern aesthetics but also evokes a mood of lightheartedness and freshness, making it a go-to choice for projects aiming to inspire happiness and connection.
Embrace the joyous spirit of spring with this delightful color combination!.
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.903 0.047 347.19) | #f8d3e5 | hsl(331, 73%, 90%) |
|
|
| 100 | oklch(0.844 0.077 348.78) | #f3b8d4 | hsl(332, 71%, 84%) |
|
|
| 200 | oklch(0.785 0.109 349.88) | #ee9cc3 | hsl(331, 71%, 77%) |
|
|
| 300 | oklch(0.730 0.141 350.68) | #e980b3 | hsl(331, 70%, 71%) |
|
|
| 400 | oklch(0.680 0.173 352.66) | #e564a2 | hsl(331, 71%, 65%) |
|
|
| 500 | oklch(0.635 0.199 354.78) | #e04891 | hsl(331, 71%, 58%) |
|
|
| 600 | oklch(0.576 0.215 358.30) | #d32478 | hsl(331, 71%, 48%) |
|
|
| 700 | oklch(0.490 0.181 358.03) | #a91d60 | hsl(331, 71%, 39%) |
|
|
| 800 | oklch(0.401 0.144 357.62) | #7f1648 | hsl(331, 70%, 29%) |
|
|
| 900 | oklch(0.307 0.108 356.31) | #560e31 | hsl(331, 72%, 20%) |
|
|
| 950 | oklch(0.205 0.065 354.22) | #2c0719 | hsl(331, 73%, 10%) |
|
dsfds
| 50 | oklch(0.905 0.049 318.55) | #eed6f5 | hsl(286, 61%, 90%) |
|
|
| 100 | oklch(0.891 0.055 318.44) | #ebd0f3 | hsl(286, 59%, 88%) |
|
|
| 200 | oklch(0.877 0.064 318.56) | #e9caf2 | hsl(287, 61%, 87%) |
|
|
| 300 | oklch(0.861 0.072 318.65) | #e6c3f0 | hsl(287, 60%, 85%) |
|
|
| 400 | oklch(0.848 0.080 318.73) | #e4bdef | hsl(287, 61%, 84%) |
|
|
| 500 | oklch(0.834 0.087 318.64) | #e1b7ed | hsl(287, 60%, 82%) |
|
|
| 600 | oklch(0.702 0.159 318.37) | #c87cde | hsl(287, 60%, 68%) |
|
|
| 700 | oklch(0.588 0.221 317.98) | #b041cf | hsl(287, 60%, 53%) |
|
|
| 800 | oklch(0.472 0.190 317.30) | #84289f | hsl(286, 60%, 39%) |
|
|
| 900 | oklch(0.343 0.132 317.49) | #531964 | hsl(286, 60%, 25%) |
|
|
| 950 | oklch(0.201 0.065 317.95) | #220a29 | hsl(286, 61%, 10%) |
|
dsfds
| 50 | oklch(0.906 0.028 14.91) | #f2d9da | hsl(358, 49%, 90%) |
|
|
| 100 | oklch(0.909 0.028 12.15) | #f3dadc | hsl(355, 51%, 90%) |
|
|
| 200 | oklch(0.913 0.025 14.62) | #f3dcdd | hsl(357, 49%, 91%) |
|
|
| 300 | oklch(0.919 0.024 14.45) | #f4dedf | hsl(357, 50%, 91%) |
|
|
| 400 | oklch(0.921 0.023 14.27) | #f4dfe0 | hsl(357, 49%, 92%) |
|
|
| 500 | oklch(0.926 0.022 14.08) | #f5e1e2 | hsl(357, 50%, 92%) |
|
|
| 600 | oklch(0.772 0.074 15.71) | #e0a2a5 | hsl(357, 50%, 76%) |
|
|
| 700 | oklch(0.625 0.132 18.68) | #cb6368 | hsl(357, 50%, 59%) |
|
|
| 800 | oklch(0.496 0.144 21.48) | #a4373c | hsl(357, 50%, 43%) |
|
|
| 900 | oklch(0.355 0.097 20.89) | #652225 | hsl(357, 50%, 26%) |
|
|
| 950 | oklch(0.199 0.042 19.20) | #260d0e | hsl(358, 49%, 10%) |
|
dsfds
| 50 | oklch(0.958 0.041 116.08) | #eff5d6 | hsl(72, 61%, 90%) |
|
|
| 100 | oklch(0.943 0.058 116.92) | #e9f2c6 | hsl(72, 63%, 86%) |
|
|
| 200 | oklch(0.927 0.073 117.02) | #e3eeb7 | hsl(72, 62%, 83%) |
|
|
| 300 | oklch(0.911 0.087 117.21) | #ddeaa8 | hsl(72, 61%, 79%) |
|
|
| 400 | oklch(0.898 0.103 117.85) | #d7e798 | hsl(72, 62%, 75%) |
|
|
| 500 | oklch(0.882 0.116 118.08) | #d1e389 | hsl(72, 62%, 71%) |
|
|
| 600 | oklch(0.835 0.157 119.55) | #bdd756 | hsl(72, 62%, 59%) |
|
|
| 700 | oklch(0.763 0.167 120.55) | #a4c12e | hsl(72, 62%, 47%) |
|
|
| 800 | oklch(0.610 0.131 120.25) | #798e22 | hsl(72, 61%, 35%) |
|
|
| 900 | oklch(0.448 0.094 120.25) | #4e5c16 | hsl(72, 61%, 22%) |
|
|
| 950 | oklch(0.267 0.050 119.17) | #23290a | hsl(72, 61%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.047 119.01) | #eef7d4 | hsl(75, 69%, 90%) |
|
|
| 100 | oklch(0.936 0.075 120.03) | #e3f2ba | hsl(76, 68%, 84%) |
|
|
| 200 | oklch(0.913 0.101 120.28) | #d9eda0 | hsl(76, 68%, 78%) |
|
|
| 300 | oklch(0.890 0.128 121.09) | #cee885 | hsl(76, 68%, 72%) |
|
|
| 400 | oklch(0.869 0.151 121.63) | #c4e36b | hsl(76, 68%, 65%) |
|
|
| 500 | oklch(0.847 0.171 122.65) | #b9de51 | hsl(76, 68%, 59%) |
|
|
| 600 | oklch(0.809 0.190 124.20) | #a7d428 | hsl(76, 68%, 49%) |
|
|
| 700 | oklch(0.687 0.160 124.04) | #86aa20 | hsl(76, 68%, 40%) |
|
|
| 800 | oklch(0.558 0.129 124.25) | #648018 | hsl(76, 68%, 30%) |
|
|
| 900 | oklch(0.420 0.094 123.50) | #435510 | hsl(76, 68%, 20%) |
|
|
| 950 | oklch(0.272 0.056 122.53) | #222b08 | hsl(75, 69%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
