Warm Playful Color Palette
This palette radiates a warm, playful vibe with soft peach and coral hues, deep berry tones, and cool, muted blues, creating a stylish blend of cozy elegance and refreshing tranquility.
Practical uses and creative applications
The Warm Playful Color Palette combines a lively mix of soft peaches, vibrant pinks, deep purples, and calming blues, making it an ideal choice for creatives looking to infuse energy and warmth into their projects. With colors like #FFB997 and #F67E7D leading the charge, this palette is perfect for branding initiatives aimed at youthful audiences or those in the lifestyle and wellness sectors.
Designers can leverage this palette for web design, creating engaging user experiences that evoke feelings of joy and optimism. In addition to branding and web design, the Warm Playful Color Palette shines in packaging and interiors, bringing a cheerful and inviting atmosphere to products and spaces alike.
Whether you're a graphic designer crafting eye-catching labels or an interior designer aiming to create cozy yet vibrant living spaces, this palette provides a versatile foundation. Audiences such as marketers, creatives, and small business owners will find this palette particularly appealing, as it resonates with themes of playfulness and warmth, fostering a sense of connection and positivity in any project.
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.921 0.044 48.22) | #ffddcc | hsl(20, 100%, 90%) |
|
|
| 100 | oklch(0.906 0.054 48.70) | #ffd6c1 | hsl(20, 100%, 88%) |
|
|
| 200 | oklch(0.888 0.064 46.47) | #ffceb7 | hsl(19, 100%, 86%) |
|
|
| 300 | oklch(0.873 0.074 46.99) | #ffc7ac | hsl(20, 100%, 84%) |
|
|
| 400 | oklch(0.858 0.083 46.59) | #ffc0a2 | hsl(19, 100%, 82%) |
|
|
| 500 | oklch(0.843 0.094 46.91) | #ffb997 | hsl(20, 100%, 80%) |
|
|
| 600 | oklch(0.750 0.160 45.08) | #ff8950 | hsl(20, 100%, 66%) |
|
|
| 700 | oklch(0.680 0.214 39.32) | #ff5909 | hsl(20, 100%, 52%) |
|
|
| 800 | oklch(0.549 0.176 39.06) | #c13f00 | hsl(20, 100%, 38%) |
|
|
| 900 | oklch(0.397 0.123 40.82) | #7a2800 | hsl(20, 100%, 24%) |
|
|
| 950 | oklch(0.229 0.063 47.64) | #331100 | hsl(20, 100%, 10%) |
|
dsfds
| 50 | oklch(0.895 0.050 19.66) | #fcd0cf | hsl(1, 88%, 90%) |
|
|
| 100 | oklch(0.859 0.069 18.60) | #fbbfbf | hsl(0, 88%, 87%) |
|
|
| 200 | oklch(0.824 0.087 19.98) | #f9afae | hsl(1, 86%, 83%) |
|
|
| 300 | oklch(0.791 0.107 20.43) | #f89f9e | hsl(1, 87%, 80%) |
|
|
| 400 | oklch(0.758 0.128 21.08) | #f78e8d | hsl(1, 87%, 76%) |
|
|
| 500 | oklch(0.729 0.147 21.84) | #f67e7d | hsl(0, 87%, 73%) |
|
|
| 600 | oklch(0.641 0.212 26.04) | #f24341 | hsl(1, 87%, 60%) |
|
|
| 700 | oklch(0.579 0.232 28.76) | #e31110 | hsl(0, 87%, 48%) |
|
|
| 800 | oklch(0.462 0.183 28.59) | #a70d0c | hsl(0, 87%, 35%) |
|
|
| 900 | oklch(0.339 0.131 28.37) | #6c0807 | hsl(1, 88%, 23%) |
|
|
| 950 | oklch(0.202 0.072 28.18) | #300403 | hsl(1, 88%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.025 344.47) | #efdce6 | hsl(328, 37%, 90%) |
|
|
| 100 | oklch(0.821 0.054 345.44) | #dfb7cc | hsl(329, 38%, 80%) |
|
|
| 200 | oklch(0.728 0.083 346.13) | #ce92b2 | hsl(328, 38%, 69%) |
|
|
| 300 | oklch(0.638 0.115 347.79) | #be6d98 | hsl(328, 38%, 59%) |
|
|
| 400 | oklch(0.550 0.135 349.01) | #a94c7e | hsl(328, 38%, 48%) |
|
|
| 500 | oklch(0.461 0.111 349.07) | #843b62 | hsl(328, 38%, 37%) |
|
|
| 600 | oklch(0.414 0.099 348.71) | #713254 | hsl(328, 39%, 32%) |
|
|
| 700 | oklch(0.364 0.082 348.99) | #5d2a45 | hsl(328, 38%, 26%) |
|
|
| 800 | oklch(0.313 0.069 348.43) | #4a2137 | hsl(328, 38%, 21%) |
|
|
| 900 | oklch(0.261 0.055 347.55) | #371829 | hsl(327, 39%, 15%) |
|
|
| 950 | oklch(0.205 0.036 347.91) | #23101a | hsl(328, 37%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.011 280.46) | #e1e2ea | hsl(233, 18%, 90%) |
|
|
| 100 | oklch(0.818 0.025 280.77) | #c0c2d4 | hsl(234, 19%, 79%) |
|
|
| 200 | oklch(0.720 0.039 282.02) | #a0a2bd | hsl(236, 18%, 68%) |
|
|
| 300 | oklch(0.620 0.054 279.73) | #7f83a7 | hsl(234, 19%, 58%) |
|
|
| 400 | oklch(0.520 0.065 279.58) | #61658e | hsl(235, 19%, 47%) |
|
|
| 500 | oklch(0.434 0.051 279.75) | #4b4e6d | hsl(235, 18%, 36%) |
|
|
| 600 | oklch(0.391 0.044 279.04) | #40435d | hsl(234, 18%, 31%) |
|
|
| 700 | oklch(0.345 0.039 280.14) | #35374d | hsl(235, 18%, 25%) |
|
|
| 800 | oklch(0.299 0.033 279.30) | #2a2c3e | hsl(234, 19%, 20%) |
|
|
| 900 | oklch(0.253 0.025 281.05) | #20212e | hsl(236, 18%, 15%) |
|
|
| 950 | oklch(0.203 0.016 279.29) | #15161e | hsl(233, 18%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.013 228.93) | #dee8ed | hsl(200, 29%, 90%) |
|
|
| 100 | oklch(0.855 0.025 226.53) | #bfd3dc | hsl(199, 29%, 81%) |
|
|
| 200 | oklch(0.784 0.038 227.75) | #a0becc | hsl(199, 30%, 71%) |
|
|
| 300 | oklch(0.710 0.051 229.30) | #81a8bb | hsl(200, 30%, 62%) |
|
|
| 400 | oklch(0.637 0.063 229.10) | #6293aa | hsl(199, 30%, 53%) |
|
|
| 500 | oklch(0.555 0.059 229.20) | #4d7a8f | hsl(199, 30%, 43%) |
|
|
| 600 | oklch(0.493 0.052 229.53) | #416779 | hsl(199, 30%, 36%) |
|
|
| 700 | oklch(0.431 0.044 227.47) | #355563 | hsl(198, 30%, 30%) |
|
|
| 800 | oklch(0.364 0.035 228.44) | #2a424d | hsl(199, 29%, 23%) |
|
|
| 900 | oklch(0.294 0.027 228.93) | #1e2f37 | hsl(199, 29%, 17%) |
|
|
| 950 | oklch(0.219 0.017 230.17) | #121c21 | hsl(200, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
