Whimsical Color Palette
A whimsical blend of muted purples and vibrant pinks, this palette radiates playful elegance and bold energy, perfect for a dreamy, modern aesthetic.
Practical uses and creative applications
The Whimsical Color Palette brings a delightful blend of playful hues that inspire creativity and joy. With deep purples like #58506E and #775590, paired with vibrant pinks and reds (#F36CE7, #FAA1E5, #FA2E47), this palette is perfect for designers looking to evoke a sense of wonder and imagination.
Ideal for branding projects targeting a youthful audience, it can be effectively used in web design to create engaging and vibrant user experiences. Whether you’re designing a playful website for a children’s brand or rebranding a creative agency, this palette sets the tone for fun and innovation.
In interiors, the Whimsical Color Palette can transform spaces into lively, inviting environments. Imagine bright accent walls or playful decor items that spark joy and creativity in children’s rooms or creative workspaces.
This palette is particularly appealing to artists, educators, and anyone looking to infuse a sense of fun into their surroundings. Whether you are a graphic designer, a product developer, or a DIY enthusiast, this colorful selection can help you craft unique visual stories that resonate with your audience.
Embrace the whimsy and watch your projects come to life!.
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.915 0.013 301.27) | #e4e1ea | hsl(260, 18%, 90%) |
|
|
100 | oklch(0.823 0.024 299.28) | #c7c2d3 | hsl(258, 16%, 79%) |
|
|
200 | oklch(0.729 0.037 298.29) | #aaa3bc | hsl(257, 16%, 69%) |
|
|
300 | oklch(0.633 0.051 297.04) | #8d84a6 | hsl(256, 16%, 58%) |
|
|
400 | oklch(0.538 0.060 296.41) | #71678d | hsl(256, 16%, 48%) |
|
|
500 | oklch(0.451 0.049 296.61) | #58506e | hsl(256, 16%, 37%) |
|
|
600 | oklch(0.404 0.044 296.74) | #4b445e | hsl(256, 16%, 32%) |
|
|
700 | oklch(0.358 0.036 295.43) | #3e394e | hsl(254, 16%, 26%) |
|
|
800 | oklch(0.309 0.031 295.34) | #312d3e | hsl(254, 16%, 21%) |
|
|
900 | oklch(0.257 0.024 295.20) | #24212e | hsl(254, 16%, 15%) |
|
|
950 | oklch(0.204 0.018 300.04) | #18151e | hsl(260, 18%, 10%) |
|
dsfds
50 | oklch(0.914 0.019 312.79) | #e7dfec | hsl(277, 25%, 90%) |
|
|
100 | oklch(0.833 0.038 310.42) | #d0c2db | hsl(274, 26%, 81%) |
|
|
200 | oklch(0.752 0.057 310.46) | #baa5ca | hsl(274, 26%, 72%) |
|
|
300 | oklch(0.670 0.077 310.28) | #a488b9 | hsl(274, 26%, 63%) |
|
|
400 | oklch(0.586 0.099 309.90) | #8e6ba8 | hsl(274, 26%, 54%) |
|
|
500 | oklch(0.510 0.098 309.77) | #775590 | hsl(275, 26%, 45%) |
|
|
600 | oklch(0.454 0.086 309.98) | #65487a | hsl(275, 26%, 38%) |
|
|
700 | oklch(0.395 0.071 309.84) | #523b63 | hsl(275, 25%, 31%) |
|
|
800 | oklch(0.334 0.060 310.69) | #402d4d | hsl(276, 26%, 24%) |
|
|
900 | oklch(0.269 0.044 310.72) | #2d2036 | hsl(275, 26%, 17%) |
|
|
950 | oklch(0.203 0.028 311.98) | #1b1320 | hsl(277, 25%, 10%) |
|
dsfds
50 | oklch(0.906 0.070 329.17) | #fbd0f7 | hsl(306, 84%, 90%) |
|
|
100 | oklch(0.869 0.101 329.69) | #fabcf4 | hsl(306, 86%, 86%) |
|
|
200 | oklch(0.832 0.132 329.75) | #f8a8f1 | hsl(305, 85%, 82%) |
|
|
300 | oklch(0.797 0.162 329.94) | #f694ee | hsl(305, 84%, 77%) |
|
|
400 | oklch(0.766 0.190 330.84) | #f580ea | hsl(306, 85%, 73%) |
|
|
500 | oklch(0.736 0.217 331.07) | #f36ce7 | hsl(305, 85%, 69%) |
|
|
600 | oklch(0.674 0.272 332.14) | #ee35de | hsl(305, 84%, 57%) |
|
|
700 | oklch(0.608 0.267 333.09) | #d611c4 | hsl(305, 85%, 45%) |
|
|
800 | oklch(0.486 0.212 332.88) | #9e0d91 | hsl(305, 85%, 34%) |
|
|
900 | oklch(0.359 0.153 332.98) | #67085e | hsl(306, 86%, 22%) |
|
|
950 | oklch(0.217 0.087 332.27) | #2f042b | hsl(306, 84%, 10%) |
|
dsfds
50 | oklch(0.903 0.068 333.96) | #fccff2 | hsl(313, 88%, 90%) |
|
|
100 | oklch(0.885 0.082 334.80) | #fcc5ef | hsl(314, 90%, 88%) |
|
|
200 | oklch(0.867 0.096 334.46) | #fbbced | hsl(313, 89%, 86%) |
|
|
300 | oklch(0.851 0.109 335.30) | #fbb3ea | hsl(314, 90%, 84%) |
|
|
400 | oklch(0.834 0.122 335.09) | #faaae8 | hsl(314, 89%, 82%) |
|
|
500 | oklch(0.818 0.135 335.83) | #faa1e5 | hsl(314, 90%, 81%) |
|
|
600 | oklch(0.714 0.224 338.14) | #f65dd2 | hsl(314, 89%, 66%) |
|
|
700 | oklch(0.654 0.274 341.43) | #f318bf | hsl(314, 90%, 52%) |
|
|
800 | oklch(0.531 0.225 341.63) | #b90a90 | hsl(314, 90%, 38%) |
|
|
900 | oklch(0.381 0.160 341.15) | #75065b | hsl(314, 90%, 24%) |
|
|
950 | oklch(0.214 0.086 338.78) | #300326 | hsl(313, 88%, 10%) |
|
dsfds
50 | oklch(0.892 0.056 10.00) | #fecdd3 | hsl(353, 96%, 90%) |
|
|
100 | oklch(0.827 0.095 11.11) | #fdadb7 | hsl(353, 95%, 84%) |
|
|
200 | oklch(0.768 0.133 13.16) | #fc8e9b | hsl(353, 95%, 77%) |
|
|
300 | oklch(0.715 0.174 15.29) | #fc6e7f | hsl(353, 96%, 71%) |
|
|
400 | oklch(0.671 0.208 18.06) | #fb4e63 | hsl(353, 96%, 65%) |
|
|
500 | oklch(0.639 0.234 21.54) | #fa2e47 | hsl(353, 95%, 58%) |
|
|
600 | oklch(0.604 0.244 26.10) | #f10623 | hsl(353, 95%, 48%) |
|
|
700 | oklch(0.512 0.206 25.73) | #c1051c | hsl(353, 95%, 39%) |
|
|
800 | oklch(0.417 0.167 25.06) | #920315 | hsl(352, 96%, 29%) |
|
|
900 | oklch(0.314 0.125 23.66) | #62020e | hsl(353, 96%, 20%) |
|
|
950 | oklch(0.203 0.079 19.57) | #320107 | hsl(353, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.