Playful Color Palette for Joyful Spaces

This vibrant palette bursts with playful energy, blending bold fuchsia and serene teal with soft pastels of blush and white, creating a refreshing, whimsical vibe perfect for a joyful, modern aesthetic.

pastel summer happy wedding
#D81878
#1690A8
#FFC0D8
#FFE9E9
#FFFFFF

Practical uses and creative applications

The Playful Color Palette for Joyful Spaces is a vibrant combination that infuses energy and positivity into any project. With bold hues like #D81878 and #1690A8, this palette is perfect for branding initiatives aimed at youthful demographics or brands that want to convey a sense of fun and creativity.

The soft pastels #FFC0D8 and #FFE9E9 add a touch of warmth, making it ideal for web design, especially for lifestyle blogs or e-commerce sites targeting a trendy audience. The crisp white (#FFFFFF) serves as a clean backdrop, allowing the vibrant colors to pop and create an inviting atmosphere.

This palette is especially suited for creatives like interior designers and graphic artists looking to evoke joy and playfulness in their work. Imagine using these colors in a child’s bedroom or a playful café, where the combination of pinks and turquoise can uplift the mood and inspire creativity.

Whether you're designing packaging for a new product or rebranding a business, the Playful Color Palette offers versatility while maintaining a cheerful and inviting aesthetic. Embrace these colors to capture attention and create memorable experiences for 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.902 0.053 345.97) #fad1e6 hsl(329, 80%, 90%)
100 oklch(0.822 0.101 348.13) #f6aad0 hsl(330, 81%, 82%)
200 oklch(0.745 0.149 349.77) #f182ba hsl(330, 80%, 73%)
300 oklch(0.681 0.193 352.43) #ed5ba4 hsl(330, 80%, 64%)
400 oklch(0.629 0.226 355.63) #e8338e hsl(330, 80%, 55%)
500 oklch(0.579 0.225 358.64) #d81878 hsl(330, 80%, 47%)
600 oklch(0.511 0.198 358.38) #b61465 hsl(330, 80%, 40%)
700 oklch(0.440 0.169 358.02) #941052 hsl(330, 80%, 32%)
800 oklch(0.367 0.138 357.59) #720d3f hsl(330, 80%, 25%)
900 oklch(0.289 0.106 356.78) #50092c hsl(330, 80%, 17%)
950 oklch(0.206 0.071 353.40) #2e051a hsl(329, 80%, 10%)

dsfds

50 oklch(0.942 0.035 209.82) #d2f3f9 hsl(189, 76%, 90%)
100 oklch(0.884 0.070 210.76) #a2e6f3 hsl(190, 77%, 79%)
200 oklch(0.831 0.099 211.93) #73d9ed hsl(190, 77%, 69%)
300 oklch(0.783 0.120 213.10) #43cce6 hsl(190, 77%, 58%)
400 oklch(0.725 0.125 216.10) #1cb9d8 hsl(190, 77%, 48%)
500 oklch(0.603 0.103 215.75) #1690a8 hsl(190, 77%, 37%)
600 oklch(0.538 0.091 215.11) #137b8f hsl(190, 77%, 32%)
700 oklch(0.471 0.079 215.35) #106677 hsl(190, 76%, 26%)
800 oklch(0.402 0.066 214.24) #0c515e hsl(190, 77%, 21%)
900 oklch(0.329 0.053 214.43) #093c46 hsl(190, 77%, 15%)
950 oklch(0.252 0.039 212.15) #06272d hsl(189, 76%, 10%)

dsfds

50 oklch(0.895 0.062 354.14) #ffccdf hsl(338, 100%, 90%)
100 oklch(0.891 0.065 353.94) #ffcade hsl(337, 100%, 90%)
200 oklch(0.885 0.069 354.20) #ffc7dc hsl(338, 100%, 89%)
300 oklch(0.881 0.072 354.03) #ffc5db hsl(337, 100%, 89%)
400 oklch(0.875 0.075 354.30) #ffc2d9 hsl(337, 100%, 88%)
500 oklch(0.871 0.078 354.16) #ffc0d8 hsl(337, 100%, 88%)
600 oklch(0.734 0.180 358.67) #ff71a7 hsl(337, 100%, 72%)
700 oklch(0.651 0.247 6.78) #ff2276 hsl(337, 100%, 57%)
800 oklch(0.549 0.220 11.29) #d10050 hsl(337, 100%, 41%)
900 oklch(0.388 0.155 9.43) #820032 hsl(337, 100%, 25%)
950 oklch(0.207 0.083 4.16) #330013 hsl(338, 100%, 10%)

dsfds

50 oklch(0.890 0.058 18.30) #ffcccc hsl(0, 100%, 90%)
100 oklch(0.902 0.051 18.13) #ffd2d2 hsl(0, 100%, 91%)
200 oklch(0.915 0.044 17.98) #ffd8d8 hsl(0, 100%, 92%)
300 oklch(0.926 0.038 17.85) #ffdddd hsl(0, 100%, 93%)
400 oklch(0.939 0.031 17.71) #ffe3e3 hsl(0, 100%, 95%)
500 oklch(0.952 0.024 17.58) #ffe9e9 hsl(0, 100%, 96%)
600 oklch(0.776 0.132 20.53) #ff9292 hsl(0, 100%, 79%)
700 oklch(0.654 0.232 26.47) #ff3a3a hsl(0, 100%, 61%)
800 oklch(0.573 0.235 29.23) #e20000 hsl(0, 100%, 44%)
900 oklch(0.398 0.163 29.23) #8a0000 hsl(0, 100%, 27%)
950 oklch(0.202 0.083 29.23) #330000 hsl(0, 100%, 10%)

dsfds

50 oklch(0.925 0.000 89.88) #e6e6e6 hsl(0, 0%, 90%)
100 oklch(0.940 0.000 89.88) #ebebeb hsl(0, 0%, 92%)
200 oklch(0.955 0.000 89.88) #f0f0f0 hsl(0, 0%, 94%)
300 oklch(0.970 0.000 89.88) #f5f5f5 hsl(0, 0%, 96%)
400 oklch(0.985 0.000 89.88) #fafafa hsl(0, 0%, 98%)
500 oklch(1.000 0.000 89.88) #ffffff hsl(0, 0%, 100%)
600 oklch(0.861 0.000 89.88) #d1d1d1 hsl(0, 0%, 82%)
700 oklch(0.715 0.000 89.88) #a3a3a3 hsl(0, 0%, 64%)
800 oklch(0.562 0.000 89.88) #757575 hsl(0, 0%, 46%)
900 oklch(0.398 0.000 89.88) #474747 hsl(0, 0%, 28%)
950 oklch(0.218 0.000 89.88) #1a1a1a hsl(0, 0%, 10%)

Related palettes

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

#FFE0FF
#E6AEF2
#CC7CE5
#9A4DB4
#FF0582
#FF247D
#F8B1E2
#FFF4FF
#0F172A
#D1FF19
#F817B4
#DC45B5
#C073B6
#A4A0B6
#88CEB7
#FEDAEB
#FDB4D7
#FB8FC3
#FA69AF
#00817A
#efeecc
#fe8b05
#fe0557
#400403
#0aabba
#b877a8
#b8008a
#ff3366
#ffcc33
#ccff33
#efece2
#81d7cd
#ff0048
#b13756
#5b1023
#66ffff
#8cbfe6
#b380cc
#d940b3
#ff0099
#5e5473
#19b5a5
#ede89d
#ff6933
#ff0048
© 2025 KColor. All rights reserved. 1.11.0