Warm Cheerful Color Palette
This palette radiates a warm, cheerful vibe with soft cream, refreshing mint, and vibrant coral tones, evoking a playful yet cozy atmosphere perfect for a sunny day picnic.
Practical uses and creative applications
The Warm Cheerful Color Palette is a delightful combination of soft yellows, soothing greens, and vibrant pinks that evoke feelings of joy and positivity. With colors like #fff4ce, #d0deb8, #ffa492, #ff7f81, and #ff5c71, this palette is perfect for branding that aims to create a warm and inviting atmosphere.
Whether you're designing a cheerful logo for a family-friendly business or crafting packaging for artisanal products, these hues can effectively communicate a sense of friendliness and approachability. Ideal for designers and creatives working in various fields, the Warm Cheerful Color Palette is particularly suited for web design, where an uplifting aesthetic can enhance user experience.
Use it to create engaging landing pages or vibrant social media graphics that capture attention and foster connection. Additionally, this palette works beautifully in interior design, bringing warmth and cheer to spaces like cafes, nurseries, or creative studios.
By incorporating these colors, you can cultivate an inviting environment that resonates with your target audience, encouraging them to linger and explore.
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.
| 50 | oklch(0.966 0.053 94.43) | #fff4cc | hsl(47, 100%, 90%) |
|
|
| 100 | oklch(0.966 0.053 94.43) | #fff4cc | hsl(47, 100%, 90%) |
|
|
| 200 | oklch(0.966 0.052 94.09) | #fff4cd | hsl(47, 100%, 90%) |
|
|
| 300 | oklch(0.966 0.052 94.09) | #fff4cd | hsl(47, 100%, 90%) |
|
|
| 400 | oklch(0.966 0.051 93.75) | #fff4ce | hsl(47, 100%, 90%) |
|
|
| 500 | oklch(0.966 0.051 93.75) | #fff4ce | hsl(47, 100%, 90%) |
|
|
| 600 | oklch(0.916 0.126 93.87) | #ffe27c | hsl(47, 100%, 74%) |
|
|
| 700 | oklch(0.872 0.170 90.69) | #ffcf2a | hsl(46, 100%, 58%) |
|
|
| 800 | oklch(0.752 0.154 87.82) | #d7a700 | hsl(47, 100%, 42%) |
|
|
| 900 | oklch(0.529 0.108 88.54) | #856700 | hsl(46, 100%, 26%) |
|
|
| 950 | oklch(0.281 0.058 92.90) | #332800 | hsl(47, 100%, 10%) |
|
| 50 | oklch(0.942 0.026 123.43) | #e8efdc | hsl(82, 37%, 90%) |
|
|
| 100 | oklch(0.928 0.030 123.31) | #e3ebd5 | hsl(82, 35%, 88%) |
|
|
| 200 | oklch(0.916 0.036 124.28) | #dee8ce | hsl(83, 36%, 86%) |
|
|
| 300 | oklch(0.905 0.043 123.17) | #dae5c6 | hsl(81, 37%, 84%) |
|
|
| 400 | oklch(0.892 0.047 123.18) | #d5e1bf | hsl(81, 36%, 82%) |
|
|
| 500 | oklch(0.880 0.053 123.94) | #d0deb8 | hsl(82, 37%, 80%) |
|
|
| 600 | oklch(0.797 0.088 124.66) | #b0c788 | hsl(82, 36%, 66%) |
|
|
| 700 | oklch(0.716 0.124 125.99) | #90b157 | hsl(82, 37%, 52%) |
|
|
| 800 | oklch(0.576 0.102 126.09) | #6a843d | hsl(82, 37%, 38%) |
|
|
| 900 | oklch(0.417 0.070 125.73) | #435327 | hsl(82, 36%, 24%) |
|
|
| 950 | oklch(0.243 0.035 125.43) | #1c2310 | hsl(82, 37%, 10%) |
|
| 50 | oklch(0.904 0.050 30.37) | #ffd4cc | hsl(9, 100%, 90%) |
|
|
| 100 | oklch(0.885 0.061 32.06) | #ffcbc0 | hsl(10, 100%, 88%) |
|
|
| 200 | oklch(0.864 0.074 31.06) | #ffc1b5 | hsl(10, 100%, 85%) |
|
|
| 300 | oklch(0.843 0.087 31.27) | #ffb7a9 | hsl(10, 100%, 83%) |
|
|
| 400 | oklch(0.825 0.099 31.60) | #ffae9e | hsl(10, 100%, 81%) |
|
|
| 500 | oklch(0.805 0.112 31.80) | #ffa492 | hsl(10, 100%, 79%) |
|
|
| 600 | oklch(0.706 0.188 33.16) | #ff6a4c | hsl(10, 100%, 65%) |
|
|
| 700 | oklch(0.644 0.243 31.80) | #ff2f06 | hsl(10, 100%, 51%) |
|
|
| 800 | oklch(0.518 0.196 32.06) | #bf2000 | hsl(10, 100%, 37%) |
|
|
| 900 | oklch(0.373 0.138 32.98) | #791400 | hsl(10, 100%, 24%) |
|
|
| 950 | oklch(0.214 0.072 36.89) | #330800 | hsl(9, 100%, 10%) |
|
| 50 | oklch(0.890 0.058 16.98) | #ffcccd | hsl(359, 100%, 90%) |
|
|
| 100 | oklch(0.859 0.076 17.76) | #ffbdbe | hsl(359, 100%, 87%) |
|
|
| 200 | oklch(0.827 0.097 18.54) | #ffadae | hsl(359, 100%, 84%) |
|
|
| 300 | oklch(0.798 0.116 19.30) | #ff9e9f | hsl(359, 100%, 81%) |
|
|
| 400 | oklch(0.769 0.137 19.63) | #ff8e90 | hsl(359, 100%, 78%) |
|
|
| 500 | oklch(0.743 0.156 20.62) | #ff7f81 | hsl(359, 100%, 75%) |
|
|
| 600 | oklch(0.657 0.229 25.55) | #ff3d40 | hsl(359, 100%, 62%) |
|
|
| 700 | oklch(0.619 0.254 29.00) | #fa0004 | hsl(359, 100%, 49%) |
|
|
| 800 | oklch(0.490 0.201 28.88) | #b70003 | hsl(359, 100%, 36%) |
|
|
| 900 | oklch(0.353 0.145 28.62) | #750002 | hsl(359, 100%, 23%) |
|
|
| 950 | oklch(0.202 0.082 27.59) | #330001 | hsl(359, 100%, 10%) |
|
| 50 | oklch(0.892 0.058 9.08) | #ffccd3 | hsl(352, 100%, 90%) |
|
|
| 100 | oklch(0.847 0.086 10.89) | #ffb6bf | hsl(353, 100%, 86%) |
|
|
| 200 | oklch(0.803 0.115 11.20) | #ff9fac | hsl(352, 100%, 81%) |
|
|
| 300 | oklch(0.763 0.143 13.01) | #ff8998 | hsl(352, 100%, 77%) |
|
|
| 400 | oklch(0.726 0.172 14.14) | #ff7285 | hsl(352, 100%, 72%) |
|
|
| 500 | oklch(0.695 0.197 16.38) | #ff5c71 | hsl(352, 100%, 68%) |
|
|
| 600 | oklch(0.640 0.246 23.03) | #ff213d | hsl(352, 100%, 56%) |
|
|
| 700 | oklch(0.580 0.236 26.47) | #e5001d | hsl(352, 100%, 45%) |
|
|
| 800 | oklch(0.463 0.188 25.71) | #a90016 | hsl(352, 100%, 33%) |
|
|
| 900 | oklch(0.339 0.137 24.40) | #6e000e | hsl(352, 100%, 22%) |
|
|
| 950 | oklch(0.203 0.082 19.00) | #330007 | hsl(352, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
