Whimsical Mood Color Palette
A moody blend of deep purples and muted greens dances with vibrant bursts of chartreuse and sunny yellow, evoking a whimsical, artistic spirit that's both edgy and uplifting.
Practical uses and creative applications
The Whimsical Mood Color Palette is a delightful collection that blends rich tones of deep plum (#6a3d5a) with soft earthy shades like slate gray (#66666e) and muted green (#6d8d76). Accented by playful pops of sunshine yellow (#b0c65a) and vibrant lemon (#ebf74f), this palette is perfect for creatives looking to evoke a sense of joy and nostalgia in their projects.
Whether you're designing a whimsical brand identity, a captivating website, or enchanting product packaging, these colors inspire creativity and connection. Ideal for designers and artists aiming to attract a youthful and imaginative audience, the Whimsical Mood Color Palette suits various applications.
In branding, it can convey a sense of fun and approachability, making it perfect for businesses in the children's market, artisanal goods, or creative services. For web design, the harmonious blend of colors ensures a visually appealing user experience, while in interiors, it creates a lively yet cozy atmosphere that invites exploration and interaction.
Embrace this vibrant palette to transform your projects into engaging visual stories that resonate with 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.916 0.018 339.95) | #ecdfe7 | hsl(323, 25%, 90%) |
|
|
100 | oklch(0.819 0.042 338.77) | #d7bacd | hsl(321, 27%, 79%) |
|
|
200 | oklch(0.719 0.068 339.75) | #c294b2 | hsl(321, 27%, 67%) |
|
|
300 | oklch(0.619 0.094 340.63) | #ac6f97 | hsl(321, 27%, 55%) |
|
|
400 | oklch(0.522 0.096 342.07) | #8f5279 | hsl(322, 27%, 44%) |
|
|
500 | oklch(0.424 0.075 341.67) | #6a3d5a | hsl(321, 27%, 33%) |
|
|
600 | oklch(0.384 0.065 342.15) | #5b354d | hsl(322, 26%, 28%) |
|
|
700 | oklch(0.342 0.058 341.93) | #4d2c41 | hsl(322, 27%, 24%) |
|
|
800 | oklch(0.300 0.047 342.73) | #3e2434 | hsl(323, 27%, 19%) |
|
|
900 | oklch(0.254 0.038 340.90) | #2f1b28 | hsl(321, 27%, 15%) |
|
|
950 | oklch(0.208 0.026 342.09) | #20131b | hsl(323, 25%, 10%) |
|
dsfds
50 | oklch(0.922 0.001 286.37) | #e5e5e6 | hsl(240, 2%, 90%) |
|
|
100 | oklch(0.843 0.005 286.28) | #cbcbcf | hsl(240, 4%, 80%) |
|
|
200 | oklch(0.762 0.008 286.20) | #b1b1b7 | hsl(240, 4%, 71%) |
|
|
300 | oklch(0.682 0.010 286.13) | #98989f | hsl(240, 4%, 61%) |
|
|
400 | oklch(0.596 0.014 285.98) | #7e7e87 | hsl(240, 4%, 51%) |
|
|
500 | oklch(0.513 0.012 285.95) | #66666e | hsl(240, 4%, 42%) |
|
|
600 | oklch(0.459 0.010 286.01) | #57575d | hsl(240, 3%, 35%) |
|
|
700 | oklch(0.400 0.010 285.94) | #47474d | hsl(240, 4%, 29%) |
|
|
800 | oklch(0.342 0.007 286.03) | #38383c | hsl(240, 3%, 23%) |
|
|
900 | oklch(0.278 0.005 286.04) | #28282b | hsl(240, 4%, 16%) |
|
|
950 | oklch(0.214 0.002 286.23) | #19191a | hsl(240, 2%, 10%) |
|
dsfds
50 | oklch(0.927 0.010 155.09) | #e2e9e4 | hsl(137, 14%, 90%) |
|
|
100 | oklch(0.867 0.018 153.52) | #cbd7ce | hsl(135, 13%, 82%) |
|
|
200 | oklch(0.804 0.025 155.03) | #b3c4b8 | hsl(138, 13%, 74%) |
|
|
300 | oklch(0.742 0.033 153.94) | #9cb2a2 | hsl(136, 13%, 65%) |
|
|
400 | oklch(0.679 0.043 154.06) | #84a08c | hsl(137, 13%, 57%) |
|
|
500 | oklch(0.612 0.050 153.51) | #6d8d76 | hsl(137, 13%, 49%) |
|
|
600 | oklch(0.542 0.044 152.72) | #5c7763 | hsl(136, 13%, 41%) |
|
|
700 | oklch(0.466 0.037 153.25) | #4a6050 | hsl(136, 13%, 33%) |
|
|
800 | oklch(0.390 0.030 154.11) | #394a3e | hsl(138, 13%, 26%) |
|
|
900 | oklch(0.308 0.021 153.50) | #28332b | hsl(136, 12%, 18%) |
|
|
950 | oklch(0.222 0.014 154.05) | #161d18 | hsl(137, 14%, 10%) |
|
dsfds
50 | oklch(0.951 0.033 116.22) | #edf2d9 | hsl(72, 49%, 90%) |
|
|
100 | oklch(0.917 0.055 116.46) | #e1e9c0 | hsl(72, 48%, 83%) |
|
|
200 | oklch(0.884 0.077 116.73) | #d5e0a6 | hsl(71, 48%, 76%) |
|
|
300 | oklch(0.853 0.099 118.36) | #c8d88d | hsl(73, 49%, 70%) |
|
|
400 | oklch(0.820 0.119 118.68) | #bccf73 | hsl(72, 49%, 63%) |
|
|
500 | oklch(0.788 0.136 119.24) | #b0c65a | hsl(72, 49%, 56%) |
|
|
600 | oklch(0.726 0.144 120.06) | #9bb33e | hsl(72, 49%, 47%) |
|
|
700 | oklch(0.618 0.121 120.33) | #7c9032 | hsl(73, 48%, 38%) |
|
|
800 | oklch(0.504 0.097 119.48) | #5e6c25 | hsl(72, 49%, 28%) |
|
|
900 | oklch(0.385 0.071 119.78) | #3f4919 | hsl(73, 49%, 19%) |
|
|
950 | oklch(0.257 0.042 118.85) | #21260d | hsl(72, 49%, 10%) |
|
dsfds
50 | oklch(0.979 0.061 111.47) | #f9fdce | hsl(65, 92%, 90%) |
|
|
100 | oklch(0.971 0.090 111.34) | #f7fcb5 | hsl(64, 92%, 85%) |
|
|
200 | oklch(0.960 0.118 111.52) | #f4fa9b | hsl(64, 90%, 79%) |
|
|
300 | oklch(0.952 0.143 112.23) | #f1f982 | hsl(64, 91%, 74%) |
|
|
400 | oklch(0.945 0.166 112.85) | #eef868 | hsl(64, 91%, 69%) |
|
|
500 | oklch(0.938 0.183 113.43) | #ebf74f | hsl(64, 91%, 64%) |
|
|
600 | oklch(0.927 0.205 114.51) | #e5f51a | hsl(64, 92%, 53%) |
|
|
700 | oklch(0.816 0.183 114.61) | #c1cf09 | hsl(64, 92%, 42%) |
|
|
800 | oklch(0.656 0.146 114.33) | #909a07 | hsl(64, 91%, 32%) |
|
|
900 | oklch(0.484 0.107 114.45) | #5e6505 | hsl(64, 91%, 21%) |
|
|
950 | oklch(0.299 0.065 114.67) | #2d3102 | hsl(65, 92%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.