Bold Edgy Color Palette
This palette exudes a bold, edgy vibe with deep charcoal and slate grays, a vibrant fuchsia pop, soft white accents, and a rich plum, creating a striking contrast between modern sophistication and playful energy.
Practical uses and creative applications
The Bold Edgy Color Palette is a striking combination of deep shades and vibrant accents, designed to make a powerful statement. Featuring the rich charcoal #1C2129 and #353A42, paired with the electrifying fuchsia #FC1AAD, soft grey #EEEEEE, and a daring purple #8D0051, this palette is perfect for branding that aims to capture attention and convey a modern edge.
Ideal for creative professionals, this color scheme shines in web design, packaging, and marketing materials, where it can evoke feelings of confidence, innovation, and uniqueness. This palette is particularly suited for brands targeting a youthful, dynamic audience, such as fashion lines, tech startups, or music events.
Designers looking to create an impactful visual identity will find that the Bold Edgy Color Palette enhances the overall aesthetic of their projects, whether it's a sleek website, eye-catching product packaging, or trendy interiors. The combination of vibrant and neutral tones allows for versatility while maintaining a cohesive and stylish look, making it an excellent choice for creatives who want their work to stand out in a crowded marketplace.
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.918 0.009 264.52) | #e1e4ea | hsl(220, 18%, 90%) |
|
|
100 | oklch(0.792 0.024 258.37) | #b2bccb | hsl(216, 19%, 75%) |
|
|
200 | oklch(0.660 0.040 259.78) | #8493ab | hsl(217, 19%, 59%) |
|
|
300 | oklch(0.527 0.046 258.77) | #5b6c86 | hsl(216, 19%, 44%) |
|
|
400 | oklch(0.392 0.032 260.99) | #3c4657 | hsl(218, 18%, 29%) |
|
|
500 | oklch(0.246 0.017 259.76) | #1c2129 | hsl(217, 19%, 14%) |
|
|
600 | oklch(0.239 0.017 264.19) | #1b1f27 | hsl(220, 18%, 13%) |
|
|
700 | oklch(0.233 0.015 256.81) | #191e25 | hsl(215, 19%, 12%) |
|
|
800 | oklch(0.225 0.015 261.63) | #181c23 | hsl(218, 19%, 12%) |
|
|
900 | oklch(0.216 0.013 258.37) | #161a20 | hsl(216, 19%, 11%) |
|
|
950 | oklch(0.209 0.013 264.25) | #15181e | hsl(220, 18%, 10%) |
|
dsfds
50 | oklch(0.921 0.005 258.33) | #e3e5e8 | hsl(216, 10%, 90%) |
|
|
100 | oklch(0.813 0.013 259.82) | #bdc2ca | hsl(217, 11%, 77%) |
|
|
200 | oklch(0.700 0.021 260.16) | #979fac | hsl(217, 11%, 63%) |
|
|
300 | oklch(0.584 0.029 261.09) | #727c8d | hsl(218, 11%, 50%) |
|
|
400 | oklch(0.469 0.023 260.14) | #535b68 | hsl(217, 11%, 37%) |
|
|
500 | oklch(0.347 0.016 259.81) | #353a42 | hsl(217, 11%, 23%) |
|
|
600 | oklch(0.320 0.014 261.72) | #2f333a | hsl(218, 10%, 21%) |
|
|
700 | oklch(0.296 0.012 258.37) | #292d33 | hsl(216, 11%, 18%) |
|
|
800 | oklch(0.268 0.010 260.70) | #23262b | hsl(218, 10%, 15%) |
|
|
900 | oklch(0.239 0.010 268.26) | #1d1f24 | hsl(223, 11%, 13%) |
|
|
950 | oklch(0.213 0.007 258.37) | #17191c | hsl(216, 10%, 10%) |
|
dsfds
50 | oklch(0.900 0.069 339.36) | #fecded | hsl(321, 96%, 90%) |
|
|
100 | oklch(0.834 0.121 340.93) | #fea9e0 | hsl(321, 98%, 83%) |
|
|
200 | oklch(0.773 0.171 342.24) | #fd85d3 | hsl(321, 97%, 76%) |
|
|
300 | oklch(0.723 0.217 343.76) | #fd61c7 | hsl(321, 98%, 69%) |
|
|
400 | oklch(0.685 0.250 345.83) | #fc3eba | hsl(321, 97%, 62%) |
|
|
500 | oklch(0.661 0.268 348.58) | #fc1aad | hsl(321, 97%, 55%) |
|
|
600 | oklch(0.610 0.253 350.68) | #e60396 | hsl(321, 97%, 46%) |
|
|
700 | oklch(0.518 0.215 350.19) | #b90279 | hsl(321, 98%, 37%) |
|
|
800 | oklch(0.423 0.176 349.45) | #8c025c | hsl(321, 97%, 28%) |
|
|
900 | oklch(0.322 0.134 348.76) | #5f013e | hsl(321, 98%, 19%) |
|
|
950 | oklch(0.212 0.087 346.11) | #320121 | hsl(321, 96%, 10%) |
|
dsfds
50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
100 | oklch(0.928 0.000 89.88) | #e7e7e7 | hsl(0, 0%, 91%) |
|
|
200 | oklch(0.934 0.000 89.88) | #e9e9e9 | hsl(0, 0%, 91%) |
|
|
300 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
400 | oklch(0.943 0.000 89.88) | #ececec | hsl(0, 0%, 93%) |
|
|
500 | oklch(0.949 0.000 89.88) | #eeeeee | hsl(0, 0%, 93%) |
|
|
600 | oklch(0.820 0.000 89.88) | #c4c4c4 | hsl(0, 0%, 77%) |
|
|
700 | oklch(0.683 0.000 89.88) | #999999 | hsl(0, 0%, 60%) |
|
|
800 | oklch(0.542 0.000 89.88) | #6f6f6f | hsl(0, 0%, 44%) |
|
|
900 | oklch(0.387 0.000 89.88) | #444444 | hsl(0, 0%, 27%) |
|
|
950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
50 | oklch(0.898 0.068 343.44) | #ffcce9 | hsl(326, 100%, 90%) |
|
|
100 | oklch(0.784 0.158 345.88) | #ff8cce | hsl(326, 100%, 77%) |
|
|
200 | oklch(0.699 0.232 349.59) | #ff4db3 | hsl(326, 100%, 65%) |
|
|
300 | oklch(0.655 0.265 355.25) | #ff0d98 | hsl(326, 100%, 53%) |
|
|
400 | oklch(0.553 0.226 356.23) | #cd0076 | hsl(325, 100%, 40%) |
|
|
500 | oklch(0.420 0.172 355.39) | #8d0051 | hsl(326, 100%, 28%) |
|
|
600 | oklch(0.381 0.156 354.78) | #7b0047 | hsl(325, 100%, 24%) |
|
|
700 | oklch(0.340 0.140 354.66) | #69003c | hsl(326, 100%, 21%) |
|
|
800 | oklch(0.299 0.123 353.70) | #570032 | hsl(326, 100%, 17%) |
|
|
900 | oklch(0.256 0.106 352.34) | #450028 | hsl(325, 100%, 14%) |
|
|
950 | oklch(0.211 0.088 351.47) | #33001d | hsl(326, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.