Vibrant Color Palette for Playful Spaces
This vibrant palette blends sunny golds and zesty oranges with deep indigo and rich plum, creating a playful yet sophisticated vibe that dances between warmth and mystery.
Practical uses and creative applications
The Vibrant Color Palette for Playful Spaces is an exuberant blend designed to inspire creativity and joy in any environment. Featuring lively hues like the energetic orange (#fe9600) and cheerful yellow (#ffc501), this palette is perfect for branding projects that aim to evoke feelings of happiness and enthusiasm.
Whether you're designing a new logo, crafting an engaging website, or developing eye-catching packaging, these colors can help your brand stand out in a crowded marketplace. Ideal for designers and creatives, this color palette is particularly well-suited for children's products, playful cafes, or innovative workspaces that encourage collaboration and imagination.
The rich purple (#77477e) adds depth and sophistication, while the deep navy (#03001c) provides a grounding element, making it versatile enough for interior designs that balance vibrancy with elegance. By incorporating this palette into your projects, you can create spaces that not only attract attention but also foster a sense of fun and adventure, perfect for engaging a youthful audience or sparking nostalgia in adults.
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.
| 50 | oklch(0.946 0.046 76.84) | #ffeacc | hsl(35, 100%, 90%) |
|
|
| 100 | oklch(0.905 0.081 76.14) | #ffd9a3 | hsl(35, 100%, 82%) |
|
|
| 200 | oklch(0.868 0.115 75.78) | #ffc97a | hsl(36, 100%, 74%) |
|
|
| 300 | oklch(0.831 0.143 73.43) | #ffb851 | hsl(36, 100%, 66%) |
|
|
| 400 | oklch(0.797 0.163 69.41) | #ffa728 | hsl(35, 100%, 58%) |
|
|
| 500 | oklch(0.766 0.174 63.37) | #fe9600 | hsl(35, 100%, 50%) |
|
|
| 600 | oklch(0.672 0.152 64.01) | #d57e00 | hsl(35, 100%, 42%) |
|
|
| 700 | oklch(0.577 0.130 64.49) | #ad6600 | hsl(35, 100%, 34%) |
|
|
| 800 | oklch(0.476 0.106 65.81) | #844e00 | hsl(35, 100%, 26%) |
|
|
| 900 | oklch(0.371 0.082 67.37) | #5c3600 | hsl(35, 100%, 18%) |
|
|
| 950 | oklch(0.256 0.055 72.29) | #331e00 | hsl(35, 100%, 10%) |
|
| 50 | oklch(0.964 0.052 92.93) | #fff3cc | hsl(46, 100%, 90%) |
|
|
| 100 | oklch(0.938 0.092 93.57) | #ffeaa3 | hsl(46, 100%, 82%) |
|
|
| 200 | oklch(0.914 0.126 93.36) | #ffe17b | hsl(46, 100%, 74%) |
|
|
| 300 | oklch(0.892 0.154 92.58) | #ffd852 | hsl(46, 100%, 66%) |
|
|
| 400 | oklch(0.870 0.169 90.20) | #ffce2a | hsl(46, 100%, 58%) |
|
|
| 500 | oklch(0.852 0.174 87.02) | #ffc501 | hsl(46, 100%, 50%) |
|
|
| 600 | oklch(0.750 0.153 87.25) | #d7a600 | hsl(46, 100%, 42%) |
|
|
| 700 | oklch(0.641 0.131 87.41) | #ae8600 | hsl(46, 100%, 34%) |
|
|
| 800 | oklch(0.529 0.108 88.54) | #856700 | hsl(46, 100%, 26%) |
|
|
| 900 | oklch(0.409 0.084 89.31) | #5c4700 | hsl(46, 100%, 18%) |
|
|
| 950 | oklch(0.279 0.057 91.01) | #332700 | hsl(46, 100%, 10%) |
|
| 50 | oklch(0.978 0.059 102.29) | #fffacc | hsl(54, 100%, 90%) |
|
|
| 100 | oklch(0.968 0.089 103.08) | #fff8b2 | hsl(55, 100%, 85%) |
|
|
| 200 | oklch(0.958 0.115 102.99) | #fff598 | hsl(54, 100%, 80%) |
|
|
| 300 | oklch(0.950 0.139 103.42) | #fff37e | hsl(54, 100%, 75%) |
|
|
| 400 | oklch(0.942 0.159 103.21) | #fff064 | hsl(54, 100%, 70%) |
|
|
| 500 | oklch(0.935 0.175 103.28) | #ffee4a | hsl(54, 100%, 65%) |
|
|
| 600 | oklch(0.923 0.192 102.41) | #ffe912 | hsl(54, 100%, 54%) |
|
|
| 700 | oklch(0.816 0.171 101.65) | #dac500 | hsl(54, 100%, 43%) |
|
|
| 800 | oklch(0.656 0.137 102.18) | #a29300 | hsl(54, 100%, 32%) |
|
|
| 900 | oklch(0.487 0.102 102.44) | #6b6100 | hsl(54, 100%, 21%) |
|
|
| 950 | oklch(0.297 0.062 103.01) | #332e00 | hsl(54, 100%, 10%) |
|
| 50 | oklch(0.915 0.024 321.67) | #ebdeed | hsl(292, 29%, 90%) |
|
|
| 100 | oklch(0.828 0.048 321.60) | #d6bdda | hsl(292, 28%, 80%) |
|
|
| 200 | oklch(0.739 0.075 321.75) | #c19bc7 | hsl(292, 28%, 69%) |
|
|
| 300 | oklch(0.651 0.102 322.45) | #ad7ab4 | hsl(293, 28%, 59%) |
|
|
| 400 | oklch(0.563 0.125 322.28) | #975aa0 | hsl(292, 28%, 49%) |
|
|
| 500 | oklch(0.475 0.102 322.32) | #77477e | hsl(292, 28%, 39%) |
|
|
| 600 | oklch(0.424 0.090 322.30) | #653c6b | hsl(292, 28%, 33%) |
|
|
| 700 | oklch(0.375 0.077 322.27) | #543259 | hsl(292, 28%, 27%) |
|
|
| 800 | oklch(0.320 0.064 322.22) | #422746 | hsl(292, 28%, 21%) |
|
|
| 900 | oklch(0.265 0.048 321.91) | #301d33 | hsl(292, 28%, 16%) |
|
|
| 950 | oklch(0.207 0.035 322.00) | #1f1221 | hsl(292, 29%, 10%) |
|
| 50 | oklch(0.866 0.070 289.33) | #d1ccff | hsl(246, 100%, 90%) |
|
|
| 100 | oklch(0.648 0.196 284.46) | #8576ff | hsl(247, 100%, 73%) |
|
|
| 200 | oklch(0.483 0.293 271.47) | #3820ff | hsl(246, 100%, 56%) |
|
|
| 300 | oklch(0.381 0.257 266.79) | #1500c8 | hsl(246, 100%, 39%) |
|
|
| 400 | oklch(0.255 0.169 268.55) | #0c0072 | hsl(246, 100%, 22%) |
|
|
| 500 | oklch(0.110 0.067 278.14) | #03001c | hsl(246, 100%, 5%) |
|
|
| 600 | oklch(0.118 0.074 275.27) | #030021 | hsl(245, 100%, 6%) |
|
|
| 700 | oklch(0.127 0.079 276.19) | #040025 | hsl(246, 100%, 7%) |
|
|
| 800 | oklch(0.135 0.086 274.05) | #04002a | hsl(246, 100%, 8%) |
|
|
| 900 | oklch(0.143 0.090 274.57) | #05002e | hsl(247, 100%, 9%) |
|
|
| 950 | oklch(0.151 0.097 272.93) | #050033 | hsl(246, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
