Playful Color Palette

This vibrant palette bursts with playful energy and whimsical charm, blending bold fuchsia and soft pastels with a striking deep navy and a zesty lime, creating a lively yet balanced atmosphere perfect for creative expression.

pastel summer happy light
#FF247D
#F8B1E2
#FFF4FF
#0F172A
#D1FF19

Practical uses and creative applications

The Playful Color Palette is a vibrant collection that brings a sense of joy and creativity to any project. Featuring bold pinks like #FF247D and soft pastels such as #F8B1E2 and #FFF4FF, this palette is perfect for branding that aims to capture attention and evoke a sense of fun.

The striking contrast of deep navy (#0F172A) adds depth, while the lively green (#D1FF19) injects an element of freshness. This combination is ideal for brands targeting younger audiences or those in the creative sectors, such as children's products, fashion, or entertainment.

Designers and creatives can leverage the Playful Color Palette across various applications, from web design to packaging. In web design, the colors can be used to create engaging user interfaces that foster a lighthearted atmosphere, while in packaging, they can help products stand out on the shelves.

Additionally, this palette works wonders in interior design, perfect for playful spaces like nurseries or vibrant cafes, creating environments that inspire creativity and joy. Whether you're a brand looking to refresh your identity or a designer seeking to infuse a playful spirit into your work, this palette is sure to resonate.

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.896 0.063 351.85) #ffcce1 hsl(335, 100%, 90%)
100 oklch(0.830 0.108 353.39) #ffaacd hsl(335, 100%, 83%)
200 oklch(0.772 0.152 355.47) #ff89b9 hsl(336, 100%, 77%)
300 oklch(0.721 0.193 357.71) #ff67a5 hsl(336, 100%, 70%)
400 oklch(0.681 0.226 0.76) #ff4691 hsl(336, 100%, 64%)
500 oklch(0.654 0.248 4.63) #ff247d hsl(336, 100%, 57%)
600 oklch(0.616 0.247 9.82) #f30063 hsl(336, 100%, 48%)
700 oklch(0.523 0.209 9.39) #c3004f hsl(336, 100%, 38%)
800 oklch(0.425 0.170 8.18) #93003c hsl(336, 100%, 29%)
900 oklch(0.321 0.129 6.66) #630028 hsl(336, 100%, 19%)
950 oklch(0.207 0.084 1.57) #330015 hsl(335, 100%, 10%)

dsfds

50 oklch(0.903 0.062 337.21) #fbd0ee hsl(318, 84%, 90%)
100 oklch(0.890 0.069 337.81) #facaeb hsl(319, 83%, 89%)
200 oklch(0.879 0.078 338.11) #fac4e9 hsl(319, 84%, 87%)
300 oklch(0.865 0.087 337.66) #f9bde7 hsl(318, 83%, 86%)
400 oklch(0.854 0.095 338.68) #f9b7e4 hsl(319, 85%, 85%)
500 oklch(0.842 0.103 338.48) #f8b1e2 hsl(319, 84%, 83%)
600 oklch(0.722 0.194 341.29) #f26cc8 hsl(319, 84%, 69%)
700 oklch(0.641 0.253 344.86) #ec28af hsl(319, 84%, 54%)
800 oklch(0.525 0.215 345.94) #b81184 hsl(319, 83%, 39%)
900 oklch(0.376 0.151 344.98) #730a53 hsl(318, 84%, 25%)
950 oklch(0.211 0.080 342.85) #2f0422 hsl(318, 84%, 10%)

dsfds

50 oklch(0.905 0.087 326.27) #ffccff hsl(300, 100%, 90%)
100 oklch(0.919 0.074 326.16) #ffd4ff hsl(300, 100%, 92%)
200 oklch(0.934 0.060 326.04) #ffdcff hsl(300, 100%, 93%)
300 oklch(0.949 0.046 325.93) #ffe4ff hsl(300, 100%, 95%)
400 oklch(0.964 0.032 325.82) #ffecff hsl(300, 100%, 96%)
500 oklch(0.979 0.019 325.72) #fff4ff hsl(300, 100%, 98%)
600 oklch(0.823 0.173 327.00) #ff9aff hsl(300, 100%, 80%)
700 oklch(0.725 0.292 328.08) #ff41ff hsl(300, 100%, 63%)
800 oklch(0.649 0.298 328.36) #e600e6 hsl(300, 100%, 45%)
900 oklch(0.451 0.207 328.36) #8d008d hsl(300, 100%, 28%)
950 oklch(0.225 0.104 328.36) #330033 hsl(300, 100%, 10%)

dsfds

50 oklch(0.909 0.025 265.58) #d9e1f2 hsl(221, 49%, 90%)
100 oklch(0.761 0.066 266.21) #9eb1dc hsl(222, 47%, 74%)
200 oklch(0.611 0.112 265.60) #6381c7 hsl(222, 47%, 58%)
300 oklch(0.474 0.122 264.66) #3958a0 hsl(222, 47%, 43%)
400 oklch(0.346 0.084 265.36) #243765 hsl(222, 47%, 27%)
500 oklch(0.208 0.040 265.75) #0f172a hsl(222, 47%, 11%)
600 oklch(0.207 0.038 265.07) #0f1729 hsl(222, 46%, 11%)
700 oklch(0.203 0.038 265.01) #0e1628 hsl(222, 48%, 11%)
800 oklch(0.202 0.036 264.24) #0e1627 hsl(221, 47%, 10%)
900 oklch(0.198 0.036 266.20) #0e1526 hsl(223, 46%, 10%)
950 oklch(0.198 0.037 264.19) #0d1526 hsl(221, 49%, 10%)

dsfds

50 oklch(0.980 0.067 116.66) #f5ffcc hsl(72, 100%, 90%)
100 oklch(0.968 0.111 117.53) #eeffa8 hsl(72, 100%, 83%)
200 oklch(0.957 0.151 118.83) #e6ff84 hsl(72, 100%, 76%)
300 oklch(0.948 0.184 119.78) #dfff61 hsl(72, 100%, 69%)
400 oklch(0.940 0.208 120.83) #d8ff3d hsl(72, 100%, 62%)
500 oklch(0.934 0.223 122.08) #d1ff19 hsl(72, 100%, 55%)
600 oklch(0.872 0.214 123.09) #bbea00 hsl(72, 100%, 46%)
700 oklch(0.741 0.181 122.70) #97bc00 hsl(72, 100%, 37%)
800 oklch(0.606 0.148 122.79) #728f00 hsl(72, 100%, 28%)
900 oklch(0.459 0.112 122.51) #4d6100 hsl(72, 100%, 19%)
950 oklch(0.301 0.072 120.85) #293300 hsl(72, 100%, 10%)

Related palettes

Discover more palettes with a similar mood and vibe or Browse our collection.

#F7B1F6
#E8ECF9
#670243
#AB2390
#AF4E11
#B91D61
#E48C5B
#9F612D
#29466F
#B94BB5
#D81878
#1690A8
#FFC0D8
#FFE9E9
#FFFFFF
#aaff00
#ffaa00
#ff00aa
#aa00ff
#00aaff
#23192d
#fd0a54
#f57576
#febf97
#f5ecb7
#651366
#a71a5b
#e7204e
#f76e2a
#f0c505
#b877a8
#b8008a
#ff3366
#ffcc33
#ccff33
#66ffff
#8cbfe6
#b380cc
#d940b3
#ff0099
#5b1d99
#0074b4
#00b34c
#ffd41f
#fc6e3d
© 2025 KColor. All rights reserved. 1.11.0