Whimsical Serenity Color Palette
This palette radiates a serene and whimsical charm, blending soothing teal (#4acabb) and soft mint green (#cbe5c0) with a playful touch of sunny yellow (#fcf9c2), warm blush pink (#edc5bd), and a rich, cozy plum (#84407b) for a harmonious yet eclectic vibe.
Practical uses and creative applications
The Whimsical Serenity Color Palette brings together a harmonious blend of soft pastels and invigorating hues, ideal for projects that seek to evoke a sense of calm and creativity. Featuring calming teal (#4acabb), gentle greens (#cbe5c0), and cheerful yellows (#fcf9c2), this palette is perfect for branding initiatives aimed at wellness, lifestyle, or children’s products.
Its warm tones, like soft peach (#edc5bd) and rich plum (#84407b), add depth and playfulness, making it a delightful choice for web design that targets a youthful, artistic audience. This versatile color palette is perfect for designers and creatives looking to create enchanting spaces or products.
In interiors, the Whimsical Serenity palette can transform a child's bedroom or a cozy reading nook, instilling a sense of tranquility and joy. For packaging design, these colors can beautifully capture attention while conveying a brand’s friendly and approachable personality.
Whether you’re crafting a whimsical website or designing a playful brand identity, the Whimsical Serenity Color Palette offers the ideal blend of serenity and creativity to inspire your next project.
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.944 0.029 188.58) | #d8f3f0 | hsl(173, 53%, 90%) |
|
|
| 100 | oklch(0.905 0.050 188.48) | #bbebe6 | hsl(174, 55%, 83%) |
|
|
| 200 | oklch(0.868 0.069 186.82) | #9fe3db | hsl(173, 55%, 76%) |
|
|
| 300 | oklch(0.833 0.087 185.49) | #83dbd0 | hsl(173, 55%, 69%) |
|
|
| 400 | oklch(0.797 0.101 185.75) | #66d2c6 | hsl(173, 55%, 61%) |
|
|
| 500 | oklch(0.765 0.114 184.25) | #4acabb | hsl(173, 55%, 54%) |
|
|
| 600 | oklch(0.695 0.110 183.52) | #34b3a4 | hsl(173, 55%, 45%) |
|
|
| 700 | oklch(0.593 0.093 183.69) | #2a9084 | hsl(173, 55%, 36%) |
|
|
| 800 | oklch(0.486 0.075 183.95) | #206d64 | hsl(173, 55%, 28%) |
|
|
| 900 | oklch(0.373 0.055 184.42) | #164a44 | hsl(173, 54%, 19%) |
|
|
| 950 | oklch(0.251 0.033 185.52) | #0c2724 | hsl(173, 53%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.032 136.63) | #e1f0db | hsl(103, 41%, 90%) |
|
|
| 100 | oklch(0.930 0.037 136.45) | #ddeed6 | hsl(103, 41%, 89%) |
|
|
| 200 | oklch(0.921 0.043 136.67) | #d8ecd0 | hsl(103, 42%, 87%) |
|
|
| 300 | oklch(0.910 0.046 136.21) | #d4e9cb | hsl(102, 41%, 85%) |
|
|
| 400 | oklch(0.901 0.052 136.44) | #cfe7c5 | hsl(102, 41%, 84%) |
|
|
| 500 | oklch(0.893 0.057 136.35) | #cbe5c0 | hsl(102, 42%, 83%) |
|
|
| 600 | oklch(0.805 0.104 136.62) | #a0cf8c | hsl(102, 41%, 68%) |
|
|
| 700 | oklch(0.721 0.150 137.09) | #75ba57 | hsl(102, 42%, 54%) |
|
|
| 800 | oklch(0.584 0.131 137.31) | #538d3a | hsl(102, 42%, 39%) |
|
|
| 900 | oklch(0.420 0.089 137.35) | #345825 | hsl(102, 41%, 25%) |
|
|
| 950 | oklch(0.240 0.043 137.30) | #15240f | hsl(103, 41%, 10%) |
|
dsfds
| 50 | oklch(0.976 0.057 104.18) | #fdface | hsl(56, 92%, 90%) |
|
|
| 100 | oklch(0.975 0.059 105.39) | #fcfacc | hsl(58, 89%, 89%) |
|
|
| 200 | oklch(0.975 0.063 105.58) | #fcfac9 | hsl(58, 89%, 89%) |
|
|
| 300 | oklch(0.972 0.064 104.68) | #fcf9c7 | hsl(57, 90%, 88%) |
|
|
| 400 | oklch(0.972 0.068 104.90) | #fcf9c4 | hsl(57, 90%, 88%) |
|
|
| 500 | oklch(0.971 0.071 105.04) | #fcf9c2 | hsl(57, 91%, 87%) |
|
|
| 600 | oklch(0.942 0.145 106.33) | #f8f277 | hsl(57, 90%, 72%) |
|
|
| 700 | oklch(0.917 0.187 105.93) | #f5ea2b | hsl(57, 91%, 56%) |
|
|
| 800 | oklch(0.782 0.165 105.75) | #c7bd0a | hsl(57, 90%, 41%) |
|
|
| 900 | oklch(0.554 0.116 106.02) | #7c7606 | hsl(57, 91%, 25%) |
|
|
| 950 | oklch(0.295 0.061 105.52) | #312e02 | hsl(56, 92%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.028 31.66) | #f4dcd7 | hsl(10, 57%, 90%) |
|
|
| 100 | oklch(0.901 0.032 29.77) | #f3d7d2 | hsl(9, 58%, 89%) |
|
|
| 200 | oklch(0.890 0.035 31.17) | #f1d3cd | hsl(10, 56%, 87%) |
|
|
| 300 | oklch(0.878 0.040 31.57) | #f0cec7 | hsl(10, 58%, 86%) |
|
|
| 400 | oklch(0.868 0.042 32.61) | #eecac2 | hsl(11, 56%, 85%) |
|
|
| 500 | oklch(0.856 0.047 31.25) | #edc5bd | hsl(10, 57%, 84%) |
|
|
| 600 | oklch(0.730 0.096 31.70) | #dd9182 | hsl(10, 57%, 69%) |
|
|
| 700 | oklch(0.613 0.147 32.74) | #cd5d47 | hsl(10, 57%, 54%) |
|
|
| 800 | oklch(0.492 0.132 33.02) | #9e3e2b | hsl(10, 57%, 39%) |
|
|
| 900 | oklch(0.357 0.090 33.01) | #63271b | hsl(10, 57%, 25%) |
|
|
| 950 | oklch(0.208 0.042 32.97) | #28100b | hsl(10, 57%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.027 329.51) | #eeddec | hsl(307, 33%, 90%) |
|
|
| 100 | oklch(0.826 0.058 330.72) | #ddb9d8 | hsl(308, 35%, 80%) |
|
|
| 200 | oklch(0.740 0.090 330.95) | #cc96c5 | hsl(308, 35%, 69%) |
|
|
| 300 | oklch(0.652 0.123 331.97) | #bb72b1 | hsl(308, 35%, 59%) |
|
|
| 400 | oklch(0.567 0.147 332.36) | #a7519c | hsl(308, 35%, 49%) |
|
|
| 500 | oklch(0.480 0.121 332.48) | #84407b | hsl(308, 35%, 38%) |
|
|
| 600 | oklch(0.429 0.105 332.00) | #703769 | hsl(307, 34%, 33%) |
|
|
| 700 | oklch(0.377 0.092 332.06) | #5d2d57 | hsl(308, 35%, 27%) |
|
|
| 800 | oklch(0.323 0.074 332.32) | #492444 | hsl(308, 34%, 21%) |
|
|
| 900 | oklch(0.267 0.058 332.53) | #361a32 | hsl(309, 35%, 16%) |
|
|
| 950 | oklch(0.208 0.039 331.16) | #221120 | hsl(307, 33%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
