Fresh Playful Color Palette
This palette exudes a fresh, playful energy with soft mint greens, warm beige, and vibrant coral accents, creating a cheerful yet sophisticated vibe perfect for a modern, sunny aesthetic.
Practical uses and creative applications
The Fresh Playful Color Palette is a vibrant and invigorating combination that breathes life into any creative project. Featuring soft greens (#c7fcd7) and warm neutrals (#d9d5a7), alongside lively corals (#d9ab91, #e6867a) and a bold pop of red (#ed4a6a), this palette is perfect for branding that seeks to convey a sense of joy and energy.
Ideal for designers working on projects in fields like children's products, wellness brands, or creative agencies, these colors help establish a friendly, approachable vibe that resonates with a youthful audience. In web design, the Fresh Playful Color Palette can enhance user experience by creating a cheerful and engaging interface.
Its balanced tones make it suitable for backgrounds, buttons, and call-to-action elements, ensuring that your site feels inviting and lively. Additionally, for packaging design, the palette can be employed to attract attention on store shelves, making products stand out while still evoking a sense of fun and playfulness.
Whether you're a graphic designer, an interior decorator, or a creative entrepreneur, this palette can elevate your work and inspire a sense of delight in your audience.
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.951 0.063 154.12) | #cffcdc | hsl(137, 88%, 90%) |
|
|
100 | oklch(0.950 0.065 154.40) | #cdfcdb | hsl(138, 89%, 90%) |
|
|
200 | oklch(0.949 0.067 154.13) | #ccfcda | hsl(138, 89%, 89%) |
|
|
300 | oklch(0.947 0.069 154.39) | #cafcd9 | hsl(138, 89%, 89%) |
|
|
400 | oklch(0.946 0.071 154.13) | #c9fcd8 | hsl(138, 89%, 89%) |
|
|
500 | oklch(0.945 0.073 154.36) | #c7fcd7 | hsl(138, 90%, 88%) |
|
|
600 | oklch(0.886 0.165 151.58) | #7bf8a1 | hsl(138, 90%, 73%) |
|
|
700 | oklch(0.848 0.234 147.86) | #2ff46b | hsl(138, 90%, 57%) |
|
|
800 | oklch(0.725 0.219 146.13) | #0bc844 | hsl(138, 90%, 41%) |
|
|
900 | oklch(0.511 0.151 146.57) | #077c2a | hsl(138, 89%, 26%) |
|
|
950 | oklch(0.271 0.074 148.43) | #033010 | hsl(137, 88%, 10%) |
|
dsfds
50 | oklch(0.946 0.025 101.97) | #f0eedb | hsl(54, 41%, 90%) |
|
|
100 | oklch(0.929 0.032 103.11) | #ebe9d1 | hsl(55, 39%, 87%) |
|
|
200 | oklch(0.913 0.040 102.46) | #e7e4c6 | hsl(55, 41%, 84%) |
|
|
300 | oklch(0.897 0.046 103.25) | #e2dfbc | hsl(55, 40%, 81%) |
|
|
400 | oklch(0.881 0.054 102.83) | #dedab1 | hsl(55, 41%, 78%) |
|
|
500 | oklch(0.865 0.061 103.45) | #d9d5a7 | hsl(55, 40%, 75%) |
|
|
600 | oklch(0.793 0.092 104.12) | #c5bf78 | hsl(55, 40%, 62%) |
|
|
700 | oklch(0.717 0.113 104.26) | #afa74c | hsl(55, 39%, 49%) |
|
|
800 | oklch(0.574 0.089 104.16) | #817b38 | hsl(55, 39%, 36%) |
|
|
900 | oklch(0.417 0.062 103.95) | #524e23 | hsl(55, 40%, 23%) |
|
|
950 | oklch(0.249 0.032 103.19) | #24220f | hsl(54, 41%, 10%) |
|
dsfds
50 | oklch(0.923 0.021 51.51) | #f2e2d9 | hsl(22, 49%, 90%) |
|
|
100 | oklch(0.894 0.029 50.59) | #edd7cb | hsl(21, 49%, 86%) |
|
|
200 | oklch(0.864 0.038 51.66) | #e8ccbc | hsl(22, 49%, 82%) |
|
|
300 | oklch(0.835 0.047 50.94) | #e3c1ae | hsl(22, 49%, 79%) |
|
|
400 | oklch(0.806 0.056 51.52) | #deb69f | hsl(22, 49%, 75%) |
|
|
500 | oklch(0.776 0.065 50.90) | #d9ab91 | hsl(22, 49%, 71%) |
|
|
600 | oklch(0.684 0.095 50.24) | #c98863 | hsl(22, 49%, 59%) |
|
|
700 | oklch(0.588 0.111 48.99) | #b1673d | hsl(22, 49%, 47%) |
|
|
800 | oklch(0.473 0.086 49.45) | #824c2d | hsl(22, 49%, 34%) |
|
|
900 | oklch(0.352 0.060 49.64) | #54311d | hsl(22, 49%, 22%) |
|
|
950 | oklch(0.219 0.031 49.91) | #26160d | hsl(22, 49%, 10%) |
|
dsfds
50 | oklch(0.907 0.035 26.54) | #f7d8d4 | hsl(7, 69%, 90%) |
|
|
100 | oklch(0.869 0.051 27.22) | #f4c8c2 | hsl(7, 69%, 86%) |
|
|
200 | oklch(0.829 0.067 26.60) | #f0b7b0 | hsl(7, 68%, 82%) |
|
|
300 | oklch(0.793 0.084 27.29) | #eda79e | hsl(7, 69%, 77%) |
|
|
400 | oklch(0.755 0.102 27.21) | #e9968c | hsl(6, 68%, 73%) |
|
|
500 | oklch(0.720 0.120 27.96) | #e6867a | hsl(7, 68%, 69%) |
|
|
600 | oklch(0.629 0.169 29.90) | #dc5847 | hsl(7, 68%, 57%) |
|
|
700 | oklch(0.545 0.181 30.51) | #c33625 | hsl(6, 68%, 45%) |
|
|
800 | oklch(0.439 0.142 30.56) | #90281b | hsl(7, 68%, 34%) |
|
|
900 | oklch(0.328 0.101 30.03) | #5e1a12 | hsl(6, 68%, 22%) |
|
|
950 | oklch(0.206 0.053 29.91) | #2b0c08 | hsl(7, 69%, 10%) |
|
dsfds
50 | oklch(0.898 0.047 4.90) | #fad1d9 | hsl(348, 80%, 90%) |
|
|
100 | oklch(0.841 0.078 5.83) | #f8b6c3 | hsl(348, 83%, 84%) |
|
|
200 | oklch(0.785 0.109 7.61) | #f59bac | hsl(349, 82%, 78%) |
|
|
300 | oklch(0.733 0.141 8.91) | #f28096 | hsl(348, 81%, 73%) |
|
|
400 | oklch(0.687 0.172 10.87) | #f06580 | hsl(348, 82%, 67%) |
|
|
500 | oklch(0.646 0.199 13.32) | #ed4a6a | hsl(348, 82%, 61%) |
|
|
600 | oklch(0.597 0.229 19.56) | #e81b43 | hsl(348, 82%, 51%) |
|
|
700 | oklch(0.510 0.196 19.67) | #bc1334 | hsl(348, 82%, 41%) |
|
|
800 | oklch(0.414 0.157 18.93) | #8d0e27 | hsl(348, 82%, 30%) |
|
|
900 | oklch(0.313 0.115 17.53) | #5e091a | hsl(348, 83%, 20%) |
|
|
950 | oklch(0.201 0.067 13.67) | #2e050d | hsl(348, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.