Whimsical Spring Color Palette
This vibrant palette of deep violet, soft lavender, crisp white, and buttery yellow radiates a whimsical, dreamy vibe, perfect for an enchanting springtime celebration.
Practical uses and creative applications
The Whimsical Spring Color Palette is a vibrant and playful collection that effortlessly captures the essence of springtime joy. Featuring striking shades like the deep violet of #4522CB, the lively lilac of #6B41F2, and the soft pastel #E9E2FD, this palette is ideal for creatives aiming to evoke feelings of freshness and positivity.
It is perfect for branding projects targeting a youthful audience, web designs that seek to engage users with an uplifting aesthetic, and packaging that stands out on the shelves with its cheerful vibe. This color palette is especially suited for designers and creatives in industries such as children's products, lifestyle brands, and event planning.
Whether you're crafting a whimsical website for a children's boutique or designing playful invitations for a spring wedding, the Whimsical Spring Color Palette provides the perfect backdrop to convey a lighthearted spirit. Additionally, its versatility extends to interior design, where these colors can be combined to create a bright, inviting atmosphere in homes, cafes, or creative studios, making it a go-to choice for those looking to bring a touch of magic into their spaces.
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.885 0.051 295.25) | #dbd3f8 | hsl(253, 73%, 90%) |
|
|
| 100 | oklch(0.784 0.096 293.49) | #bbadf1 | hsl(252, 71%, 81%) |
|
|
| 200 | oklch(0.684 0.145 291.77) | #9c87eb | hsl(253, 71%, 73%) |
|
|
| 300 | oklch(0.588 0.192 288.48) | #7c61e5 | hsl(252, 72%, 64%) |
|
|
| 400 | oklch(0.500 0.231 283.85) | #5d3bde | hsl(253, 71%, 55%) |
|
|
| 500 | oklch(0.434 0.234 279.80) | #4522cb | hsl(252, 71%, 46%) |
|
|
| 600 | oklch(0.385 0.204 280.17) | #3a1dab | hsl(252, 71%, 39%) |
|
|
| 700 | oklch(0.333 0.174 280.78) | #2f178b | hsl(252, 72%, 32%) |
|
|
| 800 | oklch(0.282 0.141 282.24) | #25126b | hsl(253, 71%, 25%) |
|
|
| 900 | oklch(0.229 0.108 283.34) | #1a0d4c | hsl(252, 71%, 17%) |
|
|
| 950 | oklch(0.171 0.071 286.46) | #0f072c | hsl(253, 73%, 10%) |
|
dsfds
| 50 | oklch(0.878 0.062 296.29) | #dacffc | hsl(255, 88%, 90%) |
|
|
| 100 | oklch(0.806 0.100 295.04) | #c4b3fa | hsl(254, 88%, 84%) |
|
|
| 200 | oklch(0.733 0.140 293.42) | #ad96f8 | hsl(254, 88%, 78%) |
|
|
| 300 | oklch(0.664 0.178 291.55) | #977af6 | hsl(254, 87%, 72%) |
|
|
| 400 | oklch(0.596 0.215 289.17) | #815df4 | hsl(254, 87%, 66%) |
|
|
| 500 | oklch(0.538 0.246 285.54) | #6b41f2 | hsl(254, 87%, 60%) |
|
|
| 600 | oklch(0.464 0.280 276.76) | #4611ef | hsl(254, 87%, 50%) |
|
|
| 700 | oklch(0.394 0.235 277.06) | #370dbf | hsl(254, 87%, 40%) |
|
|
| 800 | oklch(0.324 0.189 278.33) | #2a0a90 | hsl(254, 87%, 30%) |
|
|
| 900 | oklch(0.248 0.139 280.20) | #1c0760 | hsl(254, 86%, 20%) |
|
|
| 950 | oklch(0.165 0.084 285.43) | #0e0330 | hsl(255, 88%, 10%) |
|
dsfds
| 50 | oklch(0.879 0.063 297.31) | #dbcffc | hsl(256, 88%, 90%) |
|
|
| 100 | oklch(0.889 0.057 297.51) | #ded3fc | hsl(256, 87%, 91%) |
|
|
| 200 | oklch(0.898 0.051 296.50) | #e0d7fc | hsl(255, 86%, 92%) |
|
|
| 300 | oklch(0.908 0.045 296.59) | #e3dbfc | hsl(255, 85%, 92%) |
|
|
| 400 | oklch(0.916 0.043 297.36) | #e6defd | hsl(255, 89%, 93%) |
|
|
| 500 | oklch(0.926 0.037 297.53) | #e9e2fd | hsl(256, 87%, 94%) |
|
|
| 600 | oklch(0.724 0.145 294.34) | #ac92f7 | hsl(255, 86%, 77%) |
|
|
| 700 | oklch(0.543 0.244 287.16) | #7042f2 | hsl(256, 87%, 60%) |
|
|
| 800 | oklch(0.422 0.250 278.62) | #410ed0 | hsl(256, 87%, 44%) |
|
|
| 900 | oklch(0.302 0.172 280.35) | #280980 | hsl(256, 87%, 27%) |
|
|
| 950 | oklch(0.166 0.084 286.84) | #0f0330 | hsl(256, 88%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
| 600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.963 0.051 93.75) | #fef3cd | hsl(47, 96%, 90%) |
|
|
| 100 | oklch(0.954 0.062 94.41) | #fdf0c1 | hsl(47, 94%, 87%) |
|
|
| 200 | oklch(0.946 0.074 94.03) | #fdedb5 | hsl(47, 95%, 85%) |
|
|
| 300 | oklch(0.937 0.085 93.74) | #fdeaa9 | hsl(46, 95%, 83%) |
|
|
| 400 | oklch(0.928 0.097 94.32) | #fce79c | hsl(47, 94%, 80%) |
|
|
| 500 | oklch(0.920 0.107 94.00) | #fce490 | hsl(47, 95%, 78%) |
|
|
| 600 | oklch(0.879 0.154 93.00) | #fad44d | hsl(47, 95%, 64%) |
|
|
| 700 | oklch(0.841 0.171 88.59) | #f8c30a | hsl(47, 94%, 51%) |
|
|
| 800 | oklch(0.672 0.136 88.63) | #b89005 | hsl(47, 95%, 37%) |
|
|
| 900 | oklch(0.486 0.098 89.97) | #755c03 | hsl(47, 95%, 24%) |
|
|
| 950 | oklch(0.277 0.056 92.16) | #322701 | hsl(47, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
