Cheerful Color Palette
This palette blends soft mint green, sunny golden yellow, warm coral, vibrant pink, and deep plum, creating a cheerful yet sophisticated vibe that feels both fresh and inviting.
Practical uses and creative applications
The Cheerful Color Palette is a vibrant collection that instantly uplifts any project. Featuring a harmonious blend of soft greens (#cdeccc), sunny yellows (#edd269), warm corals (#e88460), bold pinks (#f23460), and a grounding deep plum (#321d2e), this palette is perfect for branding that seeks to convey positivity and energy.
Whether you're designing a playful logo for a children's brand, crafting an engaging website for a creative agency, or even developing eye-catching packaging for artisanal products, these colors create a lively and inviting visual identity. Ideal for designers and creatives working in various fields, the Cheerful Color Palette resonates particularly well with brands that focus on wellness, lifestyle, and sustainability.
It not only enhances web design but also elevates interior spaces, making them feel more vibrant and welcoming. Incorporate these colors into your next project to evoke a sense of joy and creativity, appealing to audiences who appreciate a fresh and modern aesthetic.
By leveraging this palette, you can effectively communicate a cheerful and approachable brand personality.
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.936 0.038 144.07) | #dbf1da | hsl(117, 45%, 90%) |
|
|
| 100 | oklch(0.931 0.042 144.14) | #d8f0d7 | hsl(118, 45%, 89%) |
|
|
| 200 | oklch(0.926 0.045 144.20) | #d5efd4 | hsl(118, 46%, 88%) |
|
|
| 300 | oklch(0.921 0.048 145.18) | #d2eed2 | hsl(120, 45%, 88%) |
|
|
| 400 | oklch(0.917 0.050 144.26) | #d0edcf | hsl(118, 45%, 87%) |
|
|
| 500 | oklch(0.912 0.054 144.29) | #cdeccc | hsl(118, 46%, 86%) |
|
|
| 600 | oklch(0.818 0.115 143.75) | #95d793 | hsl(118, 46%, 71%) |
|
|
| 700 | oklch(0.730 0.170 143.07) | #5ec25b | hsl(118, 46%, 56%) |
|
|
| 800 | oklch(0.600 0.159 142.80) | #3b9738 | hsl(118, 46%, 41%) |
|
|
| 900 | oklch(0.429 0.109 142.84) | #255e23 | hsl(118, 46%, 25%) |
|
|
| 950 | oklch(0.239 0.051 142.94) | #0f250e | hsl(117, 45%, 10%) |
|
dsfds
| 50 | oklch(0.957 0.043 94.07) | #faf1d1 | hsl(47, 80%, 90%) |
|
|
| 100 | oklch(0.938 0.061 95.14) | #f7ebbd | hsl(48, 78%, 85%) |
|
|
| 200 | oklch(0.920 0.080 95.17) | #f5e5a8 | hsl(48, 79%, 81%) |
|
|
| 300 | oklch(0.902 0.098 95.79) | #f2df93 | hsl(48, 79%, 76%) |
|
|
| 400 | oklch(0.883 0.114 94.87) | #f0d87e | hsl(47, 79%, 72%) |
|
|
| 500 | oklch(0.866 0.128 95.14) | #edd269 | hsl(48, 79%, 67%) |
|
|
| 600 | oklch(0.823 0.154 93.36) | #e7c235 | hsl(48, 79%, 56%) |
|
|
| 700 | oklch(0.733 0.145 92.45) | #c9a518 | hsl(48, 79%, 44%) |
|
|
| 800 | oklch(0.591 0.116 93.26) | #957b12 | hsl(48, 78%, 33%) |
|
|
| 900 | oklch(0.437 0.084 92.69) | #62500c | hsl(47, 78%, 22%) |
|
|
| 950 | oklch(0.268 0.049 93.06) | #2e2505 | hsl(47, 80%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.035 42.70) | #f9ddd2 | hsl(17, 76%, 90%) |
|
|
| 100 | oklch(0.874 0.052 40.61) | #f5cbbc | hsl(16, 74%, 85%) |
|
|
| 200 | oklch(0.832 0.072 40.19) | #f2b9a5 | hsl(16, 75%, 80%) |
|
|
| 300 | oklch(0.792 0.093 39.94) | #efa78e | hsl(15, 75%, 75%) |
|
|
| 400 | oklch(0.753 0.112 40.76) | #eb9677 | hsl(16, 74%, 69%) |
|
|
| 500 | oklch(0.715 0.133 40.35) | #e88460 | hsl(16, 75%, 64%) |
|
|
| 600 | oklch(0.643 0.173 39.23) | #e15f30 | hsl(16, 75%, 54%) |
|
|
| 700 | oklch(0.554 0.163 38.31) | #be461b | hsl(16, 75%, 43%) |
|
|
| 800 | oklch(0.448 0.129 38.64) | #8d3414 | hsl(16, 75%, 32%) |
|
|
| 900 | oklch(0.337 0.092 38.94) | #5d220d | hsl(16, 75%, 21%) |
|
|
| 950 | oklch(0.218 0.050 42.05) | #2d1106 | hsl(17, 76%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.052 3.27) | #fccfd9 | hsl(347, 88%, 90%) |
|
|
| 100 | oklch(0.832 0.089 4.07) | #fab0c1 | hsl(346, 88%, 84%) |
|
|
| 200 | oklch(0.771 0.127 5.48) | #f891a9 | hsl(346, 88%, 77%) |
|
|
| 300 | oklch(0.717 0.164 7.43) | #f67291 | hsl(346, 88%, 71%) |
|
|
| 400 | oklch(0.670 0.197 10.49) | #f45378 | hsl(346, 88%, 64%) |
|
|
| 500 | oklch(0.634 0.223 13.97) | #f23460 | hsl(346, 88%, 58%) |
|
|
| 600 | oklch(0.591 0.232 19.30) | #e70f41 | hsl(346, 88%, 48%) |
|
|
| 700 | oklch(0.501 0.196 18.81) | #b90c34 | hsl(346, 88%, 39%) |
|
|
| 800 | oklch(0.408 0.158 18.04) | #8b0927 | hsl(346, 88%, 29%) |
|
|
| 900 | oklch(0.311 0.118 16.77) | #5e061a | hsl(346, 88%, 20%) |
|
|
| 950 | oklch(0.203 0.073 12.76) | #30030d | hsl(347, 88%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.020 330.66) | #ecdfea | hsl(309, 25%, 90%) |
|
|
| 100 | oklch(0.791 0.053 332.26) | #d0afca | hsl(311, 26%, 75%) |
|
|
| 200 | oklch(0.663 0.087 333.38) | #b47faa | hsl(311, 26%, 60%) |
|
|
| 300 | oklch(0.537 0.105 333.84) | #925587 | hsl(311, 26%, 45%) |
|
|
| 400 | oklch(0.407 0.075 334.34) | #62395a | hsl(312, 26%, 30%) |
|
|
| 500 | oklch(0.265 0.043 333.86) | #321d2e | hsl(311, 27%, 15%) |
|
|
| 600 | oklch(0.254 0.040 332.47) | #2e1b2b | hsl(309, 26%, 14%) |
|
|
| 700 | oklch(0.243 0.037 335.07) | #2b1927 | hsl(313, 26%, 13%) |
|
|
| 800 | oklch(0.231 0.034 333.54) | #271724 | hsl(311, 26%, 12%) |
|
|
| 900 | oklch(0.221 0.032 334.03) | #241521 | hsl(312, 26%, 11%) |
|
|
| 950 | oklch(0.209 0.029 332.09) | #20131e | hsl(309, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
