Cheerful Spring Color Palette
This cheerful palette bursts with sunshine and energy, blending vibrant yellows and soft pastels with a bold pop of red, evoking a playful, fresh, and uplifting vibe perfect for a joyful spring day.
Practical uses and creative applications
The Cheerful Spring Color Palette brings a vibrant burst of energy with its lively hues, making it an ideal choice for branding and marketing materials aimed at a youthful or family-oriented audience. The striking yellow (#F7C90F) and soft pastel tones (#F9DB7B, #FFEFC8) create a welcoming atmosphere, perfect for businesses in the wellness, beauty, or food industries.
These colors can effectively convey a sense of optimism and positivity, making them excellent for product packaging aimed at spring launches or seasonal promotions. In web design, this palette can be utilized to craft inviting user interfaces that resonate with visitors seeking fresh, dynamic experiences.
Designers can leverage the earthy green (#B7D572) and bold red (#DA0655) as accent colors to draw attention to calls to action or important content, ensuring a balanced yet eye-catching layout. Ideal for creatives looking to evoke a cheerful, uplifting mood, the Cheerful Spring Color Palette is perfect for floral businesses, children's products, or lifestyle blogs aiming to inspire joy and creativity.
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.965 0.050 96.17) | #fdf4ce | hsl(49, 92%, 90%) |
|
|
| 100 | oklch(0.938 0.087 95.59) | #fceba8 | hsl(48, 93%, 82%) |
|
|
| 200 | oklch(0.915 0.121 95.96) | #fbe381 | hsl(48, 94%, 75%) |
|
|
| 300 | oklch(0.892 0.148 95.04) | #fada5b | hsl(48, 94%, 67%) |
|
|
| 400 | oklch(0.872 0.166 94.39) | #f8d235 | hsl(48, 93%, 59%) |
|
|
| 500 | oklch(0.852 0.172 91.81) | #f7c90f | hsl(48, 94%, 51%) |
|
|
| 600 | oklch(0.760 0.154 91.35) | #d5ac07 | hsl(48, 94%, 43%) |
|
|
| 700 | oklch(0.649 0.131 91.70) | #ac8b06 | hsl(48, 93%, 35%) |
|
|
| 800 | oklch(0.533 0.108 92.28) | #836a04 | hsl(48, 94%, 26%) |
|
|
| 900 | oklch(0.411 0.083 93.23) | #5a4903 | hsl(48, 94%, 18%) |
|
|
| 950 | oklch(0.279 0.055 95.32) | #312802 | hsl(49, 92%, 10%) |
|
| 50 | oklch(0.961 0.048 93.00) | #fdf2ce | hsl(46, 92%, 90%) |
|
|
| 100 | oklch(0.947 0.063 92.45) | #fcedbe | hsl(45, 91%, 87%) |
|
|
| 200 | oklch(0.934 0.079 93.37) | #fbe9ad | hsl(46, 91%, 83%) |
|
|
| 300 | oklch(0.921 0.094 92.42) | #fbe49c | hsl(45, 92%, 80%) |
|
|
| 400 | oklch(0.910 0.108 92.81) | #fae08c | hsl(46, 92%, 76%) |
|
|
| 500 | oklch(0.897 0.121 92.47) | #f9db7b | hsl(46, 91%, 73%) |
|
|
| 600 | oklch(0.854 0.156 90.55) | #f6ca3e | hsl(46, 91%, 60%) |
|
|
| 700 | oklch(0.796 0.161 86.93) | #e9b40b | hsl(46, 91%, 48%) |
|
|
| 800 | oklch(0.637 0.128 87.48) | #ac8508 | hsl(46, 91%, 35%) |
|
|
| 900 | oklch(0.463 0.092 88.33) | #6e5505 | hsl(46, 91%, 23%) |
|
|
| 950 | oklch(0.274 0.054 91.35) | #312602 | hsl(46, 92%, 10%) |
|
| 50 | oklch(0.958 0.050 88.08) | #fff0cc | hsl(42, 100%, 90%) |
|
|
| 100 | oklch(0.958 0.051 88.57) | #fff0cb | hsl(43, 100%, 90%) |
|
|
| 200 | oklch(0.957 0.052 89.04) | #fff0ca | hsl(43, 100%, 90%) |
|
|
| 300 | oklch(0.956 0.051 87.40) | #ffefca | hsl(42, 100%, 90%) |
|
|
| 400 | oklch(0.955 0.052 87.89) | #ffefc9 | hsl(42, 100%, 89%) |
|
|
| 500 | oklch(0.955 0.053 88.36) | #ffefc8 | hsl(43, 100%, 89%) |
|
|
| 600 | oklch(0.894 0.123 87.22) | #ffd777 | hsl(42, 100%, 73%) |
|
|
| 700 | oklch(0.843 0.165 83.25) | #ffc026 | hsl(43, 100%, 57%) |
|
|
| 800 | oklch(0.718 0.149 79.26) | #d59700 | hsl(43, 100%, 42%) |
|
|
| 900 | oklch(0.506 0.105 80.09) | #845d00 | hsl(42, 100%, 26%) |
|
|
| 950 | oklch(0.271 0.056 85.04) | #332400 | hsl(42, 100%, 10%) |
|
| 50 | oklch(0.951 0.037 120.53) | #ebf3d8 | hsl(78, 53%, 90%) |
|
|
| 100 | oklch(0.926 0.057 120.47) | #e1edc3 | hsl(77, 54%, 85%) |
|
|
| 200 | oklch(0.901 0.076 121.64) | #d6e7af | hsl(78, 54%, 80%) |
|
|
| 300 | oklch(0.877 0.094 121.92) | #cce19b | hsl(78, 54%, 75%) |
|
|
| 400 | oklch(0.853 0.113 122.68) | #c1db86 | hsl(78, 54%, 69%) |
|
|
| 500 | oklch(0.829 0.130 123.09) | #b7d572 | hsl(78, 54%, 64%) |
|
|
| 600 | oklch(0.779 0.161 124.45) | #a1c847 | hsl(78, 54%, 53%) |
|
|
| 700 | oklch(0.679 0.148 125.10) | #83a732 | hsl(78, 54%, 43%) |
|
|
| 800 | oklch(0.548 0.117 124.56) | #627c25 | hsl(78, 54%, 32%) |
|
|
| 900 | oklch(0.410 0.085 124.81) | #405218 | hsl(79, 55%, 21%) |
|
|
| 950 | oklch(0.257 0.046 123.38) | #1f270c | hsl(78, 53%, 10%) |
|
| 50 | oklch(0.896 0.060 354.37) | #fecddf | hsl(338, 96%, 90%) |
|
|
| 100 | oklch(0.807 0.116 356.29) | #fca0c2 | hsl(338, 94%, 81%) |
|
|
| 200 | oklch(0.729 0.174 358.96) | #fb72a5 | hsl(338, 94%, 72%) |
|
|
| 300 | oklch(0.669 0.222 2.90) | #fa4488 | hsl(338, 95%, 62%) |
|
|
| 400 | oklch(0.634 0.246 8.81) | #f9166b | hsl(338, 95%, 53%) |
|
|
| 500 | oklch(0.568 0.225 11.09) | #da0655 | hsl(338, 95%, 44%) |
|
|
| 600 | oklch(0.501 0.198 10.51) | #b80548 | hsl(338, 95%, 37%) |
|
|
| 700 | oklch(0.434 0.171 9.91) | #97043b | hsl(338, 95%, 30%) |
|
|
| 800 | oklch(0.362 0.142 8.71) | #75032e | hsl(337, 95%, 24%) |
|
|
| 900 | oklch(0.285 0.112 7.50) | #530220 | hsl(338, 95%, 17%) |
|
|
| 950 | oklch(0.206 0.080 4.14) | #320113 | hsl(338, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
