Whimsical Color Palette
This vibrant palette bursts with playful energy and a whimsical spirit, blending electric pinks and soft purples with refreshing teal, creating a lively yet soothing atmosphere perfect for a modern, artistic vibe.
Practical uses and creative applications
The Whimsical Color Palette is a vibrant collection that features playful hues such as #F817B4, #DC45B5, #C073B6, #A4A0B6, and #88CEB7. This palette is perfect for creative projects that require a joyful and imaginative touch.
Ideal for branding and web design, the whimsical colors can help businesses in the children's entertainment, fashion, or beauty industries evoke a sense of fun and approachability. When used in packaging, these lively shades can attract attention and create a memorable unboxing experience that resonates with a younger audience or those young at heart.
Interior designers and creatives looking to infuse spaces with a sense of cheerfulness will find the Whimsical Color Palette to be an excellent choice. Whether it’s a playroom, a boutique, or a café, these colors work harmoniously to create an inviting atmosphere that sparks joy.
The combination of soft pastels and bold pops makes this palette versatile enough for various applications, from artwork to home décor. Designers seeking to engage an audience that appreciates creativity and whimsy will find this palette to be a delightful resource.
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.901 0.070 337.54) | #fecdef | hsl(318, 96%, 90%) |
|
|
100 | oklch(0.833 0.121 338.48) | #fca9e3 | hsl(318, 93%, 83%) |
|
|
200 | oklch(0.771 0.173 339.91) | #fb84d7 | hsl(318, 94%, 75%) |
|
|
300 | oklch(0.720 0.219 341.26) | #fa60cc | hsl(318, 94%, 68%) |
|
|
400 | oklch(0.681 0.254 343.21) | #f93bc0 | hsl(318, 94%, 60%) |
|
|
500 | oklch(0.656 0.271 345.64) | #f817b4 | hsl(318, 94%, 53%) |
|
|
600 | oklch(0.596 0.249 346.53) | #dc079c | hsl(318, 94%, 45%) |
|
|
700 | oklch(0.509 0.213 346.34) | #b2057e | hsl(318, 95%, 36%) |
|
|
800 | oklch(0.416 0.173 346.20) | #87045f | hsl(318, 94%, 27%) |
|
|
900 | oklch(0.318 0.132 345.25) | #5c0341 | hsl(318, 94%, 19%) |
|
|
950 | oklch(0.214 0.089 343.75) | #320123 | hsl(318, 96%, 10%) |
|
dsfds
50 | oklch(0.907 0.052 335.10) | #f7d4ee | hsl(315, 69%, 90%) |
|
|
100 | oklch(0.846 0.088 335.72) | #f2b7e3 | hsl(315, 69%, 83%) |
|
|
200 | oklch(0.788 0.122 336.72) | #ec9bd7 | hsl(316, 68%, 77%) |
|
|
300 | oklch(0.734 0.159 337.58) | #e77ecc | hsl(315, 69%, 70%) |
|
|
400 | oklch(0.683 0.190 338.74) | #e162c0 | hsl(316, 68%, 63%) |
|
|
500 | oklch(0.640 0.219 339.92) | #dc45b5 | hsl(315, 68%, 57%) |
|
|
600 | oklch(0.581 0.228 341.17) | #cb26a1 | hsl(315, 68%, 47%) |
|
|
700 | oklch(0.495 0.192 341.14) | #a31f81 | hsl(315, 68%, 38%) |
|
|
800 | oklch(0.405 0.154 341.07) | #7b1761 | hsl(316, 68%, 29%) |
|
|
900 | oklch(0.311 0.114 340.23) | #531042 | hsl(315, 68%, 19%) |
|
|
950 | oklch(0.209 0.068 339.48) | #2b0822 | hsl(315, 69%, 10%) |
|
dsfds
50 | oklch(0.915 0.031 329.13) | #efdced | hsl(306, 37%, 90%) |
|
|
100 | oklch(0.864 0.050 330.22) | #e6c7e2 | hsl(308, 38%, 84%) |
|
|
200 | oklch(0.812 0.069 330.17) | #dcb2d7 | hsl(307, 38%, 78%) |
|
|
300 | oklch(0.762 0.089 330.91) | #d39dcc | hsl(308, 38%, 72%) |
|
|
400 | oklch(0.711 0.109 331.05) | #c988c1 | hsl(307, 38%, 66%) |
|
|
500 | oklch(0.661 0.130 331.76) | #c073b6 | hsl(308, 38%, 60%) |
|
|
600 | oklch(0.582 0.162 332.44) | #b050a4 | hsl(308, 38%, 50%) |
|
|
700 | oklch(0.495 0.137 332.56) | #8d3f83 | hsl(308, 38%, 40%) |
|
|
800 | oklch(0.406 0.107 332.83) | #6a3062 | hsl(308, 38%, 30%) |
|
|
900 | oklch(0.310 0.076 332.35) | #462041 | hsl(308, 37%, 20%) |
|
|
950 | oklch(0.208 0.043 330.90) | #231021 | hsl(306, 37%, 10%) |
|
dsfds
50 | oklch(0.916 0.009 292.78) | #e3e2e9 | hsl(249, 14%, 90%) |
|
|
100 | oklch(0.878 0.014 295.29) | #d7d5df | hsl(252, 14%, 85%) |
|
|
200 | oklch(0.838 0.018 293.08) | #cac8d5 | hsl(249, 13%, 81%) |
|
|
300 | oklch(0.796 0.023 294.49) | #bdbaca | hsl(251, 13%, 76%) |
|
|
400 | oklch(0.757 0.027 295.39) | #b1adc0 | hsl(253, 13%, 72%) |
|
|
500 | oklch(0.716 0.032 293.92) | #a4a0b6 | hsl(251, 13%, 67%) |
|
|
600 | oklch(0.611 0.045 292.65) | #847f9d | hsl(250, 13%, 56%) |
|
|
700 | oklch(0.512 0.047 292.28) | #676280 | hsl(250, 13%, 44%) |
|
|
800 | oklch(0.418 0.037 293.09) | #4d495f | hsl(251, 13%, 33%) |
|
|
900 | oklch(0.315 0.027 293.97) | #322f3e | hsl(252, 14%, 21%) |
|
|
950 | oklch(0.205 0.014 291.68) | #17161d | hsl(249, 14%, 10%) |
|
dsfds
50 | oklch(0.938 0.024 173.82) | #dbf0e9 | hsl(160, 41%, 90%) |
|
|
100 | oklch(0.909 0.035 174.07) | #cae9df | hsl(161, 41%, 85%) |
|
|
200 | oklch(0.881 0.045 173.50) | #bae2d5 | hsl(161, 41%, 81%) |
|
|
300 | oklch(0.854 0.058 172.43) | #a9dccb | hsl(160, 42%, 76%) |
|
|
400 | oklch(0.826 0.068 171.91) | #99d5c1 | hsl(160, 42%, 72%) |
|
|
500 | oklch(0.798 0.078 171.57) | #88ceb7 | hsl(160, 42%, 67%) |
|
|
600 | oklch(0.732 0.101 169.58) | #5fbd9e | hsl(160, 42%, 56%) |
|
|
700 | oklch(0.641 0.101 168.41) | #42a081 | hsl(160, 42%, 44%) |
|
|
800 | oklch(0.518 0.080 168.71) | #317760 | hsl(160, 42%, 33%) |
|
|
900 | oklch(0.384 0.056 168.88) | #204d3e | hsl(160, 41%, 21%) |
|
|
950 | oklch(0.240 0.031 169.95) | #0f241d | hsl(160, 41%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.