Vibrant Color Palette for Joyful Spaces

This vibrant palette bursts with playful energy, blending rich fuchsia and bold magenta with lively citrus yellow and fresh lime green, evoking a spirited, modern celebration of joy and creativity.

warm summer happy neon
#b877a8
#b8008a
#ff3366
#ffcc33
#ccff33

Practical uses and creative applications

The Vibrant Color Palette for Joyful Spaces is a burst of energetic hues that can transform any project into a lively masterpiece. Featuring a harmonious blend of soft pinks (#b877a8, #b8008a), bold reds (#ff3366), and cheerful yellows and greens (#ffcc33, #ccff33), this palette is perfect for branding and web design aimed at capturing attention and evoking happiness.

Whether you're creating a playful website for a children's brand or designing packaging for a fun product, these colors will resonate with audiences looking for positivity and vibrancy. Ideal for designers and creatives seeking to infuse their work with a sense of joy, this color palette suits various styles, from contemporary and whimsical to bohemian.

In interiors, these colors can create uplifting atmospheres in spaces like cafes, playrooms, or modern living areas, making them feel welcoming and energetic. The Vibrant Color Palette for Joyful Spaces is not just about aesthetics; it’s a celebration of life and creativity that encourages connection and engagement in any design endeavor.

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.915 0.025 333.76) #eeddea hsl(314, 33%, 90%)
100 oklch(0.863 0.038 335.39) #e3c9dc hsl(316, 32%, 84%)
200 oklch(0.810 0.055 334.97) #d8b4cf hsl(315, 32%, 78%)
300 oklch(0.758 0.070 335.12) #cda0c2 hsl(315, 31%, 72%)
400 oklch(0.705 0.088 335.85) #c38bb5 hsl(315, 32%, 65%)
500 oklch(0.653 0.104 336.19) #b877a8 hsl(315, 31%, 59%)
600 oklch(0.570 0.128 337.50) #a65792 hsl(315, 31%, 50%)
700 oklch(0.486 0.108 337.32) #854575 hsl(315, 32%, 40%)
800 oklch(0.400 0.085 337.19) #643458 hsl(315, 32%, 30%)
900 oklch(0.308 0.061 336.95) #43233b hsl(315, 31%, 20%)
950 oklch(0.207 0.036 335.94) #22111e hsl(314, 33%, 10%)

dsfds

50 oklch(0.901 0.075 335.43) #ffccf2 hsl(315, 100%, 90%)
100 oklch(0.805 0.159 336.73) #ff95e5 hsl(315, 100%, 79%)
200 oklch(0.730 0.232 338.90) #ff5ed7 hsl(315, 100%, 68%)
300 oklch(0.683 0.277 341.49) #ff27c9 hsl(315, 100%, 58%)
400 oklch(0.637 0.272 343.75) #ef00b3 hsl(315, 100%, 47%)
500 oklch(0.524 0.224 343.40) #b8008a hsl(315, 100%, 36%)
600 oklch(0.466 0.200 343.09) #9d0076 hsl(315, 100%, 31%)
700 oklch(0.409 0.175 343.06) #830062 hsl(315, 100%, 26%)
800 oklch(0.347 0.149 342.54) #68004e hsl(315, 100%, 20%)
900 oklch(0.284 0.122 342.32) #4e003a hsl(315, 100%, 15%)
950 oklch(0.216 0.093 341.09) #330026 hsl(315, 100%, 10%)

dsfds

50 oklch(0.893 0.060 1.38) #ffccd9 hsl(345, 100%, 90%)
100 oklch(0.832 0.099 2.72) #ffadc2 hsl(345, 100%, 84%)
200 oklch(0.777 0.138 4.78) #ff8fab hsl(345, 100%, 78%)
300 oklch(0.727 0.176 6.86) #ff7094 hsl(345, 100%, 72%)
400 oklch(0.687 0.209 9.80) #ff527d hsl(345, 100%, 66%)
500 oklch(0.656 0.235 13.34) #ff3366 hsl(345, 100%, 60%)
600 oklch(0.632 0.254 20.85) #ff0040 hsl(345, 100%, 50%)
700 oklch(0.535 0.215 20.33) #cc0033 hsl(345, 100%, 40%)
800 oklch(0.432 0.173 19.47) #990026 hsl(345, 100%, 30%)
900 oklch(0.324 0.130 17.16) #66001a hsl(345, 100%, 20%)
950 oklch(0.205 0.082 11.77) #33000d hsl(345, 100%, 10%)

dsfds

50 oklch(0.962 0.051 91.37) #fff2cc hsl(45, 100%, 90%)
100 oklch(0.942 0.082 92.31) #ffebad hsl(45, 100%, 84%)
200 oklch(0.921 0.108 91.65) #ffe38f hsl(45, 100%, 78%)
300 oklch(0.901 0.132 91.01) #ffdb70 hsl(45, 100%, 72%)
400 oklch(0.884 0.151 90.40) #ffd452 hsl(45, 100%, 66%)
500 oklch(0.867 0.165 88.68) #ffcc33 hsl(45, 100%, 60%)
600 oklch(0.840 0.172 84.08) #ffbf00 hsl(45, 100%, 50%)
700 oklch(0.712 0.146 84.61) #cc9900 hsl(45, 100%, 40%)
800 oklch(0.577 0.118 85.47) #997300 hsl(45, 100%, 30%)
900 oklch(0.435 0.089 87.06) #664d00 hsl(45, 100%, 20%)
950 oklch(0.276 0.056 89.07) #332600 hsl(45, 100%, 10%)

dsfds

50 oklch(0.978 0.067 119.27) #f2ffcc hsl(75, 100%, 90%)
100 oklch(0.966 0.106 119.57) #ebffad hsl(75, 100%, 84%)
200 oklch(0.956 0.141 120.64) #e3ff8f hsl(75, 100%, 78%)
300 oklch(0.946 0.173 121.61) #dbff70 hsl(75, 100%, 72%)
400 oklch(0.939 0.198 122.42) #d4ff52 hsl(75, 100%, 66%)
500 oklch(0.932 0.218 123.61) #ccff33 hsl(75, 100%, 60%)
600 oklch(0.922 0.234 125.89) #bfff00 hsl(75, 100%, 50%)
700 oklch(0.780 0.198 125.67) #99cc00 hsl(75, 100%, 40%)
800 oklch(0.631 0.159 125.31) #739900 hsl(75, 100%, 30%)
900 oklch(0.473 0.118 124.62) #4d6600 hsl(75, 100%, 20%)
950 oklch(0.298 0.074 123.71) #263300 hsl(75, 100%, 10%)

Related palettes

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

#8338EC
#3A86FF
#96D38C
#F6416C
#FFDD95
#FF247D
#F8B1E2
#FFF4FF
#0F172A
#D1FF19
#a3a948
#edb92e
#f85931
#ce1836
#009989
#a70267
#f10c49
#fb6b41
#f6d86b
#339194
#aaff00
#ffaa00
#ff00aa
#aa00ff
#00aaff
#e2df9a
#ebe54d
#757449
#4b490b
#ff0051
#651366
#a71a5b
#e7204e
#f76e2a
#f0c505
#c7003f
#f90050
#f96a00
#faab00
#daf204
#5b1d99
#0074b4
#00b34c
#ffd41f
#fc6e3d
© 2025 KColor. All rights reserved. 1.11.0