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.
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.