Whimsical Color Palette
This playful palette radiates a whimsical charm with soft creams, sunny yellows, vibrant pinks, and deep purples, evoking a dreamy, modern fairytale atmosphere.
Practical uses and creative applications
The Whimsical Color Palette offers a delightful blend of soft pastels and vibrant hues, making it an ideal choice for designers seeking to infuse a sense of playfulness and creativity into their projects. The gentle tones of #F7F7EF and #FBD783 provide a cheerful base, while the striking shades of #F375B5, #816AD6, and #6854BD add a whimsical flair that can elevate any brand’s personality.
This palette is particularly well-suited for branding, web design, and packaging aimed at children’s products, creative startups, or any brand that embraces a fun and adventurous spirit. For designers and creatives looking to evoke a lighthearted mood, the Whimsical Color Palette is perfect for interior decor as well, bringing a sense of joy and liveliness to spaces like playrooms, nurseries, or innovative work environments.
Its vibrant and uplifting colors can stimulate imagination and creativity, making it a great choice for artistic studios or boutique cafes. Whether you’re crafting a unique brand identity or designing an engaging user experience, this color palette is sure to captivate your audience and create lasting impressions.
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.
| 50 | oklch(0.945 0.022 106.82) | #eeeedd | hsl(60, 33%, 90%) |
|
|
| 100 | oklch(0.951 0.020 106.77) | #f0f0e1 | hsl(60, 33%, 91%) |
|
|
| 200 | oklch(0.957 0.018 106.74) | #f2f2e4 | hsl(60, 35%, 92%) |
|
|
| 300 | oklch(0.961 0.015 106.67) | #f3f3e8 | hsl(60, 31%, 93%) |
|
|
| 400 | oklch(0.967 0.013 106.64) | #f5f5eb | hsl(60, 33%, 94%) |
|
|
| 500 | oklch(0.974 0.011 106.59) | #f7f7ef | hsl(60, 33%, 95%) |
|
|
| 600 | oklch(0.879 0.049 107.37) | #dadab5 | hsl(60, 33%, 78%) |
|
|
| 700 | oklch(0.783 0.087 108.25) | #bdbd7b | hsl(60, 33%, 61%) |
|
|
| 800 | oklch(0.657 0.098 108.82) | #96964b | hsl(60, 33%, 44%) |
|
|
| 900 | oklch(0.464 0.066 108.73) | #5c5c2e | hsl(60, 33%, 27%) |
|
|
| 950 | oklch(0.247 0.030 108.38) | #222211 | hsl(60, 33%, 10%) |
|
| 50 | oklch(0.955 0.046 87.76) | #fdefce | hsl(42, 92%, 90%) |
|
|
| 100 | oklch(0.942 0.059 86.98) | #fdeabf | hsl(42, 94%, 87%) |
|
|
| 200 | oklch(0.928 0.073 87.27) | #fce5b0 | hsl(42, 93%, 84%) |
|
|
| 300 | oklch(0.917 0.086 87.70) | #fce1a1 | hsl(42, 94%, 81%) |
|
|
| 400 | oklch(0.904 0.099 87.67) | #fbdc92 | hsl(42, 93%, 78%) |
|
|
| 500 | oklch(0.892 0.111 86.98) | #fbd783 | hsl(42, 94%, 75%) |
|
|
| 600 | oklch(0.842 0.151 84.30) | #f9c243 | hsl(42, 94%, 62%) |
|
|
| 700 | oklch(0.791 0.163 78.98) | #f2ac08 | hsl(42, 94%, 49%) |
|
|
| 800 | oklch(0.629 0.129 79.24) | #b27e06 | hsl(42, 93%, 36%) |
|
|
| 900 | oklch(0.459 0.093 80.82) | #725104 | hsl(42, 93%, 23%) |
|
|
| 950 | oklch(0.266 0.052 84.93) | #312302 | hsl(42, 92%, 10%) |
|
| 50 | oklch(0.901 0.056 346.07) | #fbd0e6 | hsl(329, 84%, 90%) |
|
|
| 100 | oklch(0.863 0.078 346.90) | #f9bedc | hsl(329, 83%, 86%) |
|
|
| 200 | oklch(0.828 0.101 348.10) | #f8acd2 | hsl(330, 84%, 82%) |
|
|
| 300 | oklch(0.791 0.125 348.07) | #f699c9 | hsl(329, 84%, 78%) |
|
|
| 400 | oklch(0.759 0.148 349.36) | #f587bf | hsl(329, 85%, 75%) |
|
|
| 500 | oklch(0.728 0.169 350.41) | #f375b5 | hsl(330, 84%, 71%) |
|
|
| 600 | oklch(0.648 0.225 354.36) | #ee3c97 | hsl(329, 84%, 58%) |
|
|
| 700 | oklch(0.579 0.228 358.63) | #d91378 | hsl(329, 84%, 46%) |
|
|
| 800 | oklch(0.465 0.182 358.56) | #a10e58 | hsl(330, 84%, 34%) |
|
|
| 900 | oklch(0.342 0.131 357.35) | #680939 | hsl(330, 84%, 22%) |
|
|
| 950 | oklch(0.207 0.074 353.78) | #2f041a | hsl(329, 84%, 10%) |
|
| 50 | oklch(0.893 0.040 295.06) | #ddd7f4 | hsl(252, 57%, 90%) |
|
|
| 100 | oklch(0.834 0.063 295.18) | #cbc1ee | hsl(253, 57%, 85%) |
|
|
| 200 | oklch(0.774 0.087 294.05) | #b8abe8 | hsl(253, 57%, 79%) |
|
|
| 300 | oklch(0.716 0.110 293.08) | #a696e2 | hsl(253, 57%, 74%) |
|
|
| 400 | oklch(0.656 0.135 291.74) | #9380dc | hsl(252, 57%, 68%) |
|
|
| 500 | oklch(0.597 0.159 290.55) | #816ad6 | hsl(253, 57%, 63%) |
|
|
| 600 | oklch(0.489 0.202 285.88) | #5d40ca | hsl(253, 57%, 52%) |
|
|
| 700 | oklch(0.413 0.182 285.08) | #482ea7 | hsl(253, 57%, 42%) |
|
|
| 800 | oklch(0.337 0.143 285.47) | #35227c | hsl(253, 57%, 31%) |
|
|
| 900 | oklch(0.261 0.102 286.32) | #231752 | hsl(252, 56%, 21%) |
|
|
| 950 | oklch(0.178 0.057 288.77) | #110b28 | hsl(252, 57%, 10%) |
|
| 50 | oklch(0.899 0.032 295.72) | #dfdaf1 | hsl(253, 45%, 90%) |
|
|
| 100 | oklch(0.824 0.055 294.57) | #c7bfe6 | hsl(252, 44%, 83%) |
|
|
| 200 | oklch(0.750 0.079 292.73) | #afa5dc | hsl(251, 44%, 75%) |
|
|
| 300 | oklch(0.673 0.106 291.58) | #978ad2 | hsl(251, 44%, 68%) |
|
|
| 400 | oklch(0.596 0.131 290.74) | #806fc7 | hsl(252, 44%, 61%) |
|
|
| 500 | oklch(0.520 0.158 288.40) | #6854bd | hsl(251, 44%, 54%) |
|
|
| 600 | oklch(0.449 0.156 287.02) | #5340a5 | hsl(251, 44%, 45%) |
|
|
| 700 | oklch(0.387 0.131 287.58) | #433385 | hsl(252, 45%, 36%) |
|
|
| 800 | oklch(0.324 0.105 288.00) | #332765 | hsl(252, 44%, 27%) |
|
|
| 900 | oklch(0.257 0.076 288.67) | #231b45 | hsl(251, 44%, 19%) |
|
|
| 950 | oklch(0.184 0.046 291.24) | #130e25 | hsl(253, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
