Whimsical Spring Color Palette
This palette exudes a soft, whimsical charm with warm buttery yellows, fresh greens, tranquil teals, playful pinks, and muted mauves, creating a cozy yet vibrant atmosphere reminiscent of a sunlit garden in spring.
Practical uses and creative applications
The Whimsical Spring Color Palette is a delightful blend of soft pastels and vibrant hues, ideal for anyone looking to infuse their projects with a sense of joy and renewal. Featuring shades like the sunny #f3d597, the refreshing #b6d89c, and the playful #f87887, this palette can be used effectively for branding, web design, and packaging.
Whether you're a designer crafting a cheerful website or a creative working on product packaging, these colors evoke a lighthearted spirit that resonates with audiences seeking a breath of fresh air. This color scheme is perfect for businesses and creatives in the lifestyle, wellness, and children's sectors.
It suits brands that aim to connect with a young, vibrant demographic while also appealing to those who appreciate a whimsical touch. The serene #92ccb6 and the warm #9e6b7c add depth, making this palette versatile enough for cozy interiors or charming outdoor event themes.
Overall, the Whimsical Spring Color Palette is a fantastic choice for designers looking to create uplifting and memorable experiences through color.
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.949 0.039 86.06) | #faedd1 | hsl(41, 80%, 90%) |
|
|
| 100 | oklch(0.935 0.048 85.78) | #f8e8c6 | hsl(41, 78%, 87%) |
|
|
| 200 | oklch(0.922 0.058 85.02) | #f7e3ba | hsl(40, 79%, 85%) |
|
|
| 300 | oklch(0.909 0.068 84.44) | #f6deae | hsl(40, 80%, 82%) |
|
|
| 400 | oklch(0.897 0.076 85.52) | #f4daa3 | hsl(41, 79%, 80%) |
|
|
| 500 | oklch(0.884 0.086 84.90) | #f3d597 | hsl(40, 79%, 77%) |
|
|
| 600 | oklch(0.819 0.129 83.22) | #ecbc59 | hsl(40, 79%, 64%) |
|
|
| 700 | oklch(0.760 0.152 78.23) | #e5a31c | hsl(40, 79%, 50%) |
|
|
| 800 | oklch(0.607 0.121 78.65) | #a97813 | hsl(40, 80%, 37%) |
|
|
| 900 | oklch(0.439 0.086 79.65) | #6b4c0c | hsl(40, 80%, 23%) |
|
|
| 950 | oklch(0.257 0.046 83.39) | #2e2105 | hsl(41, 80%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.033 131.35) | #e4f1da | hsl(94, 45%, 90%) |
|
|
| 100 | oklch(0.922 0.044 131.51) | #dbecce | hsl(94, 44%, 87%) |
|
|
| 200 | oklch(0.902 0.055 131.13) | #d2e7c1 | hsl(93, 44%, 83%) |
|
|
| 300 | oklch(0.882 0.066 132.17) | #c8e2b5 | hsl(95, 44%, 80%) |
|
|
| 400 | oklch(0.862 0.078 131.91) | #bfdda8 | hsl(94, 44%, 76%) |
|
|
| 500 | oklch(0.842 0.088 132.08) | #b6d89c | hsl(94, 43%, 73%) |
|
|
| 600 | oklch(0.771 0.129 132.89) | #94c66e | hsl(94, 44%, 60%) |
|
|
| 700 | oklch(0.690 0.152 133.74) | #73af45 | hsl(94, 43%, 48%) |
|
|
| 800 | oklch(0.553 0.119 133.57) | #558133 | hsl(94, 43%, 35%) |
|
|
| 900 | oklch(0.407 0.084 133.86) | #365321 | hsl(95, 43%, 23%) |
|
|
| 950 | oklch(0.246 0.044 133.00) | #18250e | hsl(94, 45%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.022 171.77) | #dcefe8 | hsl(158, 37%, 90%) |
|
|
| 100 | oklch(0.908 0.031 171.31) | #cde8de | hsl(158, 37%, 86%) |
|
|
| 200 | oklch(0.881 0.040 170.27) | #bfe1d4 | hsl(157, 36%, 82%) |
|
|
| 300 | oklch(0.854 0.049 169.95) | #b0daca | hsl(157, 36%, 77%) |
|
|
| 400 | oklch(0.826 0.059 169.55) | #a1d3c0 | hsl(157, 36%, 73%) |
|
|
| 500 | oklch(0.799 0.068 169.08) | #92ccb6 | hsl(157, 36%, 69%) |
|
|
| 600 | oklch(0.726 0.091 167.61) | #69b99b | hsl(158, 36%, 57%) |
|
|
| 700 | oklch(0.634 0.096 165.95) | #499d7d | hsl(157, 37%, 45%) |
|
|
| 800 | oklch(0.511 0.075 166.78) | #36745d | hsl(158, 36%, 33%) |
|
|
| 900 | oklch(0.379 0.053 166.94) | #234b3c | hsl(158, 36%, 22%) |
|
|
| 950 | oklch(0.237 0.029 168.20) | #10231c | hsl(158, 37%, 10%) |
|
dsfds
| 50 | oklch(0.895 0.051 10.63) | #fccfd4 | hsl(353, 88%, 90%) |
|
|
| 100 | oklch(0.858 0.073 10.25) | #fcbdc5 | hsl(352, 91%, 86%) |
|
|
| 200 | oklch(0.823 0.093 11.82) | #fbacb5 | hsl(353, 91%, 83%) |
|
|
| 300 | oklch(0.789 0.114 12.51) | #fa9ba6 | hsl(353, 90%, 79%) |
|
|
| 400 | oklch(0.755 0.136 13.50) | #f98996 | hsl(353, 90%, 76%) |
|
|
| 500 | oklch(0.725 0.157 14.54) | #f87887 | hsl(353, 90%, 72%) |
|
|
| 600 | oklch(0.642 0.219 20.26) | #f53c51 | hsl(353, 90%, 60%) |
|
|
| 700 | oklch(0.583 0.233 25.61) | #e50c25 | hsl(353, 90%, 47%) |
|
|
| 800 | oklch(0.466 0.185 24.91) | #a9091c | hsl(353, 90%, 35%) |
|
|
| 900 | oklch(0.341 0.132 23.79) | #6d0612 | hsl(353, 90%, 23%) |
|
|
| 950 | oklch(0.201 0.073 19.50) | #300308 | hsl(353, 88%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.013 353.16) | #ebe0e4 | hsl(338, 22%, 90%) |
|
|
| 100 | oklch(0.852 0.022 355.31) | #dbc9cf | hsl(340, 20%, 82%) |
|
|
| 200 | oklch(0.786 0.033 355.78) | #ccb1ba | hsl(340, 21%, 75%) |
|
|
| 300 | oklch(0.721 0.044 357.46) | #bd9aa5 | hsl(341, 21%, 67%) |
|
|
| 400 | oklch(0.653 0.057 356.02) | #ad8291 | hsl(339, 21%, 59%) |
|
|
| 500 | oklch(0.586 0.069 357.80) | #9e6b7c | hsl(340, 21%, 52%) |
|
|
| 600 | oklch(0.515 0.064 358.43) | #865867 | hsl(340, 21%, 44%) |
|
|
| 700 | oklch(0.443 0.053 358.44) | #6c4753 | hsl(341, 21%, 35%) |
|
|
| 800 | oklch(0.370 0.044 357.13) | #533640 | hsl(339, 21%, 27%) |
|
|
| 900 | oklch(0.292 0.032 356.59) | #39252c | hsl(339, 21%, 18%) |
|
|
| 950 | oklch(0.207 0.019 355.31) | #1f1418 | hsl(338, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
