Whimsical Pastel Color Palette
This palette radiates a whimsical charm with soft pastel yellows and pinks, juxtaposed against deep violet and muted lavender, creating a playful yet sophisticated atmosphere perfect for a dreamy, artistic retreat.
Practical uses and creative applications
The Whimsical Pastel Color Palette is a delightful blend of soft hues that evokes a sense of playfulness and creativity. Featuring shades like the buttery yellow #fee9a6, the peachy #fec0ab, and the charming pink #fa5894, this palette is perfect for branding projects aiming to convey warmth and approachability.
The deep plum #660860 adds a sophisticated touch, while the muted lavender #9380b7 provides a calming contrast, making it ideal for web design, packaging, and even interior decor that seeks to inspire joy and imagination. This color palette is particularly suited for designers and creatives in the children’s products industry, event planning, or any field that thrives on a cheerful aesthetic.
Whether you're designing a whimsical website for a children's toy brand, crafting playful packaging for artisanal treats, or curating a dreamy nursery, the Whimsical Pastel Color Palette will ensure your projects resonate with warmth and charm. Infuse your work with this enchanting combination of colors to create a memorable experience that captivates your audience.
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.963 0.051 93.75) | #fef3cd | hsl(47, 96%, 90%) |
|
|
| 100 | oklch(0.958 0.059 93.52) | #fef1c5 | hsl(46, 97%, 88%) |
|
|
| 200 | oklch(0.952 0.066 93.34) | #feefbd | hsl(46, 97%, 87%) |
|
|
| 300 | oklch(0.946 0.074 93.20) | #feedb5 | hsl(46, 97%, 85%) |
|
|
| 400 | oklch(0.941 0.080 92.83) | #feebae | hsl(46, 98%, 84%) |
|
|
| 500 | oklch(0.936 0.088 92.73) | #fee9a6 | hsl(46, 98%, 82%) |
|
|
| 600 | oklch(0.889 0.145 91.84) | #fdd75d | hsl(46, 98%, 68%) |
|
|
| 700 | oklch(0.849 0.171 87.79) | #fcc514 | hsl(46, 97%, 53%) |
|
|
| 800 | oklch(0.697 0.142 86.52) | #c49602 | hsl(46, 98%, 39%) |
|
|
| 900 | oklch(0.498 0.101 87.47) | #7b5e01 | hsl(46, 98%, 24%) |
|
|
| 950 | oklch(0.277 0.056 92.16) | #322701 | hsl(47, 96%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.045 38.77) | #fed9cd | hsl(15, 96%, 90%) |
|
|
| 100 | oklch(0.902 0.051 39.27) | #fed4c6 | hsl(15, 97%, 89%) |
|
|
| 200 | oklch(0.891 0.058 39.65) | #fecfbf | hsl(15, 97%, 87%) |
|
|
| 300 | oklch(0.880 0.064 39.96) | #fecab8 | hsl(15, 97%, 86%) |
|
|
| 400 | oklch(0.869 0.071 39.23) | #fec5b2 | hsl(15, 97%, 85%) |
|
|
| 500 | oklch(0.859 0.077 39.52) | #fec0ab | hsl(15, 98%, 83%) |
|
|
| 600 | oklch(0.750 0.151 39.56) | #fd8961 | hsl(15, 98%, 69%) |
|
|
| 700 | oklch(0.667 0.216 36.57) | #fc5117 | hsl(15, 97%, 54%) |
|
|
| 800 | oklch(0.546 0.189 35.35) | #c63402 | hsl(15, 98%, 39%) |
|
|
| 900 | oklch(0.392 0.131 36.85) | #7c2101 | hsl(16, 98%, 25%) |
|
|
| 950 | oklch(0.220 0.065 41.11) | #320d01 | hsl(15, 96%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.060 354.37) | #fecddf | hsl(338, 96%, 90%) |
|
|
| 100 | oklch(0.850 0.088 355.42) | #fdb6d0 | hsl(338, 95%, 85%) |
|
|
| 200 | oklch(0.804 0.119 356.23) | #fc9ec1 | hsl(338, 94%, 80%) |
|
|
| 300 | oklch(0.762 0.148 357.63) | #fb87b2 | hsl(338, 94%, 76%) |
|
|
| 400 | oklch(0.725 0.178 359.23) | #fb6fa3 | hsl(338, 95%, 71%) |
|
|
| 500 | oklch(0.692 0.203 1.15) | #fa5894 | hsl(338, 94%, 66%) |
|
|
| 600 | oklch(0.637 0.242 7.58) | #f82070 | hsl(338, 94%, 55%) |
|
|
| 700 | oklch(0.566 0.224 11.29) | #d90654 | hsl(338, 95%, 44%) |
|
|
| 800 | oklch(0.455 0.179 10.14) | #a1053f | hsl(338, 94%, 33%) |
|
|
| 900 | oklch(0.335 0.131 8.47) | #690329 | hsl(338, 94%, 21%) |
|
|
| 950 | oklch(0.206 0.080 4.14) | #320113 | hsl(338, 96%, 10%) |
|
dsfds
| 50 | oklch(0.907 0.072 327.63) | #fbd0f9 | hsl(303, 84%, 90%) |
|
|
| 100 | oklch(0.791 0.172 329.17) | #f68ff0 | hsl(303, 85%, 76%) |
|
|
| 200 | oklch(0.702 0.255 330.51) | #f14ee7 | hsl(304, 85%, 63%) |
|
|
| 300 | oklch(0.647 0.287 331.48) | #e712da | hsl(304, 86%, 49%) |
|
|
| 400 | oklch(0.508 0.224 331.61) | #a70d9d | hsl(304, 86%, 35%) |
|
|
| 500 | oklch(0.358 0.154 331.39) | #660860 | hsl(304, 85%, 22%) |
|
|
| 600 | oklch(0.331 0.142 331.13) | #5b0756 | hsl(304, 86%, 19%) |
|
|
| 700 | oklch(0.304 0.129 331.48) | #50064b | hsl(304, 86%, 17%) |
|
|
| 800 | oklch(0.276 0.117 331.16) | #450541 | hsl(304, 86%, 15%) |
|
|
| 900 | oklch(0.248 0.102 330.74) | #3a0537 | hsl(303, 84%, 12%) |
|
|
| 950 | oklch(0.218 0.089 330.16) | #2f042d | hsl(303, 84%, 10%) |
|
dsfds
| 50 | oklch(0.909 0.021 301.12) | #e3deed | hsl(260, 29%, 90%) |
|
|
| 100 | oklch(0.858 0.031 300.24) | #d3cce2 | hsl(259, 28%, 84%) |
|
|
| 200 | oklch(0.804 0.043 300.63) | #c3b9d7 | hsl(260, 27%, 78%) |
|
|
| 300 | oklch(0.749 0.056 300.69) | #b3a6cc | hsl(261, 27%, 73%) |
|
|
| 400 | oklch(0.694 0.070 300.17) | #a393c2 | hsl(260, 28%, 67%) |
|
|
| 500 | oklch(0.638 0.083 299.90) | #9380b7 | hsl(261, 28%, 61%) |
|
|
| 600 | oklch(0.539 0.108 298.77) | #775fa4 | hsl(261, 27%, 51%) |
|
|
| 700 | oklch(0.459 0.093 298.88) | #5f4b84 | hsl(261, 28%, 41%) |
|
|
| 800 | oklch(0.377 0.074 298.91) | #473863 | hsl(261, 28%, 30%) |
|
|
| 900 | oklch(0.290 0.053 298.94) | #2f2542 | hsl(261, 28%, 20%) |
|
|
| 950 | oklch(0.196 0.030 298.90) | #171221 | hsl(260, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
