Vibrant Color Palette for Cheerful Spaces
This vibrant palette blends soothing teal and mint with soft beige, accented by playful coral and bold fuchsia, creating a lively yet harmonious atmosphere perfect for a modern, cheerful space.
Practical uses and creative applications
The Vibrant Color Palette for Cheerful Spaces is a delightful combination of hues that can infuse any project with energy and positivity. Featuring refreshing teal (#3fb8af), soothing mint (#7fc7af), warm beige (#dad8a7), playful coral (#ff9e9d), and a striking hot pink (#ff3d7f), this palette is perfect for branding that aims to evoke joy and approachability.
Whether you're designing a logo, creating engaging web interfaces, or developing packaging that stands out on shelves, these colors work harmoniously to attract attention and convey a sense of fun. Ideal for designers, creatives, and businesses targeting a youthful audience, this vibrant palette is especially suited for industries like children’s products, wellness brands, or lifestyle companies.
Its cheerful nature makes it an excellent choice for interior design projects as well, transforming spaces into inviting and lively environments, perfect for cafes, playrooms, or cozy living areas. Embrace the uplifting essence of this palette to create designs that not only capture the eye but also uplift the spirit.
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.942 0.026 190.88) | #d9f2f0 | hsl(175, 49%, 90%) |
|
|
| 100 | oklch(0.895 0.048 191.41) | #b9e7e4 | hsl(176, 49%, 82%) |
|
|
| 200 | oklch(0.849 0.067 190.04) | #9adcd7 | hsl(175, 49%, 73%) |
|
|
| 300 | oklch(0.807 0.086 189.02) | #7ad2cb | hsl(175, 49%, 65%) |
|
|
| 400 | oklch(0.764 0.100 188.73) | #5bc7bf | hsl(176, 49%, 57%) |
|
|
| 500 | oklch(0.714 0.106 188.00) | #3fb8af | hsl(176, 49%, 48%) |
|
|
| 600 | oklch(0.629 0.093 187.68) | #359b93 | hsl(175, 49%, 41%) |
|
|
| 700 | oklch(0.542 0.079 187.21) | #2b7e77 | hsl(175, 49%, 33%) |
|
|
| 800 | oklch(0.448 0.064 189.26) | #21605c | hsl(176, 49%, 25%) |
|
|
| 900 | oklch(0.352 0.048 189.02) | #174340 | hsl(176, 49%, 18%) |
|
|
| 950 | oklch(0.248 0.031 188.40) | #0d2624 | hsl(175, 49%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.022 174.98) | #dcefe9 | hsl(161, 37%, 90%) |
|
|
| 100 | oklch(0.903 0.034 173.43) | #c9e7dd | hsl(160, 38%, 85%) |
|
|
| 200 | oklch(0.871 0.046 173.48) | #b7dfd2 | hsl(161, 38%, 80%) |
|
|
| 300 | oklch(0.839 0.058 172.38) | #a4d7c6 | hsl(160, 39%, 74%) |
|
|
| 400 | oklch(0.807 0.069 172.12) | #92cfbb | hsl(160, 39%, 69%) |
|
|
| 500 | oklch(0.775 0.081 171.03) | #7fc7af | hsl(160, 39%, 64%) |
|
|
| 600 | oklch(0.710 0.101 169.18) | #59b697 | hsl(160, 39%, 53%) |
|
|
| 700 | oklch(0.613 0.093 168.62) | #42967a | hsl(160, 39%, 42%) |
|
|
| 800 | oklch(0.497 0.074 168.80) | #31705b | hsl(160, 39%, 32%) |
|
|
| 900 | oklch(0.374 0.053 169.14) | #204a3c | hsl(160, 40%, 21%) |
|
|
| 950 | oklch(0.238 0.028 171.52) | #10231d | hsl(161, 37%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.026 104.56) | #f0efdb | hsl(57, 41%, 90%) |
|
|
| 100 | oklch(0.932 0.033 103.28) | #ecead1 | hsl(56, 42%, 87%) |
|
|
| 200 | oklch(0.917 0.042 105.74) | #e7e6c6 | hsl(58, 41%, 84%) |
|
|
| 300 | oklch(0.902 0.049 104.79) | #e3e1bc | hsl(57, 41%, 81%) |
|
|
| 400 | oklch(0.887 0.058 106.45) | #deddb1 | hsl(59, 41%, 78%) |
|
|
| 500 | oklch(0.872 0.064 105.71) | #dad8a7 | hsl(58, 41%, 75%) |
|
|
| 600 | oklch(0.803 0.097 106.40) | #c6c378 | hsl(58, 41%, 62%) |
|
|
| 700 | oklch(0.731 0.121 106.89) | #b1ad4a | hsl(58, 41%, 49%) |
|
|
| 800 | oklch(0.584 0.094 106.78) | #827f37 | hsl(58, 41%, 36%) |
|
|
| 900 | oklch(0.426 0.066 106.62) | #535123 | hsl(58, 41%, 23%) |
|
|
| 950 | oklch(0.251 0.034 106.07) | #24230f | hsl(57, 41%, 10%) |
|
dsfds
| 50 | oklch(0.892 0.057 19.61) | #ffcdcc | hsl(1, 100%, 90%) |
|
|
| 100 | oklch(0.871 0.069 18.57) | #ffc3c3 | hsl(0, 100%, 88%) |
|
|
| 200 | oklch(0.852 0.080 19.81) | #ffbab9 | hsl(1, 100%, 86%) |
|
|
| 300 | oklch(0.834 0.092 20.01) | #ffb1b0 | hsl(1, 100%, 85%) |
|
|
| 400 | oklch(0.815 0.105 20.30) | #ffa7a6 | hsl(1, 100%, 83%) |
|
|
| 500 | oklch(0.798 0.116 20.61) | #ff9e9d | hsl(1, 100%, 81%) |
|
|
| 600 | oklch(0.684 0.204 24.91) | #ff5755 | hsl(1, 100%, 67%) |
|
|
| 700 | oklch(0.631 0.255 28.99) | #ff0f0d | hsl(0, 100%, 53%) |
|
|
| 800 | oklch(0.514 0.210 29.35) | #c30200 | hsl(1, 100%, 38%) |
|
|
| 900 | oklch(0.367 0.150 29.39) | #7b0100 | hsl(0, 100%, 24%) |
|
|
| 950 | oklch(0.203 0.081 30.16) | #330100 | hsl(1, 100%, 10%) |
|
dsfds
| 50 | oklch(0.894 0.061 356.49) | #ffccdd | hsl(340, 100%, 90%) |
|
|
| 100 | oklch(0.838 0.099 357.56) | #ffafca | hsl(340, 100%, 84%) |
|
|
| 200 | oklch(0.787 0.136 358.76) | #ff93b8 | hsl(339, 100%, 79%) |
|
|
| 300 | oklch(0.740 0.173 0.62) | #ff76a5 | hsl(339, 100%, 73%) |
|
|
| 400 | oklch(0.701 0.204 3.13) | #ff5a92 | hsl(340, 100%, 68%) |
|
|
| 500 | oklch(0.669 0.230 6.08) | #ff3d7f | hsl(340, 100%, 62%) |
|
|
| 600 | oklch(0.638 0.253 13.68) | #ff085c | hsl(340, 100%, 52%) |
|
|
| 700 | oklch(0.549 0.220 14.59) | #d20047 | hsl(340, 100%, 41%) |
|
|
| 800 | oklch(0.443 0.177 13.64) | #9d0035 | hsl(340, 100%, 31%) |
|
|
| 900 | oklch(0.330 0.132 11.79) | #680023 | hsl(340, 100%, 20%) |
|
|
| 950 | oklch(0.206 0.083 6.73) | #330011 | hsl(340, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
