Playful Pastel Color Palette
A playful and soft pastel symphony, this palette blends blush pinks, sunny yellows, and cool aquas, evoking a breezy, cheerful vibe perfect for a serene summer day.
Practical uses and creative applications
The Playful Pastel Color Palette features a delightful array of soft hues, including #FFADAD, #FFD6A5, #FDFFB6, #A0E7E5, and #69A1AC. This cheerful combination is perfect for brands aiming to evoke a sense of joy and whimsy.
Whether you're designing a children's product line, creating engaging web content, or developing charming packaging, these pastel shades can help convey a fun and approachable image. Ideal for businesses in the creative industry, such as toy manufacturers, children’s apparel, or lifestyle bloggers, this palette invites a sense of playfulness that resonates with audiences.
Interior designers and creatives can also utilize the Playful Pastel Color Palette to transform spaces into inviting environments. These soft colors can be combined in home decor to create a light and airy atmosphere, perfect for nurseries, playrooms, or cozy cafes.
By integrating these hues, designers can capture a mood that is both refreshing and uplifting, making them suitable for modern residential spaces or trendy commercial establishments. Whether you’re a designer looking to inspire happiness or a brand aiming to connect with a youthful audience, this palette is sure to spark creativity and engage viewers.
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.890 0.058 18.30) | #ffcccc | hsl(0, 100%, 90%) |
|
|
| 100 | oklch(0.877 0.065 18.48) | #ffc6c6 | hsl(0, 100%, 89%) |
|
|
| 200 | oklch(0.865 0.073 18.66) | #ffc0c0 | hsl(0, 100%, 88%) |
|
|
| 300 | oklch(0.851 0.081 18.89) | #ffb9b9 | hsl(0, 100%, 86%) |
|
|
| 400 | oklch(0.839 0.089 19.11) | #ffb3b3 | hsl(0, 100%, 85%) |
|
|
| 500 | oklch(0.827 0.097 19.33) | #ffadad | hsl(0, 100%, 84%) |
|
|
| 600 | oklch(0.699 0.192 23.47) | #ff6262 | hsl(0, 100%, 69%) |
|
|
| 700 | oklch(0.633 0.252 28.60) | #ff1616 | hsl(0, 100%, 54%) |
|
|
| 800 | oklch(0.527 0.216 29.23) | #ca0000 | hsl(0, 100%, 40%) |
|
|
| 900 | oklch(0.372 0.153 29.23) | #7e0000 | hsl(0, 100%, 25%) |
|
|
| 950 | oklch(0.202 0.083 29.23) | #330000 | hsl(0, 100%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.045 72.68) | #ffe8cc | hsl(33, 100%, 90%) |
|
|
| 100 | oklch(0.933 0.051 71.85) | #ffe4c4 | hsl(33, 100%, 88%) |
|
|
| 200 | oklch(0.925 0.059 72.81) | #ffe1bc | hsl(33, 100%, 87%) |
|
|
| 300 | oklch(0.916 0.064 71.42) | #ffddb5 | hsl(32, 100%, 85%) |
|
|
| 400 | oklch(0.909 0.071 72.19) | #ffdaad | hsl(33, 100%, 84%) |
|
|
| 500 | oklch(0.899 0.078 71.55) | #ffd6a5 | hsl(33, 100%, 82%) |
|
|
| 600 | oklch(0.825 0.136 68.51) | #ffb45b | hsl(33, 100%, 68%) |
|
|
| 700 | oklch(0.762 0.174 60.84) | #ff9311 | hsl(33, 100%, 53%) |
|
|
| 800 | oklch(0.623 0.149 58.32) | #c76c00 | hsl(33, 100%, 39%) |
|
|
| 900 | oklch(0.447 0.104 60.49) | #7d4400 | hsl(33, 100%, 25%) |
|
|
| 950 | oklch(0.252 0.055 68.01) | #331c00 | hsl(33, 100%, 10%) |
|
dsfds
| 50 | oklch(0.987 0.065 108.47) | #feffcc | hsl(61, 100%, 90%) |
|
|
| 100 | oklch(0.985 0.070 109.35) | #fdffc8 | hsl(62, 100%, 89%) |
|
|
| 200 | oklch(0.984 0.077 109.31) | #fdffc3 | hsl(62, 100%, 88%) |
|
|
| 300 | oklch(0.983 0.081 109.30) | #fdffbf | hsl(62, 100%, 87%) |
|
|
| 400 | oklch(0.982 0.087 109.30) | #fdffba | hsl(62, 100%, 86%) |
|
|
| 500 | oklch(0.982 0.092 109.30) | #fdffb6 | hsl(62, 100%, 86%) |
|
|
| 600 | oklch(0.969 0.170 110.61) | #fbff69 | hsl(62, 100%, 71%) |
|
|
| 700 | oklch(0.964 0.209 111.49) | #f9ff1c | hsl(62, 100%, 55%) |
|
|
| 800 | oklch(0.817 0.180 111.55) | #c8cd00 | hsl(61, 100%, 40%) |
|
|
| 900 | oklch(0.578 0.127 111.42) | #7d8000 | hsl(61, 100%, 25%) |
|
|
| 950 | oklch(0.310 0.068 110.97) | #323300 | hsl(61, 100%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.032 194.24) | #d6f5f4 | hsl(178, 61%, 90%) |
|
|
| 100 | oklch(0.933 0.040 194.57) | #cbf2f1 | hsl(178, 60%, 87%) |
|
|
| 200 | oklch(0.920 0.047 194.72) | #c1efee | hsl(179, 59%, 85%) |
|
|
| 300 | oklch(0.906 0.055 194.81) | #b6eceb | hsl(179, 59%, 82%) |
|
|
| 400 | oklch(0.894 0.063 193.61) | #abeae8 | hsl(178, 60%, 79%) |
|
|
| 500 | oklch(0.881 0.071 193.72) | #a0e7e5 | hsl(178, 60%, 77%) |
|
|
| 600 | oklch(0.820 0.102 192.98) | #6ad9d6 | hsl(178, 59%, 63%) |
|
|
| 700 | oklch(0.768 0.122 191.56) | #33ccc7 | hsl(178, 60%, 50%) |
|
|
| 800 | oklch(0.610 0.095 192.22) | #269592 | hsl(178, 59%, 37%) |
|
|
| 900 | oklch(0.443 0.068 192.21) | #185f5d | hsl(178, 60%, 23%) |
|
|
| 950 | oklch(0.258 0.036 192.17) | #0a2928 | hsl(178, 61%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.013 214.36) | #deeaed | hsl(192, 29%, 90%) |
|
|
| 100 | oklch(0.880 0.023 210.40) | #c7dce0 | hsl(190, 29%, 83%) |
|
|
| 200 | oklch(0.828 0.033 211.09) | #afcdd3 | hsl(190, 29%, 76%) |
|
|
| 300 | oklch(0.777 0.042 211.91) | #98bec6 | hsl(190, 29%, 69%) |
|
|
| 400 | oklch(0.726 0.052 210.42) | #80b0b9 | hsl(189, 29%, 61%) |
|
|
| 500 | oklch(0.674 0.061 211.31) | #69a1ac | hsl(190, 29%, 54%) |
|
|
| 600 | oklch(0.600 0.060 211.77) | #538a95 | hsl(190, 28%, 45%) |
|
|
| 700 | oklch(0.513 0.051 211.76) | #426f78 | hsl(190, 29%, 36%) |
|
|
| 800 | oklch(0.423 0.041 212.14) | #32545b | hsl(190, 29%, 28%) |
|
|
| 900 | oklch(0.328 0.030 212.89) | #22393e | hsl(191, 29%, 19%) |
|
|
| 950 | oklch(0.225 0.018 214.99) | #121e21 | hsl(192, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
