Bold Modern Color Palette

This palette exudes a bold, modern energy with deep charcoal, vibrant fuchsia, warm amber, calming teal, and soft cream, creating a striking balance between edgy sophistication and playful warmth.

dark warm vintage earth
#343635
#d90057
#e88700
#77b8a6
#ffe2ba

Practical uses and creative applications

The Bold Modern Color Palette is a striking combination that effortlessly blends sophistication with a contemporary edge. Featuring deep shades like #343635, a rich charcoal, alongside vibrant pops of color such as #d90057 (a fierce magenta) and #e88700 (a warm amber), this palette is perfect for branding that seeks to make a memorable impression.

Ideal for startups or businesses looking to stand out in competitive markets, these colors can elevate logos, business cards, and marketing materials, ensuring that your brand reflects a modern aesthetic that resonates with today’s consumers. In web design, the Bold Modern Color Palette creates an engaging and dynamic user experience.

The soothing tones of #77b8a6 and the soft, inviting #ffe2ba can be used for backgrounds and accents, striking a balance between boldness and approachability. This palette is particularly suited for creative professionals, including graphic designers and web developers, who want to convey innovation and style in their projects.

Whether designing a chic portfolio site or an eye-catching e-commerce platform, this color scheme is versatile enough to adapt to various styles while maintaining a fresh and modern feel. For interior design, the Bold Modern Color Palette can transform any space into a vibrant haven.

Use the deep charcoal as a grounding element for furniture or feature walls, while the bright magenta and amber can be incorporated through accessories like throw pillows or art pieces, adding a playful yet sophisticated touch. This palette is ideal for creatives looking to infuse energy and personality into residential or commercial spaces, providing a bold backdrop that inspires creativity and conversation.

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.924 0.001 197.14) #e5e6e6 hsl(180, 2%, 90%)
100 oklch(0.815 0.003 165.06) #c1c3c2 hsl(150, 2%, 76%)
200 oklch(0.705 0.005 164.94) #9da19f hsl(150, 2%, 62%)
300 oklch(0.588 0.007 170.30) #797e7c hsl(156, 2%, 48%)
400 oklch(0.464 0.005 157.05) #575a58 hsl(140, 2%, 35%)
500 oklch(0.331 0.003 164.88) #343635 hsl(150, 2%, 21%)
600 oklch(0.308 0.001 197.08) #2f3030 hsl(180, 1%, 19%)
700 oklch(0.287 0.003 164.83) #292b2a hsl(150, 2%, 16%)
800 oklch(0.263 0.001 197.07) #242525 hsl(180, 1%, 14%)
900 oklch(0.241 0.004 164.76) #1e201f hsl(150, 3%, 12%)
950 oklch(0.217 0.002 197.04) #191a1a hsl(180, 2%, 10%)

dsfds

50 oklch(0.895 0.063 352.98) #ffcce0 hsl(336, 100%, 90%)
100 oklch(0.805 0.126 355.15) #ff9cc3 hsl(336, 100%, 81%)
200 oklch(0.726 0.188 357.98) #ff6ba6 hsl(336, 100%, 71%)
300 oklch(0.671 0.234 2.42) #ff3b89 hsl(336, 100%, 62%)
400 oklch(0.642 0.254 8.92) #ff0a6c hsl(336, 100%, 52%)
500 oklch(0.566 0.226 10.02) #d90057 hsl(336, 100%, 43%)
600 oklch(0.501 0.200 9.43) #b8004a hsl(336, 100%, 36%)
700 oklch(0.433 0.173 9.10) #97003c hsl(336, 100%, 30%)
800 oklch(0.360 0.144 7.68) #75002f hsl(336, 100%, 23%)
900 oklch(0.287 0.115 5.66) #540022 hsl(336, 100%, 16%)
950 oklch(0.207 0.083 2.86) #330014 hsl(336, 100%, 10%)

dsfds

