Playful Color Palette for Spring
This vibrant palette pulses with playful energy, blending soft lavender and airy blue with bold fuchsia, deep plum, and a striking burnt orange, creating a stylishly eclectic yet uplifting atmosphere.
Practical uses and creative applications
Introducing the Playful Color Palette for Spring, a vibrant blend of colors that brings joy and energy to any design project. Featuring soft pastels like #F7B1F6 and #E8ECF9, complemented by bold accents of #670243, #AB2390, and #AF4E11, this palette is perfect for creatives looking to evoke a sense of playfulness and freshness.
Whether you're a designer crafting a brand identity, a web developer seeking to enhance user experience, or an artist designing packaging that stands out on the shelf, this versatile palette will add a delightful touch to your work. Ideal for businesses targeting a youthful and energetic audience, the Playful Color Palette for Spring is particularly suited for brands in the fashion, beauty, or lifestyle sectors.
It exudes a cheerful and inviting mood, making it perfect for marketing campaigns, social media graphics, and even home interiors looking for a splash of color. Designers will appreciate the balance this palette offers, allowing for creative freedom while maintaining a cohesive look that resonates with viewers.
Embrace the spirit of spring and let your projects bloom with this playful color selection!.
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.908 0.070 326.14) | #fad1fa | hsl(300, 80%, 90%) |
|
|
| 100 | oklch(0.895 0.082 326.89) | #facaf9 | hsl(301, 83%, 89%) |
|
|
| 200 | oklch(0.883 0.090 326.91) | #f9c4f8 | hsl(301, 82%, 87%) |
|
|
| 300 | oklch(0.871 0.099 326.94) | #f8bef7 | hsl(301, 81%, 86%) |
|
|
| 400 | oklch(0.859 0.111 327.00) | #f8b7f7 | hsl(301, 82%, 85%) |
|
|
| 500 | oklch(0.848 0.120 327.04) | #f7b1f6 | hsl(301, 81%, 83%) |
|
|
| 600 | oklch(0.737 0.220 328.11) | #f06dee | hsl(301, 81%, 68%) |
|
|
| 700 | oklch(0.665 0.283 328.94) | #e92ae6 | hsl(301, 81%, 54%) |
|
|
| 800 | oklch(0.548 0.242 329.19) | #b613b3 | hsl(301, 81%, 39%) |
|
|
| 900 | oklch(0.391 0.169 329.17) | #720c70 | hsl(301, 81%, 25%) |
|
|
| 950 | oklch(0.219 0.087 328.07) | #2e052e | hsl(300, 80%, 10%) |
|
dsfds
| 50 | oklch(0.902 0.031 271.69) | #d7def4 | hsl(226, 57%, 90%) |
|
|
| 100 | oklch(0.908 0.029 273.09) | #dae0f5 | hsl(227, 57%, 91%) |
|
|
| 200 | oklch(0.918 0.026 274.10) | #dee3f6 | hsl(228, 57%, 92%) |
|
|
| 300 | oklch(0.926 0.024 272.81) | #e1e6f7 | hsl(226, 58%, 93%) |
|
|
| 400 | oklch(0.935 0.021 274.03) | #e5e9f8 | hsl(227, 58%, 94%) |
|
|
| 500 | oklch(0.944 0.018 272.31) | #e8ecf9 | hsl(226, 59%, 94%) |
|
|
| 600 | oklch(0.776 0.075 271.04) | #a4b4e7 | hsl(226, 58%, 77%) |
|
|
| 700 | oklch(0.605 0.140 269.31) | #607bd5 | hsl(226, 58%, 61%) |
|
|
| 800 | oklch(0.458 0.163 266.72) | #2e4db1 | hsl(226, 59%, 44%) |
|
|
| 900 | oklch(0.329 0.111 267.19) | #1c2f6d | hsl(226, 59%, 27%) |
|
|
| 950 | oklch(0.189 0.046 268.48) | #0b1228 | hsl(226, 57%, 10%) |
|
dsfds
| 50 | oklch(0.900 0.069 339.36) | #fecded | hsl(321, 96%, 90%) |
|
|
| 100 | oklch(0.777 0.166 342.56) | #fd88d3 | hsl(322, 97%, 76%) |
|
|
| 200 | oklch(0.686 0.245 346.10) | #fb42b9 | hsl(321, 96%, 62%) |
|
|
| 300 | oklch(0.633 0.262 351.03) | #f2059d | hsl(322, 96%, 48%) |
|
|
| 400 | oklch(0.491 0.203 350.30) | #ac0370 | hsl(321, 97%, 34%) |
|
|
| 500 | oklch(0.341 0.140 349.21) | #670243 | hsl(321, 96%, 21%) |
|
|
| 600 | oklch(0.315 0.130 348.80) | #5c023c | hsl(321, 96%, 18%) |
|
|
| 700 | oklch(0.292 0.119 348.86) | #520235 | hsl(322, 95%, 16%) |
|
|
| 800 | oklch(0.264 0.109 348.16) | #47012e | hsl(321, 97%, 14%) |
|
|
| 900 | oklch(0.240 0.099 348.15) | #3d0127 | hsl(322, 97%, 12%) |
|
|
| 950 | oklch(0.212 0.087 346.11) | #320121 | hsl(321, 96%, 10%) |
|
dsfds
| 50 | oklch(0.908 0.051 332.12) | #f6d5f0 | hsl(311, 65%, 90%) |
|
|
| 100 | oklch(0.821 0.104 334.14) | #eeabe0 | hsl(313, 66%, 80%) |
|
|
| 200 | oklch(0.738 0.157 334.91) | #e581d1 | hsl(312, 66%, 70%) |
|
|
| 300 | oklch(0.666 0.205 336.35) | #dd57c2 | hsl(312, 66%, 60%) |
|
|
| 400 | oklch(0.608 0.238 337.79) | #d42db3 | hsl(312, 66%, 50%) |
|
|
| 500 | oklch(0.518 0.202 337.79) | #ab2390 | hsl(312, 66%, 40%) |
|
|
| 600 | oklch(0.461 0.177 337.75) | #911e7a | hsl(312, 66%, 34%) |
|
|
| 700 | oklch(0.403 0.154 337.57) | #781865 | hsl(312, 67%, 28%) |
|
|
| 800 | oklch(0.341 0.127 337.46) | #5e134f | hsl(312, 66%, 22%) |
|
|
| 900 | oklch(0.277 0.098 337.29) | #440e39 | hsl(312, 66%, 16%) |
|
|
| 950 | oklch(0.210 0.068 335.59) | #2a0924 | hsl(311, 65%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.035 54.79) | #fae1d1 | hsl(23, 80%, 90%) |
|
|
| 100 | oklch(0.850 0.075 53.34) | #f6c1a0 | hsl(23, 83%, 80%) |
|
|
| 200 | oklch(0.777 0.116 52.29) | #f1a16f | hsl(23, 82%, 69%) |
|
|
| 300 | oklch(0.712 0.153 50.19) | #ec823f | hsl(23, 82%, 59%) |
|
|
| 400 | oklch(0.647 0.174 46.07) | #e06416 | hsl(23, 82%, 48%) |
|
|
| 500 | oklch(0.540 0.143 46.48) | #af4e11 | hsl(23, 82%, 38%) |
|
|
| 600 | oklch(0.483 0.125 47.09) | #95430f | hsl(23, 82%, 32%) |
|
|
| 700 | oklch(0.423 0.109 47.04) | #7c370c | hsl(23, 82%, 27%) |
|
|
| 800 | oklch(0.362 0.090 47.99) | #622c0a | hsl(23, 81%, 21%) |
|
|
| 900 | oklch(0.296 0.070 48.78) | #482007 | hsl(23, 82%, 15%) |
|
|
| 950 | oklch(0.228 0.049 51.78) | #2e1505 | hsl(23, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
