Warm Playful Color Palette
This palette exudes a warm, playful charm with vibrant coral, soft peach, and gentle pastels, evoking a breezy, cheerful atmosphere perfect for a cozy summer day.
Practical uses and creative applications
The Warm Playful Color Palette is a vibrant and inviting combination ideal for projects that aim to evoke joy and creativity. Featuring a lively mix of shades like the bold #eb445b and soft #f1e7c5, this palette is perfect for branding and web design that targets a youthful audience or seeks to foster a lighthearted atmosphere.
Whether you're designing a playful children's brand, a cheerful café, or a trendy lifestyle blog, these colors will create an engaging visual experience that resonates with users. Ideal for designers and creatives looking to bring a sense of warmth and whimsy to their work, this palette can also be applied to packaging and interior design.
The harmonious blend of colors, including the soothing #b6d4bb and the cheerful #f5938b, complements products aimed at families or anyone seeking an uplifting vibe. Use this palette to create inviting spaces or products that inspire happiness, making it a go-to choice for anyone looking to infuse their projects with a playful spirit.
Whether you're a graphic designer, interior decorator, or brand strategist, the Warm Playful Color Palette is sure to enhance your creative endeavors.
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.897 0.047 8.14) | #fad1d7 | hsl(351, 80%, 90%) |
|
|
| 100 | oklch(0.837 0.077 9.81) | #f7b5be | hsl(352, 80%, 84%) |
|
|
| 200 | oklch(0.778 0.110 11.37) | #f499a5 | hsl(352, 81%, 78%) |
|
|
| 300 | oklch(0.723 0.144 12.74) | #f17c8c | hsl(352, 81%, 72%) |
|
|
| 400 | oklch(0.675 0.175 14.62) | #ee6074 | hsl(352, 81%, 65%) |
|
|
| 500 | oklch(0.634 0.202 17.57) | #eb445b | hsl(352, 81%, 59%) |
|
|
| 600 | oklch(0.586 0.227 23.06) | #e41834 | hsl(352, 81%, 49%) |
|
|
| 700 | oklch(0.499 0.191 22.65) | #b7142a | hsl(352, 80%, 40%) |
|
|
| 800 | oklch(0.405 0.153 21.78) | #890f20 | hsl(352, 80%, 30%) |
|
|
| 900 | oklch(0.308 0.113 20.93) | #5c0a15 | hsl(352, 80%, 20%) |
|
|
| 950 | oklch(0.201 0.067 16.65) | #2e050b | hsl(351, 80%, 10%) |
|
dsfds
| 50 | oklch(0.900 0.045 23.08) | #fbd3d0 | hsl(4, 84%, 90%) |
|
|
| 100 | oklch(0.871 0.060 23.47) | #fac6c2 | hsl(4, 85%, 87%) |
|
|
| 200 | oklch(0.845 0.074 24.93) | #f9bab4 | hsl(5, 85%, 84%) |
|
|
| 300 | oklch(0.816 0.088 24.34) | #f7ada7 | hsl(5, 83%, 81%) |
|
|
| 400 | oklch(0.790 0.104 24.76) | #f6a099 | hsl(5, 84%, 78%) |
|
|
| 500 | oklch(0.763 0.120 25.23) | #f5938b | hsl(5, 84%, 75%) |
|
|
| 600 | oklch(0.663 0.187 27.82) | #f05a4e | hsl(4, 84%, 62%) |
|
|
| 700 | oklch(0.595 0.227 29.91) | #e72414 | hsl(5, 84%, 49%) |
|
|
| 800 | oklch(0.475 0.179 29.74) | #aa1a0f | hsl(4, 84%, 36%) |
|
|
| 900 | oklch(0.345 0.126 29.87) | #6c1109 | hsl(5, 85%, 23%) |
|
|
| 950 | oklch(0.205 0.066 29.87) | #2f0704 | hsl(4, 84%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.030 65.83) | #f7e5d4 | hsl(29, 69%, 90%) |
|
|
| 100 | oklch(0.919 0.036 64.66) | #f6e0cc | hsl(29, 70%, 88%) |
|
|
| 200 | oklch(0.908 0.043 68.39) | #f4dcc3 | hsl(31, 69%, 86%) |
|
|
| 300 | oklch(0.895 0.049 67.14) | #f3d7bb | hsl(30, 70%, 84%) |
|
|
| 400 | oklch(0.882 0.054 67.03) | #f1d2b3 | hsl(30, 69%, 82%) |
|
|
| 500 | oklch(0.870 0.060 66.08) | #f0cdab | hsl(30, 70%, 81%) |
|
|
| 600 | oklch(0.779 0.104 64.83) | #e5a96e | hsl(30, 70%, 66%) |
|
|
| 700 | oklch(0.691 0.141 60.14) | #da8431 | hsl(29, 70%, 52%) |
|
|
| 800 | oklch(0.558 0.117 59.99) | #a5611e | hsl(30, 69%, 38%) |
|
|
| 900 | oklch(0.404 0.081 60.68) | #683d13 | hsl(30, 69%, 24%) |
|
|
| 950 | oklch(0.233 0.040 62.18) | #2b1908 | hsl(29, 69%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.032 93.52) | #f5eed6 | hsl(46, 61%, 90%) |
|
|
| 100 | oklch(0.945 0.035 94.56) | #f4edd3 | hsl(47, 60%, 89%) |
|
|
| 200 | oklch(0.939 0.038 93.84) | #f3ebcf | hsl(47, 60%, 88%) |
|
|
| 300 | oklch(0.936 0.041 93.21) | #f3eacc | hsl(46, 62%, 88%) |
|
|
| 400 | oklch(0.931 0.043 92.67) | #f2e8c8 | hsl(46, 62%, 87%) |
|
|
| 500 | oklch(0.927 0.046 93.52) | #f1e7c5 | hsl(46, 61%, 86%) |
|
|
| 600 | oklch(0.850 0.092 93.34) | #e2cd87 | hsl(46, 61%, 71%) |
|
|
| 700 | oklch(0.775 0.129 92.36) | #d3b348 | hsl(46, 61%, 55%) |
|
|
| 800 | oklch(0.640 0.116 91.53) | #a68928 | hsl(46, 61%, 40%) |
|
|
| 900 | oklch(0.458 0.081 93.05) | #675619 | hsl(47, 61%, 25%) |
|
|
| 950 | oklch(0.254 0.039 93.14) | #29220a | hsl(46, 61%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.020 150.09) | #dfece1 | hsl(129, 25%, 90%) |
|
|
| 100 | oklch(0.912 0.025 149.07) | #d7e7d9 | hsl(128, 25%, 87%) |
|
|
| 200 | oklch(0.894 0.030 150.07) | #cfe2d2 | hsl(129, 25%, 85%) |
|
|
| 300 | oklch(0.877 0.037 150.22) | #c6deca | hsl(130, 27%, 82%) |
|
|
| 400 | oklch(0.859 0.042 150.75) | #bed9c3 | hsl(131, 26%, 80%) |
|
|
| 500 | oklch(0.841 0.047 150.03) | #b6d4bb | hsl(130, 26%, 77%) |
|
|
| 600 | oklch(0.747 0.077 149.31) | #8bbb93 | hsl(130, 26%, 64%) |
|
|
| 700 | oklch(0.651 0.104 148.38) | #60a16b | hsl(130, 26%, 50%) |
|
|
| 800 | oklch(0.520 0.082 148.37) | #46764e | hsl(130, 26%, 37%) |
|
|
| 900 | oklch(0.381 0.058 148.33) | #2c4b31 | hsl(130, 26%, 23%) |
|
|
| 950 | oklch(0.227 0.028 148.60) | #132015 | hsl(129, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
