Playful Serenity Color Palette
This palette radiates a playful yet serene charm, blending vibrant coral pink (#f26b7a) and soft cream (#f0f2dc) with fresh lime green (#d9eb52), tranquil sky blue (#8ac7de), and earthy taupe (#87796f) for a harmonious, modern boho vibe.
Practical uses and creative applications
The Playful Serenity Color Palette is a delightful blend that effortlessly merges vibrancy with tranquility. Featuring a lively pink (#f26b7a), a soft cream (#f0f2dc), a fresh green (#d9eb52), a calming blue (#8ac7de), and a grounding taupe (#87796f), this palette is perfect for creatives looking to evoke a sense of joy and comfort.
It is particularly ideal for branding projects that aim to resonate with a youthful audience, such as children's products, wellness brands, or lifestyle blogs that celebrate positivity and balance. In web design, the Playful Serenity palette can enhance user experience by creating an inviting atmosphere that encourages exploration.
This color scheme works beautifully for interior design as well, infusing spaces with a light-hearted yet serene vibe, making it suitable for family-friendly environments, cafes, or playful retail spaces. Designers and creatives seeking to evoke a cheerful mood while maintaining an air of sophistication will find this palette to be a versatile tool in their arsenal, perfect for packaging, marketing materials, or digital platforms.
Embrace the harmonious blend of playfulness and serenity to captivate your audience and elevate your projects to new heights.
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.896 0.049 10.22) | #fbd0d5 | hsl(353, 84%, 90%) |
|
|
| 100 | oklch(0.852 0.071 11.01) | #f9bcc3 | hsl(353, 84%, 86%) |
|
|
| 200 | oklch(0.810 0.094 11.88) | #f7a8b1 | hsl(353, 83%, 81%) |
|
|
| 300 | oklch(0.769 0.120 13.11) | #f6939e | hsl(353, 85%, 77%) |
|
|
| 400 | oklch(0.731 0.143 14.28) | #f47f8c | hsl(353, 84%, 73%) |
|
|
| 500 | oklch(0.696 0.166 15.69) | #f26b7a | hsl(353, 84%, 68%) |
|
|
| 600 | oklch(0.621 0.218 20.94) | #ed3449 | hsl(353, 84%, 57%) |
|
|
| 700 | oklch(0.552 0.216 24.70) | #d31328 | hsl(353, 83%, 45%) |
|
|
| 800 | oklch(0.442 0.171 24.00) | #9c0e1e | hsl(353, 84%, 33%) |
|
|
| 900 | oklch(0.328 0.124 23.22) | #660913 | hsl(354, 84%, 22%) |
|
|
| 950 | oklch(0.201 0.070 18.79) | #2f0409 | hsl(353, 84%, 10%) |
|
| 50 | oklch(0.951 0.030 111.01) | #eff1da | hsl(65, 45%, 90%) |
|
|
| 100 | oklch(0.951 0.030 111.01) | #eff1da | hsl(65, 45%, 90%) |
|
|
| 200 | oklch(0.953 0.030 113.01) | #eff2db | hsl(68, 47%, 90%) |
|
|
| 300 | oklch(0.954 0.030 111.00) | #f0f2db | hsl(65, 47%, 90%) |
|
|
| 400 | oklch(0.954 0.029 111.16) | #f0f2dc | hsl(65, 46%, 91%) |
|
|
| 500 | oklch(0.954 0.029 111.16) | #f0f2dc | hsl(65, 46%, 91%) |
|
|
| 600 | oklch(0.875 0.079 112.67) | #d6dca0 | hsl(66, 46%, 75%) |
|
|
| 700 | oklch(0.797 0.122 113.03) | #bdc564 | hsl(65, 46%, 58%) |
|
|
| 800 | oklch(0.669 0.123 114.13) | #949d3a | hsl(65, 46%, 42%) |
|
|
| 900 | oklch(0.475 0.084 113.50) | #5c6124 | hsl(65, 46%, 26%) |
|
|
| 950 | oklch(0.256 0.039 113.21) | #23250e | hsl(65, 45%, 10%) |
|
| 50 | oklch(0.971 0.054 113.05) | #f5fad1 | hsl(67, 80%, 90%) |
|
|
| 100 | oklch(0.955 0.081 113.84) | #eff7b8 | hsl(68, 80%, 85%) |
|
|
| 200 | oklch(0.940 0.109 113.92) | #eaf49e | hsl(67, 80%, 79%) |
|
|
| 300 | oklch(0.926 0.133 114.68) | #e4f185 | hsl(67, 79%, 73%) |
|
|
| 400 | oklch(0.912 0.156 114.99) | #dfee6b | hsl(67, 79%, 68%) |
|
|
| 500 | oklch(0.899 0.174 115.74) | #d9eb52 | hsl(67, 79%, 62%) |
|
|
| 600 | oklch(0.876 0.195 116.69) | #cfe522 | hsl(67, 79%, 52%) |
|
|
| 700 | oklch(0.757 0.170 117.23) | #a9bd16 | hsl(67, 79%, 41%) |
|
|
| 800 | oklch(0.610 0.137 117.13) | #7e8d10 | hsl(67, 80%, 31%) |
|
|
| 900 | oklch(0.455 0.099 116.27) | #545d0b | hsl(67, 79%, 20%) |
|
|
| 950 | oklch(0.287 0.060 116.36) | #292e05 | hsl(67, 80%, 10%) |
|
| 50 | oklch(0.930 0.025 222.59) | #d7ecf4 | hsl(197, 57%, 90%) |
|
|
| 100 | oklch(0.904 0.034 220.56) | #c8e5ef | hsl(195, 55%, 86%) |
|
|
| 200 | oklch(0.875 0.043 222.77) | #b8ddeb | hsl(196, 56%, 82%) |
|
|
| 300 | oklch(0.850 0.053 222.96) | #a9d6e7 | hsl(196, 56%, 78%) |
|
|
| 400 | oklch(0.821 0.062 223.21) | #99cee2 | hsl(196, 56%, 74%) |
|
|
| 500 | oklch(0.796 0.070 223.52) | #8ac7de | hsl(196, 56%, 71%) |
|
|
| 600 | oklch(0.716 0.095 224.87) | #5ab0d0 | hsl(196, 56%, 58%) |
|
|
| 700 | oklch(0.626 0.103 227.12) | #3494b8 | hsl(196, 56%, 46%) |
|
|
| 800 | oklch(0.503 0.081 227.21) | #266d88 | hsl(197, 56%, 34%) |
|
|
| 900 | oklch(0.374 0.057 225.92) | #194758 | hsl(196, 56%, 22%) |
|
|
| 950 | oklch(0.230 0.031 225.50) | #0b2028 | hsl(197, 57%, 10%) |
|
| 50 | oklch(0.924 0.004 56.37) | #e8e5e3 | hsl(24, 10%, 90%) |
|
|
| 100 | oklch(0.858 0.008 48.64) | #d5cfcc | hsl(20, 10%, 82%) |
|
|
| 200 | oklch(0.794 0.012 59.52) | #c2bab4 | hsl(26, 10%, 73%) |
|
|
| 300 | oklch(0.725 0.015 57.50) | #aea49d | hsl(25, 9%, 65%) |
|
|
| 400 | oklch(0.658 0.019 59.33) | #9b8f86 | hsl(26, 10%, 57%) |
|
|
| 500 | oklch(0.586 0.023 57.82) | #87796f | hsl(25, 10%, 48%) |
|
|
| 600 | oklch(0.519 0.021 59.18) | #72665d | hsl(26, 10%, 41%) |
|
|
| 700 | oklch(0.449 0.016 60.26) | #5c534c | hsl(26, 10%, 33%) |
|
|
| 800 | oklch(0.374 0.014 54.15) | #473f3a | hsl(23, 10%, 25%) |
|
|
| 900 | oklch(0.297 0.009 53.14) | #312c29 | hsl(23, 9%, 18%) |
|
|
| 950 | oklch(0.216 0.006 56.04) | #1c1917 | hsl(24, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
