Bright Cheerful Color Palette
This palette exudes a bright, cheerful energy with its soft greys and vibrant lime hues, anchored by a deep charcoal that adds sophistication, creating a playful yet refined modern vibe.
Practical uses and creative applications
Introducing the Bright Cheerful Color Palette, a vibrant combination of hues that evokes feelings of joy and positivity. Featuring soft whites (#F0F0F0), sunny yellows (#F0F0A0 and #F0F000), and a touch of warmth with golden accents (#F0C800), balanced by a deep charcoal (#282828), this palette is perfect for anyone looking to uplift their projects.
Whether you’re designing a playful website, branding a new product, or even revamping your interior space, these colors work harmoniously to create an inviting atmosphere that resonates with audiences. Ideal for designers, creatives, and businesses in the lifestyle, wellness, or children's sectors, the Bright Cheerful Color Palette can be employed in various applications.
In branding, it can add a fresh and friendly touch, making your brand instantly relatable and memorable. For web design, the soft whites and bright yellows can enhance user experience, while the deep charcoal provides a grounding element that ensures readability.
Additionally, these colors can breathe life into packaging designs, making them stand out on shelves while radiating a sense of happiness. Whether you’re redecorating a child's room or creating a cheerful marketing campaign, this palette is guaranteed to inspire and elevate any creative endeavor.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.931 0.000 89.88) | #e8e8e8 | hsl(0, 0%, 91%) |
|
|
| 200 | oklch(0.937 0.000 89.88) | #eaeaea | hsl(0, 0%, 92%) |
|
|
| 300 | oklch(0.943 0.000 89.88) | #ececec | hsl(0, 0%, 93%) |
|
|
| 400 | oklch(0.949 0.000 89.88) | #eeeeee | hsl(0, 0%, 93%) |
|
|
| 500 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 600 | oklch(0.823 0.000 89.88) | #c5c5c5 | hsl(0, 0%, 77%) |
|
|
| 700 | oklch(0.686 0.000 89.88) | #9a9a9a | hsl(0, 0%, 60%) |
|
|
| 800 | oklch(0.542 0.000 89.88) | #6f6f6f | hsl(0, 0%, 44%) |
|
|
| 900 | oklch(0.387 0.000 89.88) | #444444 | hsl(0, 0%, 27%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.970 0.048 107.26) | #f8f8d3 | hsl(60, 73%, 90%) |
|
|
| 100 | oklch(0.962 0.058 107.45) | #f6f6c9 | hsl(60, 71%, 88%) |
|
|
| 200 | oklch(0.957 0.070 107.64) | #f5f5bf | hsl(60, 73%, 85%) |
|
|
| 300 | oklch(0.949 0.081 107.84) | #f3f3b4 | hsl(60, 72%, 83%) |
|
|
| 400 | oklch(0.945 0.091 108.03) | #f2f2aa | hsl(60, 73%, 81%) |
|
|
| 500 | oklch(0.937 0.101 108.20) | #f0f0a0 | hsl(60, 73%, 78%) |
|
|
| 600 | oklch(0.900 0.151 109.09) | #e6e664 | hsl(60, 72%, 65%) |
|
|
| 700 | oklch(0.870 0.181 109.64) | #dddd27 | hsl(60, 73%, 51%) |
|
|
| 800 | oklch(0.699 0.146 109.65) | #a5a51a | hsl(60, 73%, 37%) |
|
|
| 900 | oklch(0.501 0.103 109.60) | #686810 | hsl(60, 73%, 24%) |
|
|
| 950 | oklch(0.285 0.054 109.40) | #2c2c07 | hsl(60, 73%, 10%) |
|
dsfds
| 50 | oklch(0.988 0.065 107.54) | #ffffcc | hsl(60, 100%, 90%) |
|
|
| 100 | oklch(0.979 0.117 108.38) | #ffffa0 | hsl(60, 100%, 81%) |
|
|
| 200 | oklch(0.974 0.160 109.04) | #ffff74 | hsl(60, 100%, 73%) |
|
|
| 300 | oklch(0.970 0.190 109.48) | #ffff49 | hsl(60, 100%, 64%) |
|
|
| 400 | oklch(0.968 0.207 109.71) | #ffff1d | hsl(60, 100%, 56%) |
|
|
| 500 | oklch(0.925 0.202 109.77) | #f0f000 | hsl(60, 100%, 47%) |
|
|
| 600 | oklch(0.812 0.177 109.77) | #caca00 | hsl(60, 100%, 40%) |
|
|
| 700 | oklch(0.696 0.152 109.77) | #a4a400 | hsl(60, 100%, 32%) |
|
|
| 800 | oklch(0.577 0.126 109.77) | #7f7f00 | hsl(60, 100%, 25%) |
|
|
| 900 | oklch(0.449 0.098 109.77) | #595900 | hsl(60, 100%, 17%) |
|
|
| 950 | oklch(0.311 0.068 109.77) | #333300 | hsl(60, 100%, 10%) |
|
dsfds
| 50 | oklch(0.972 0.056 98.59) | #fff7cc | hsl(51, 100%, 90%) |
|
|
| 100 | oklch(0.947 0.100 98.14) | #ffefa0 | hsl(50, 100%, 81%) |
|
|
| 200 | oklch(0.927 0.138 98.29) | #ffe874 | hsl(50, 100%, 73%) |
|
|
| 300 | oklch(0.909 0.165 97.68) | #ffe149 | hsl(50, 100%, 64%) |
|
|
| 400 | oklch(0.891 0.179 95.77) | #ffd91d | hsl(50, 100%, 56%) |
|
|
| 500 | oklch(0.843 0.173 94.30) | #f0c800 | hsl(50, 100%, 47%) |
|
|
| 600 | oklch(0.742 0.152 94.86) | #caa900 | hsl(50, 100%, 40%) |
|
|
| 700 | oklch(0.636 0.131 94.98) | #a48900 | hsl(50, 100%, 32%) |
|
|
| 800 | oklch(0.529 0.109 95.30) | #7f6a00 | hsl(50, 100%, 25%) |
|
|
| 900 | oklch(0.412 0.085 95.69) | #594a00 | hsl(50, 100%, 17%) |
|
|
| 950 | oklch(0.289 0.060 98.23) | #332b00 | hsl(51, 100%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.808 0.000 89.88) | #c0c0c0 | hsl(0, 0%, 75%) |
|
|
| 200 | oklch(0.686 0.000 89.88) | #9a9a9a | hsl(0, 0%, 60%) |
|
|
| 300 | oklch(0.559 0.000 89.88) | #747474 | hsl(0, 0%, 45%) |
|
|
| 400 | oklch(0.424 0.000 89.88) | #4e4e4e | hsl(0, 0%, 31%) |
|
|
| 500 | oklch(0.277 0.000 89.88) | #282828 | hsl(0, 0%, 16%) |
|
|
| 600 | oklch(0.264 0.000 89.88) | #252525 | hsl(0, 0%, 15%) |
|
|
| 700 | oklch(0.252 0.000 89.88) | #222222 | hsl(0, 0%, 13%) |
|
|
| 800 | oklch(0.239 0.000 89.88) | #1f1f1f | hsl(0, 0%, 12%) |
|
|
| 900 | oklch(0.226 0.000 89.88) | #1c1c1c | hsl(0, 0%, 11%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
