Warm Playful Color Palette
This palette radiates a warm, playful energy with vibrant coral, soft peach, and sunny yellow, balanced by fresh greens, evoking a cheerful summer garden vibe.
Practical uses and creative applications
Introducing the Warm Playful Color Palette, a delightful combination of vibrant hues that evoke a sense of joy and creativity. Featuring lively shades like #e6626f, a cheerful coral, paired with the sunny #efae78 and soft #f5e19c, this palette is perfect for branding and web design that aims to captivate and engage audiences.
The earthy greens of #a2ca8e and #66af91 add balance and freshness, making it an excellent choice for packaging that stands out on the shelves, particularly for brands in the wellness and lifestyle sectors. Ideal for designers and creatives seeking to infuse their projects with warmth and playfulness, this color palette can elevate interiors, bringing a cheerful vibe to spaces like children's rooms, playful cafés, or vibrant offices.
Its versatile nature allows it to convey a friendly and inviting atmosphere, making it perfect for family-oriented businesses or brands aiming to connect with a younger demographic. Whether you’re crafting a logo that resonates with joy or designing a website that feels welcoming and fun, the Warm Playful Color Palette is sure to inspire and delight.
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.899 0.042 10.59) | #f8d3d7 | hsl(354, 73%, 90%) |
|
|
| 100 | oklch(0.847 0.065 11.36) | #f4bcc2 | hsl(354, 72%, 85%) |
|
|
| 200 | oklch(0.799 0.089 13.12) | #f1a6ad | hsl(354, 73%, 80%) |
|
|
| 300 | oklch(0.750 0.114 14.01) | #ed8f98 | hsl(354, 72%, 75%) |
|
|
| 400 | oklch(0.707 0.140 15.19) | #ea7984 | hsl(354, 73%, 70%) |
|
|
| 500 | oklch(0.664 0.164 16.76) | #e6626f | hsl(354, 73%, 64%) |
|
|
| 600 | oklch(0.592 0.206 21.51) | #de3243 | hsl(354, 72%, 53%) |
|
|
| 700 | oklch(0.512 0.190 23.21) | #bb1e2d | hsl(354, 72%, 43%) |
|
|
| 800 | oklch(0.416 0.151 22.45) | #8c1622 | hsl(354, 73%, 32%) |
|
|
| 900 | oklch(0.312 0.109 21.87) | #5c0f16 | hsl(355, 72%, 21%) |
|
|
| 950 | oklch(0.200 0.061 18.14) | #2c070b | hsl(354, 73%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.035 63.22) | #fae4d1 | hsl(28, 80%, 90%) |
|
|
| 100 | oklch(0.904 0.047 61.98) | #f7d9c0 | hsl(27, 77%, 86%) |
|
|
| 200 | oklch(0.877 0.061 61.25) | #f5ceae | hsl(27, 78%, 82%) |
|
|
| 300 | oklch(0.850 0.075 60.63) | #f3c39c | hsl(27, 78%, 78%) |
|
|
| 400 | oklch(0.826 0.090 61.11) | #f1b98a | hsl(27, 79%, 74%) |
|
|
| 500 | oklch(0.800 0.103 60.27) | #efae78 | hsl(27, 79%, 70%) |
|
|
| 600 | oklch(0.726 0.142 57.40) | #e88d41 | hsl(27, 78%, 58%) |
|
|
| 700 | oklch(0.642 0.155 52.91) | #d36d19 | hsl(27, 79%, 46%) |
|
|
| 800 | oklch(0.517 0.122 53.93) | #9c5112 | hsl(27, 79%, 34%) |
|
|
| 900 | oklch(0.381 0.086 54.41) | #65340c | hsl(27, 79%, 22%) |
|
|
| 950 | oklch(0.235 0.047 59.24) | #2e1805 | hsl(28, 80%, 10%) |
|
dsfds
| 50 | oklch(0.957 0.043 94.07) | #faf1d1 | hsl(47, 80%, 90%) |
|
|
| 100 | oklch(0.948 0.053 94.43) | #f9eec6 | hsl(47, 81%, 88%) |
|
|
| 200 | oklch(0.939 0.062 94.42) | #f8ebbc | hsl(47, 81%, 85%) |
|
|
| 300 | oklch(0.928 0.072 93.54) | #f7e7b1 | hsl(46, 81%, 83%) |
|
|
| 400 | oklch(0.919 0.080 93.61) | #f6e4a7 | hsl(46, 81%, 81%) |
|
|
| 500 | oklch(0.910 0.090 93.85) | #f5e19c | hsl(47, 82%, 79%) |
|
|
| 600 | oklch(0.858 0.137 93.14) | #efce5c | hsl(47, 82%, 65%) |
|
|
| 700 | oklch(0.807 0.160 89.96) | #e8ba1d | hsl(46, 82%, 51%) |
|
|
| 800 | oklch(0.648 0.128 89.97) | #ad8a12 | hsl(46, 81%, 37%) |
|
|
| 900 | oklch(0.470 0.092 90.91) | #6e580b | hsl(47, 82%, 24%) |
|
|
| 950 | oklch(0.268 0.049 93.06) | #2e2505 | hsl(47, 80%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.029 135.59) | #e2efdc | hsl(101, 37%, 90%) |
|
|
| 100 | oklch(0.908 0.039 134.60) | #d6e7cd | hsl(99, 35%, 85%) |
|
|
| 200 | oklch(0.880 0.053 134.82) | #c9e0bd | hsl(99, 36%, 81%) |
|
|
| 300 | oklch(0.852 0.067 134.99) | #bcd9ad | hsl(100, 37%, 76%) |
|
|
| 400 | oklch(0.823 0.078 135.34) | #afd19e | hsl(100, 36%, 72%) |
|
|
| 500 | oklch(0.795 0.092 135.48) | #a2ca8e | hsl(100, 36%, 67%) |
|
|
| 600 | oklch(0.722 0.125 135.92) | #81b766 | hsl(100, 36%, 56%) |
|
|
| 700 | oklch(0.629 0.127 136.01) | #649a48 | hsl(100, 36%, 44%) |
|
|
| 800 | oklch(0.507 0.099 136.16) | #4a7236 | hsl(100, 36%, 33%) |
|
|
| 900 | oklch(0.380 0.072 136.31) | #304b23 | hsl(101, 36%, 22%) |
|
|
| 950 | oklch(0.238 0.039 136.35) | #162310 | hsl(101, 37%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.018 170.07) | #deede7 | hsl(156, 29%, 90%) |
|
|
| 100 | oklch(0.887 0.032 169.12) | #c6e1d6 | hsl(156, 31%, 83%) |
|
|
| 200 | oklch(0.838 0.045 169.28) | #aed4c5 | hsl(156, 31%, 76%) |
|
|
| 300 | oklch(0.792 0.060 167.11) | #96c8b3 | hsl(155, 31%, 69%) |
|
|
| 400 | oklch(0.743 0.073 166.85) | #7ebba2 | hsl(155, 31%, 61%) |
|
|
| 500 | oklch(0.697 0.086 165.71) | #66af91 | hsl(155, 31%, 54%) |
|
|
| 600 | oklch(0.624 0.087 164.72) | #50987a | hsl(155, 31%, 45%) |
|
|
| 700 | oklch(0.536 0.073 165.33) | #407b63 | hsl(156, 32%, 37%) |
|
|
| 800 | oklch(0.441 0.058 165.48) | #315d4b | hsl(155, 31%, 28%) |
|
|
| 900 | oklch(0.340 0.042 166.30) | #213f33 | hsl(156, 31%, 19%) |
|
|
| 950 | oklch(0.232 0.024 167.22) | #12211b | hsl(156, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
