Vibrant Spring Color Palette

This vibrant palette bursts with energy and warmth, featuring bold crimson, soft cream, and fresh greens that evoke a playful, cheerful springtime vibe perfect for a lively and inviting atmosphere.

pastel spring happy nature
#ff4242
#f4fad2
#d4ee5e
#e1edb9
#f0f2eb

Practical uses and creative applications

The Vibrant Spring Color Palette is a lively mix of hues that embodies the essence of renewal and growth. Featuring bold reds, soft pastels, and bright greens, this palette is perfect for designers looking to infuse their projects with energy and optimism.

Ideal for branding, web design, and packaging, the striking contrast between #ff4242 and the soothing tones of #f4fad2 and #e1edb9 creates a visually appealing experience that captures attention without overwhelming the senses. This color palette is particularly suited for businesses in the health, beauty, and lifestyle sectors, as it evokes feelings of freshness and vibrancy.

Creatives can leverage the Vibrant Spring Color Palette to enhance interior spaces, bringing a sense of warmth and cheerfulness to homes and offices. Whether you're designing an engaging website or developing product packaging, this palette can help you connect with your audience on an emotional level, making it a valuable choice for designers aiming to convey a joyful and approachable brand identity.

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.890 0.058 18.30) #ffcccc hsl(0, 100%, 90%)
100 oklch(0.833 0.093 19.22) #ffb0b0 hsl(0, 100%, 85%)
200 oklch(0.781 0.128 20.38) #ff9595 hsl(0, 100%, 79%)
300 oklch(0.733 0.164 21.93) #ff7979 hsl(0, 100%, 74%)
400 oklch(0.694 0.196 23.76) #ff5e5e hsl(0, 100%, 68%)
500 oklch(0.662 0.225 25.88) #ff4242 hsl(0, 100%, 63%)
600 oklch(0.630 0.255 28.94) #ff0c0c hsl(0, 100%, 52%)
700 oklch(0.548 0.225 29.23) #d50000 hsl(0, 100%, 42%)
800 oklch(0.441 0.181 29.23) #9f0000 hsl(0, 100%, 31%)
900 oklch(0.327 0.134 29.23) #690000 hsl(0, 100%, 21%)
950 oklch(0.202 0.083 29.23) #330000 hsl(0, 100%, 10%)

dsfds

50 oklch(0.970 0.054 114.17) #f4fad1 hsl(69, 80%, 90%)
100 oklch(0.970 0.054 114.17) #f4fad1 hsl(69, 80%, 90%)
200 oklch(0.970 0.054 114.17) #f4fad1 hsl(69, 80%, 90%)
300 oklch(0.970 0.052 114.31) #f4fad2 hsl(69, 80%, 90%)
400 oklch(0.970 0.052 114.31) #f4fad2 hsl(69, 80%, 90%)
500 oklch(0.970 0.052 114.31) #f4fad2 hsl(69, 80%, 90%)
600 oklch(0.927 0.132 116.08) #e2f288 hsl(69, 80%, 74%)
700 oklch(0.889 0.187 118.05) #d0ea3f hsl(69, 80%, 58%)
800 oklch(0.765 0.176 119.13) #a7c115 hsl(69, 80%, 42%)
900 oklch(0.541 0.122 118.76) #68780d hsl(69, 80%, 26%)
950 oklch(0.286 0.061 117.64) #282e05 hsl(69, 80%, 10%)

dsfds

50 oklch(0.969 0.054 115.28) #f3fad1 hsl(70, 80%, 90%)
100 oklch(0.956 0.081 116.13) #edf8ba hsl(71, 82%, 85%)
200 oklch(0.940 0.105 116.91) #e6f5a3 hsl(71, 80%, 80%)
300 oklch(0.928 0.130 117.56) #e0f38c hsl(71, 81%, 75%)
400 oklch(0.914 0.150 117.88) #daf075 hsl(71, 80%, 70%)
500 oklch(0.903 0.170 118.60) #d4ee5e hsl(71, 81%, 65%)
600 oklch(0.878 0.199 120.40) #c6e92b hsl(71, 81%, 54%)
700 oklch(0.778 0.182 120.78) #a7c715 hsl(71, 81%, 43%)
800 oklch(0.626 0.145 120.69) #7c9410 hsl(71, 80%, 32%)
900 oklch(0.463 0.106 120.52) #51610a hsl(71, 81%, 21%)
950 oklch(0.285 0.061 118.89) #272e05 hsl(70, 80%, 10%)

dsfds

50 oklch(0.957 0.041 117.52) #eef5d6 hsl(74, 61%, 90%)
100 oklch(0.949 0.045 118.03) #ebf3d1 hsl(74, 59%, 89%)
200 oklch(0.944 0.052 117.96) #e9f2cb hsl(74, 60%, 87%)
300 oklch(0.937 0.057 118.15) #e6f0c5 hsl(74, 59%, 86%)
400 oklch(0.932 0.064 118.14) #e4efbf hsl(74, 60%, 84%)
500 oklch(0.924 0.069 118.33) #e1edb9 hsl(74, 59%, 83%)
600 oklch(0.863 0.124 119.64) #c8de7e hsl(74, 59%, 68%)
700 oklch(0.804 0.167 121.74) #aecf43 hsl(74, 59%, 54%)
800 oklch(0.659 0.144 122.25) #839f29 hsl(74, 59%, 39%)
900 oklch(0.473 0.100 121.59) #53641a hsl(74, 59%, 25%)
950 oklch(0.266 0.050 120.69) #22290a hsl(74, 61%, 10%)

dsfds

50 oklch(0.935 0.015 119.11) #e8ebe0 hsl(76, 22%, 90%)
100 oklch(0.938 0.014 120.28) #e9ece2 hsl(78, 21%, 91%)
200 oklch(0.944 0.014 120.28) #ebeee4 hsl(78, 23%, 91%)
300 oklch(0.948 0.011 118.03) #edefe7 hsl(75, 20%, 92%)
400 oklch(0.954 0.011 123.46) #eef1e9 hsl(82, 22%, 93%)
500 oklch(0.958 0.010 119.58) #f0f2eb hsl(77, 21%, 94%)
600 oklch(0.845 0.035 119.87) #c9d0b7 hsl(77, 21%, 77%)
700 oklch(0.733 0.061 120.58) #a3af84 hsl(77, 21%, 60%)
800 oklch(0.597 0.069 121.09) #798657 hsl(77, 21%, 43%)
900 oklch(0.426 0.047 122.40) #4a5336 hsl(79, 21%, 27%)
950 oklch(0.232 0.021 120.42) #1c1f14 hsl(76, 22%, 10%)

Related palettes

Discover more palettes with a similar mood and vibe or Browse our collection.

#CAFFBF
#95FF80
#EB0052
#A4003A
#890027
#ccf390
#e0e05a
#f7c41f
#fc930a
#ff003d
#95a131
#c8cd3b
#f6f1de
#f5b9ae
#ee0b5b
#e04891
#e1b7ed
#f5e1e2
#d1e389
#b9de51
#f2502c
#cad17a
#fcf59b
#91c494
#c42311
#fcf9ce
#c4e0a6
#dea37a
#bd3737
#d54c4a
#ef4335
#f68b36
#f2cd4f
#cae081
#88eed0
#fb545c
#99662d
#b7e1a1
#cdeda1
#fdf5a4
#db3026
#e88a25
#f9e14b
#efed89
#7abf66
© 2025 KColor. All rights reserved. 1.11.0