50 oklch(0.946 0.046 76.84) #ffeacc hsl(35, 100%, 90%)
100 oklch(0.900 0.084 75.67) #ffd79f hsl(35, 100%, 81%)
200 oklch(0.857 0.121 74.38) #ffc471 hsl(35, 100%, 72%)
300 oklch(0.817 0.150 71.39) #ffb144 hsl(35, 100%, 63%)
400 oklch(0.781 0.170 66.11) #ff9e16 hsl(35, 100%, 54%)
500 oklch(0.712 0.163 62.54) #e88700 hsl(35, 100%, 45%)
600 oklch(0.629 0.143 63.05) #c47200 hsl(35, 100%, 38%)
700 oklch(0.543 0.123 63.77) #a05d00 hsl(35, 100%, 31%)
800 oklch(0.452 0.101 65.49) #7b4800 hsl(35, 100%, 24%)
900 oklch(0.357 0.079 67.65) #573300 hsl(35, 100%, 17%)
950 oklch(0.256 0.055 72.29) #331e00 hsl(35, 100%, 10%)

dsfds

50 oklch(0.935 0.019 176.42) #ddeee9 hsl(162, 33%, 90%)
100 oklch(0.895 0.029 177.65) #c9e3dc hsl(164, 32%, 84%)
200 oklch(0.853 0.040 176.62) #b4d8ce hsl(163, 32%, 78%)
300 oklch(0.813 0.050 176.87) #a0cdc1 hsl(164, 31%, 72%)
400 oklch(0.774 0.063 174.94) #8bc3b3 hsl(163, 32%, 65%)
500 oklch(0.734 0.072 174.84) #77b8a6 hsl(163, 31%, 59%)
600 oklch(0.668 0.085 173.36) #57a690 hsl(163, 31%, 50%)
700 oklch(0.569 0.072 173.21) #458573 hsl(163, 32%, 40%)
800 oklch(0.465 0.057 174.12) #346457 hsl(164, 32%, 30%)
900 oklch(0.355 0.041 173.73) #23433a hsl(163, 31%, 20%)
950 oklch(0.235 0.025 173.38) #11221d hsl(162, 33%, 10%)

dsfds

50 oklch(0.946 0.046 76.84) #ffeacc hsl(35, 100%, 90%)
100 oklch(0.941 0.049 76.13) #ffe8c8 hsl(35, 100%, 89%)
200 oklch(0.939 0.052 76.56) #ffe7c5 hsl(35, 100%, 89%)
300 oklch(0.934 0.055 75.93) #ffe5c1 hsl(35, 100%, 88%)
400 oklch(0.932 0.058 76.31) #ffe4be hsl(35, 100%, 87%)
500 oklch(0.927 0.061 75.74) #ffe2ba hsl(35, 100%, 86%)
600 oklch(0.851 0.125 73.45) #ffc16c hsl(35, 100%, 71%)
700 oklch(0.785 0.167 66.56) #ffa01e hsl(35, 100%, 56%)
800 oklch(0.654 0.150 62.63) #cf7800 hsl(35, 100%, 41%)
900 oklch(0.466 0.105 64.77) #814b00 hsl(35, 100%, 25%)
950 oklch(0.256 0.055 72.29) #331e00 hsl(35, 100%, 10%)

Related palettes

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

#2A363B
#EF233C
#D90429
#457B9D
#F1FAEE
#1C2129
#353A42
#FC1AAD
#EEEEEE
#8D0051
#452e3c
#ff3d5a
#ffb969
#eaf27e
#3b8c88
#26251c
#eb0a44
#f2643d
#f2a73d
#a0e8b7
#272d4d
#b83564
#ff6a5a
#ffb350
#83b8aa
#3a3232
#d83018
#f07848
#fdfcce
#c0d8d8
#2f2e30
#e84b2c
#e6d839
#7cd164
#2eb8ac
#615c5c
#e30075
#ff4a4a
#ffb319
#ebe8e8
#13141a
#a90448
#fb3640
#fda543
#17c69b
© 2025 KColor. All rights reserved. 1.11.0