Vibrant Color Palette for Joyful Spaces

This vibrant palette bursts with bold energy, featuring electric pinks and fiery oranges that evoke a playful, upbeat atmosphere, perfectly complemented by sunny yellows and a fresh green that spark joy and creativity.

warm summer happy
#c7003f
#f90050
#f96a00
#faab00
#daf204

Practical uses and creative applications

The Vibrant Color Palette for Joyful Spaces is a striking combination designed to infuse energy and enthusiasm into any project. Featuring bold shades like #c7003f (a passionate crimson) and #f90050 (a lively pink), this palette is perfect for branding and marketing materials that aim to captivate audiences and convey a sense of excitement.

The cheerful yellows of #faab00 and #daf204, paired with the warm orange of #f96a00, create an inviting atmosphere that is ideal for web design, packaging, and contemporary interiors. Whether you're crafting a playful children's brand, designing a trendy café, or revamping an online store, this palette is sure to spark joy and engage your audience.

Ideal for designers, creatives, and businesses that prioritize a fun and upbeat aesthetic, the Vibrant Color Palette for Joyful Spaces is versatile enough to suit various applications. Use it to create eye-catching promotional materials, uplifting social media graphics, or dynamic interior spaces that encourage collaboration and creativity.

This palette not only appeals to those looking to make a statement but also resonates with audiences seeking positivity and warmth in their interactions. Embrace the spirit of joy and let these vibrant hues transform your projects into vibrant celebrations of color and life!.

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.894 0.061 357.69) #ffccdc hsl(341, 100%, 90%)
100 oklch(0.795 0.128 359.83) #ff98b9 hsl(341, 100%, 80%)
200 oklch(0.713 0.192 3.74) #ff6495 hsl(341, 100%, 70%)
300 oklch(0.657 0.238 9.14) #ff3072 hsl(341, 100%, 59%)
400 oklch(0.627 0.251 16.72) #fb004f hsl(341, 100%, 49%)
500 oklch(0.527 0.211 15.94) #c7003f hsl(341, 100%, 39%)
600 oklch(0.467 0.187 15.19) #a90036 hsl(341, 100%, 33%)
700 oklch(0.407 0.163 14.81) #8c002c hsl(341, 100%, 27%)
800 oklch(0.343 0.137 13.38) #6e0023 hsl(341, 100%, 22%)
900 oklch(0.278 0.111 11.32) #51001a hsl(341, 100%, 16%)
950 oklch(0.206 0.082 8.01) #330010 hsl(341, 100%, 10%)

dsfds

50 oklch(0.894 0.061 357.69) #ffccdc hsl(341, 100%, 90%)
100 oklch(0.813 0.115 359.14) #ffa2c0 hsl(341, 100%, 82%)
200 oklch(0.742 0.169 2.01) #ff78a3 hsl(341, 100%, 74%)
300 oklch(0.686 0.215 5.42) #ff4e87 hsl(341, 100%, 65%)
400 oklch(0.649 0.245 10.74) #ff246a hsl(341, 100%, 57%)
500 oklch(0.624 0.249 16.25) #f90050 hsl(341, 100%, 49%)
600 oklch(0.547 0.219 15.82) #d10043 hsl(341, 100%, 41%)
700 oklch(0.469 0.188 14.93) #aa0037 hsl(341, 100%, 33%)
800 oklch(0.386 0.154 13.86) #82002a hsl(341, 100%, 25%)
900 oklch(0.300 0.120 12.24) #5b001d hsl(341, 100%, 18%)
950 oklch(0.206 0.082 8.01) #330010 hsl(341, 100%, 10%)

dsfds

50 oklch(0.931 0.043 59.40) #ffe2cc hsl(26, 100%, 90%)
100 oklch(0.876 0.080 58.51) #ffcaa2 hsl(26, 100%, 82%)
200 oklch(0.823 0.117 56.44) #ffb178 hsl(25, 100%, 74%)
300 oklch(0.776 0.151 54.49) #ff994e hsl(25, 100%, 65%)
400 oklch(0.734 0.180 50.69) #ff8124 hsl(25, 100%, 57%)
500 oklch(0.692 0.196 45.68) #f96a00 hsl(26, 100%, 49%)
600 oklch(0.608 0.170 46.20) #d15900 hsl(26, 100%, 41%)
700 oklch(0.523 0.145 46.71) #aa4800 hsl(25, 100%, 33%)
800 oklch(0.432 0.118 47.85) #823700 hsl(25, 100%, 25%)
900 oklch(0.341 0.089 50.46) #5b2700 hsl(26, 100%, 18%)
950 oklch(0.238 0.058 56.02) #331600 hsl(26, 100%, 10%)

dsfds

50 oklch(0.956 0.049 86.35) #ffefcc hsl(41, 100%, 90%)
100 oklch(0.922 0.087 86.29) #ffe2a2 hsl(41, 100%, 82%)
200 oklch(0.888 0.121 84.86) #ffd478 hsl(41, 100%, 74%)
300 oklch(0.859 0.147 83.20) #ffc74f hsl(41, 100%, 65%)
400 oklch(0.832 0.164 80.12) #ffba25 hsl(41, 100%, 57%)
500 oklch(0.798 0.168 75.61) #faab00 hsl(41, 100%, 49%)
600 oklch(0.701 0.147 76.26) #d29000 hsl(41, 100%, 41%)
700 oklch(0.602 0.126 77.18) #aa7500 hsl(41, 100%, 33%)
800 oklch(0.497 0.104 76.96) #835900 hsl(41, 100%, 26%)
900 oklch(0.387 0.080 78.84) #5b3e00 hsl(41, 100%, 18%)
950 oklch(0.268 0.055 82.97) #332300 hsl(41, 100%, 10%)

dsfds

50 oklch(0.981 0.063 112.30) #f9fecd hsl(66, 96%, 90%)
100 oklch(0.967 0.113 113.17) #f4fda3 hsl(66, 96%, 82%)
200 oklch(0.958 0.157 114.41) #effd79 hsl(66, 97%, 73%)
300 oklch(0.949 0.189 114.92) #ebfc4f hsl(66, 97%, 65%)
400 oklch(0.941 0.208 115.85) #e6fb25 hsl(66, 96%, 56%)
500 oklch(0.912 0.209 116.80) #daf204 hsl(66, 97%, 48%)
600 oklch(0.801 0.184 116.98) #b7cc03 hsl(66, 97%, 41%)
700 oklch(0.685 0.157 116.50) #95a503 hsl(66, 96%, 33%)
800 oklch(0.566 0.130 116.70) #727f02 hsl(66, 97%, 25%)
900 oklch(0.441 0.101 116.36) #505901 hsl(66, 98%, 18%)
950 oklch(0.302 0.068 115.72) #2d3201 hsl(66, 96%, 10%)

Related palettes

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

#FF00B2
#FA3288
#F5635E
#F09534
#EBC60A
#8338EC
#3A86FF
#96D38C
#F6416C
#FFDD95
#ff003c
#ff8a00
#fabe28
#88c100
#00c176
#ccf390
#e0e05a
#f7c41f
#fc930a
#ff003d
#e2df9a
#ebe54d
#757449
#4b490b
#ff0051
#2f2bad
#ad2bad
#e42692
#f71568
#f7db15
#651366
#a71a5b
#e7204e
#f76e2a
#f0c505
#b877a8
#b8008a
#ff3366
#ffcc33
#ccff33
#ef4335
#f68b36
#f2cd4f
#cae081
#88eed0
© 2025 KColor. All rights reserved. 1.11.0