Vibrant Color Palette for Modern Design

This vibrant palette bursts with energy, blending zesty lime green and soft cream with deep teal and bold magenta, evoking a playful yet sophisticated atmosphere perfect for modern design.

pastel nature summer happy
#c8ce13
#f8f5c1
#349e97
#2c0d1a
#de1a72

Practical uses and creative applications

Introducing the Vibrant Color Palette for Modern Design, an eye-catching combination of #c8ce13, #f8f5c1, #349e97, #2c0d1a, and #de1a72. This dynamic palette is tailored for creatives and designers looking to infuse energy and innovation into their projects.

With bright greens, warm neutrals, and bold accents, it offers a versatile foundation for branding, web design, packaging, and interior decor. Whether you're launching a new product or revamping your online presence, these colors can help convey a sense of modernity and freshness.

Ideal for brands that want to make a statement, this color palette suits playful and contemporary aesthetics that resonate with youthful audiences. Designers can leverage this palette to create visually striking marketing materials that evoke feelings of excitement and passion.

From lively websites to vibrant product packaging, the Vibrant Color Palette for Modern Design enhances user experience through its harmonious yet bold contrasts, ensuring your projects stand out in a competitive landscape. Embrace this palette to captivate your audience and elevate your creative endeavors!.

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.976 0.056 109.58) #f9fbd0 hsl(63, 84%, 90%)
100 oklch(0.955 0.103 109.98) #f4f7a5 hsl(62, 84%, 81%)
200 oklch(0.937 0.143 110.58) #eff37b hsl(62, 83%, 72%)
300 oklch(0.921 0.175 111.14) #eaef50 hsl(62, 83%, 63%)
400 oklch(0.906 0.193 111.61) #e5eb25 hsl(62, 83%, 53%)
500 oklch(0.819 0.178 111.88) #c8ce13 hsl(62, 83%, 44%)
600 oklch(0.723 0.157 111.82) #a9ae10 hsl(62, 83%, 37%)
700 oklch(0.623 0.134 111.74) #8a8e0d hsl(62, 83%, 30%)
800 oklch(0.519 0.111 111.62) #6b6e0a hsl(62, 83%, 24%)
900 oklch(0.411 0.087 112.25) #4c4f07 hsl(63, 84%, 17%)
950 oklch(0.294 0.061 112.29) #2d2f04 hsl(63, 84%, 10%)

dsfds

50 oklch(0.971 0.051 104.89) #faf8d1 hsl(57, 80%, 90%)
100 oklch(0.967 0.053 105.05) #f9f7ce hsl(57, 78%, 89%)
200 oklch(0.967 0.057 105.27) #f9f7cb hsl(57, 79%, 89%)
300 oklch(0.964 0.061 104.45) #f9f6c7 hsl(56, 81%, 88%)
400 oklch(0.962 0.064 105.65) #f8f6c4 hsl(58, 79%, 87%)
500 oklch(0.960 0.067 104.85) #f8f5c1 hsl(57, 80%, 86%)
600 oklch(0.919 0.133 105.97) #f0ea7b hsl(57, 80%, 71%)
700 oklch(0.882 0.175 105.90) #e8de35 hsl(57, 80%, 56%)
800 oklch(0.744 0.155 105.82) #bab115 hsl(57, 80%, 41%)
900 oklch(0.527 0.108 105.62) #746e0d hsl(57, 80%, 25%)
950 oklch(0.287 0.056 106.49) #2e2c05 hsl(57, 80%, 10%)

dsfds

50 oklch(0.943 0.026 193.79) #d9f2f1 hsl(178, 49%, 90%)
100 oklch(0.889 0.052 191.77) #b3e6e3 hsl(176, 50%, 80%)
200 oklch(0.838 0.076 190.54) #8edad5 hsl(176, 51%, 71%)
300 oklch(0.786 0.095 190.28) #68cdc7 hsl(176, 50%, 61%)
400 oklch(0.741 0.110 189.03) #43c1b9 hsl(176, 50%, 51%)
500 oklch(0.638 0.095 188.75) #349e97 hsl(176, 50%, 41%)
600 oklch(0.566 0.084 188.74) #2c8680 hsl(176, 51%, 35%)
700 oklch(0.492 0.072 188.73) #246e69 hsl(176, 51%, 29%)
800 oklch(0.415 0.060 188.71) #1c5652 hsl(176, 51%, 22%)
900 oklch(0.335 0.045 190.78) #153e3c hsl(177, 49%, 16%)
950 oklch(0.249 0.031 191.85) #0d2625 hsl(178, 49%, 10%)

dsfds

50 oklch(0.908 0.033 351.20) #f3d8e3 hsl(336, 53%, 90%)
100 oklch(0.764 0.093 352.52) #e19ab8 hsl(335, 54%, 74%)
200 oklch(0.631 0.154 356.25) #cf5c8c hsl(335, 55%, 59%)
300 oklch(0.507 0.159 359.11) #a83263 hsl(335, 54%, 43%)
400 oklch(0.368 0.111 357.83) #6a1f3f hsl(334, 55%, 27%)
500 oklch(0.215 0.054 356.40) #2c0d1a hsl(335, 54%, 11%)
600 oklch(0.213 0.052 357.42) #2b0d19 hsl(336, 54%, 11%)
700 oklch(0.209 0.053 355.57) #2a0c19 hsl(334, 56%, 11%)
800 oklch(0.207 0.051 356.60) #290c18 hsl(335, 55%, 10%)
900 oklch(0.205 0.050 355.54) #280c18 hsl(334, 54%, 10%)
950 oklch(0.203 0.048 356.65) #270c17 hsl(336, 53%, 10%)

dsfds

50 oklch(0.901 0.051 349.93) #fad1e3 hsl(334, 80%, 90%)
100 oklch(0.823 0.095 350.65) #f5accd hsl(333, 78%, 82%)
200 oklch(0.750 0.141 352.72) #f186b6 hsl(333, 79%, 74%)
300 oklch(0.684 0.183 355.03) #ec609f hsl(333, 79%, 65%)
400 oklch(0.632 0.217 358.47) #e83a88 hsl(333, 79%, 57%)
500 oklch(0.589 0.227 2.16) #de1a72 hsl(333, 79%, 49%)
600 oklch(0.519 0.199 1.87) #bb1660 hsl(333, 79%, 41%)
700 oklch(0.445 0.169 1.18) #97124e hsl(333, 79%, 33%)
800 oklch(0.370 0.138 0.51) #740e3c hsl(333, 78%, 25%)
900 oklch(0.290 0.106 359.19) #51092a hsl(333, 80%, 18%)
950 oklch(0.205 0.070 357.99) #2e0517 hsl(334, 80%, 10%)

Related palettes

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

#0EC13E
#96E18C
#537C6D
#E57E4C
#B51B5A
#F1F5F2
#D9EBDC
#045E6A
#DA1D79
#BE0063
#a3a948
#edb92e
#f85931
#ce1836
#009989
#cc0c39
#e6781e
#c8cf02
#f8fcc1
#1693a7
#aaff00
#ffaa00
#ff00aa
#aa00ff
#00aaff
#b877a8
#b8008a
#ff3366
#ffcc33
#ccff33
#551bb3
#268fbe
#2cb8b2
#3ddb8f
#a9f04d
#b0da09
#f99400
#f00a5e
#b80090
#544f51
#259b9b
#6fbcaa
#b8d6b0
#feedbf
#ff1964
© 2025 KColor. All rights reserved. 1.11.0