Vibrant Color Palette for Playful Spaces
This vibrant palette radiates an energetic and playful vibe, blending deep plum (#36173d) with fiery coral (#ff4845), warm peach (#ff745f), sunny yellow-orange (#ffc55f), and a cheerful lemon hue (#ffec5e), creating a lively atmosphere full of warmth and zest.
Practical uses and creative applications
The Vibrant Color Palette for Playful Spaces is a delightful blend of bold hues that infuse energy and creativity into any project. Featuring deep burgundy (#36173d), lively red (#ff4845), warm coral (#ff745f), sunny yellow (#ffc55f), and cheerful lemon (#ffec5e), this palette is perfect for branding and web design aimed at youthful, spirited audiences.
It's particularly well-suited for businesses in the entertainment, children's products, or wellness sectors, where a sense of fun and approachability is paramount. Ideal for designers and creatives looking to evoke joy and excitement, this vibrant palette can transform interiors, packaging, and marketing materials.
Use it to create inviting environments in playrooms, cafes, or boutiques that beckon customers to explore and engage. The playful nature of these colors makes them exceptional for promotional materials, social media graphics, and event branding, capturing attention and sparking enthusiasm in any audience.
Embrace the spirit of play with this engaging color palette, and let your creative projects shine!.
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.911 0.037 320.35) | #eddaf1 | hsl(290, 45%, 90%) |
|
|
| 100 | oklch(0.779 0.094 319.73) | #d2a4dd | hsl(288, 46%, 75%) |
|
|
| 200 | oklch(0.650 0.152 319.93) | #b76dc8 | hsl(289, 45%, 61%) |
|
|
| 300 | oklch(0.529 0.177 319.63) | #9640aa | hsl(289, 45%, 46%) |
|
|
| 400 | oklch(0.404 0.128 319.94) | #662c73 | hsl(289, 45%, 31%) |
|
|
| 500 | oklch(0.268 0.077 319.96) | #36173d | hsl(289, 45%, 16%) |
|
|
| 600 | oklch(0.256 0.073 320.52) | #321538 | hsl(290, 45%, 15%) |
|
|
| 700 | oklch(0.243 0.068 321.18) | #2e1333 | hsl(291, 46%, 14%) |
|
|
| 800 | oklch(0.230 0.062 319.02) | #29122f | hsl(288, 45%, 13%) |
|
|
| 900 | oklch(0.217 0.056 319.67) | #25102a | hsl(288, 45%, 11%) |
|
|
| 950 | oklch(0.204 0.051 320.45) | #210e25 | hsl(290, 45%, 10%) |
|
dsfds
| 50 | oklch(0.892 0.057 19.61) | #ffcdcc | hsl(1, 100%, 90%) |
|
|
| 100 | oklch(0.836 0.090 19.99) | #ffb2b1 | hsl(1, 100%, 85%) |
|
|
| 200 | oklch(0.786 0.124 21.45) | #ff9896 | hsl(1, 100%, 79%) |
|
|
| 300 | oklch(0.739 0.159 22.60) | #ff7d7b | hsl(1, 100%, 74%) |
|
|
| 400 | oklch(0.700 0.191 24.47) | #ff6360 | hsl(1, 100%, 69%) |
|
|
| 500 | oklch(0.667 0.220 26.21) | #ff4845 | hsl(1, 100%, 64%) |
|
|
| 600 | oklch(0.632 0.254 29.05) | #ff120e | hsl(1, 100%, 53%) |
|
|
| 700 | oklch(0.553 0.226 29.37) | #d70300 | hsl(1, 100%, 42%) |
|
|
| 800 | oklch(0.444 0.181 29.49) | #a00300 | hsl(1, 100%, 31%) |
|
|
| 900 | oklch(0.330 0.134 29.66) | #6a0200 | hsl(1, 100%, 21%) |
|
|
| 950 | oklch(0.203 0.081 30.16) | #330100 | hsl(1, 100%, 10%) |
|
dsfds
| 50 | oklch(0.903 0.051 28.66) | #ffd3cc | hsl(8, 100%, 90%) |
|
|
| 100 | oklch(0.862 0.074 28.92) | #ffc0b6 | hsl(8, 100%, 86%) |
|
|
| 200 | oklch(0.824 0.099 29.29) | #ffada0 | hsl(8, 100%, 81%) |
|
|
| 300 | oklch(0.787 0.124 29.19) | #ff9a8b | hsl(8, 100%, 77%) |
|
|
| 400 | oklch(0.753 0.149 29.86) | #ff8775 | hsl(8, 100%, 73%) |
|
|
| 500 | oklch(0.721 0.174 30.55) | #ff745f | hsl(8, 100%, 69%) |
|
|
| 600 | oklch(0.657 0.230 31.58) | #ff4023 | hsl(8, 100%, 57%) |
|
|
| 700 | oklch(0.589 0.230 30.89) | #e61e00 | hsl(8, 100%, 45%) |
|
|
| 800 | oklch(0.474 0.183 31.23) | #ab1600 | hsl(8, 100%, 34%) |
|
|
| 900 | oklch(0.349 0.131 32.30) | #6f0f00 | hsl(8, 100%, 22%) |
|
|
| 950 | oklch(0.213 0.073 35.90) | #330700 | hsl(8, 100%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.047 82.71) | #ffedcc | hsl(39, 100%, 90%) |
|
|
| 100 | oklch(0.932 0.067 82.25) | #ffe5b6 | hsl(39, 100%, 86%) |
|
|
| 200 | oklch(0.912 0.086 81.80) | #ffdda0 | hsl(39, 100%, 81%) |
|
|
| 300 | oklch(0.893 0.103 80.96) | #ffd58b | hsl(38, 100%, 77%) |
|
|
| 400 | oklch(0.874 0.120 80.29) | #ffcd75 | hsl(38, 100%, 73%) |
|
|
| 500 | oklch(0.857 0.136 79.32) | #ffc55f | hsl(38, 100%, 69%) |
|
|
| 600 | oklch(0.811 0.164 74.27) | #ffaf23 | hsl(38, 100%, 57%) |
|
|
| 700 | oklch(0.731 0.158 69.89) | #e69300 | hsl(38, 100%, 45%) |
|
|
| 800 | oklch(0.587 0.127 70.59) | #ab6d00 | hsl(38, 100%, 34%) |
|
|
| 900 | oklch(0.433 0.092 72.71) | #6f4700 | hsl(38, 100%, 22%) |
|
|
| 950 | oklch(0.264 0.055 78.74) | #332100 | hsl(39, 100%, 10%) |
|
dsfds
| 50 | oklch(0.976 0.058 101.10) | #fff9cc | hsl(53, 100%, 90%) |
|
|
| 100 | oklch(0.965 0.082 101.03) | #fff6b6 | hsl(53, 100%, 86%) |
|
|
| 200 | oklch(0.957 0.105 101.73) | #fff4a0 | hsl(53, 100%, 81%) |
|
|
| 300 | oklch(0.948 0.125 101.61) | #fff18a | hsl(53, 100%, 77%) |
|
|
| 400 | oklch(0.941 0.144 101.96) | #ffef74 | hsl(53, 100%, 73%) |
|
|
| 500 | oklch(0.933 0.160 101.68) | #ffec5e | hsl(53, 100%, 68%) |
|
|
| 600 | oklch(0.915 0.185 100.67) | #ffe522 | hsl(53, 100%, 57%) |
|
|
| 700 | oklch(0.839 0.174 99.56) | #e6cb00 | hsl(53, 100%, 45%) |
|
|
| 800 | oklch(0.670 0.139 99.77) | #aa9600 | hsl(53, 100%, 33%) |
|
|
| 900 | oklch(0.493 0.103 100.27) | #6f6200 | hsl(53, 100%, 22%) |
|
|
| 950 | oklch(0.294 0.062 101.47) | #332d00 | hsl(53, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
