Bold Urban Chic Color Palette
This palette exudes a bold, edgy vibe with striking fuchsia and deep crimson tones contrasted against sleek charcoal grays, creating an atmosphere of fierce sophistication and urban chic.
Practical uses and creative applications
The Bold Urban Chic Color Palette is a striking combination of deep, sophisticated hues that exude modernity and confidence. Featuring shades like the muted gray of #a8a7a7 and the vibrant pinks of #cc527a and #e8175d, this palette is perfect for designers looking to create impactful branding or web designs that resonate with a contemporary audience.
Its rich, dark tones of #474747 and #363636 provide an elegant backdrop, making it ideal for high-end packaging or interior spaces that aim to impress. This color palette suits a variety of creative professionals, from graphic designers to interior decorators, who want to evoke a sense of urban sophistication.
Whether you're designing a chic café, a trendy fashion brand, or a sleek tech startup's website, the Bold Urban Chic Color Palette can elevate your project with its dynamic energy and stylish appeal. The combination of bold colors and subtle neutrals allows for versatility, making it a great choice for anyone looking to infuse their work with a modern edge while maintaining a polished aesthetic.
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.923 0.001 17.18) | #e6e5e5 | hsl(0, 2%, 90%) |
|
|
| 100 | oklch(0.885 0.000 89.88) | #d9d9d9 | hsl(0, 0%, 85%) |
|
|
| 200 | oklch(0.846 0.001 17.18) | #cdcccc | hsl(0, 1%, 80%) |
|
|
| 300 | oklch(0.809 0.001 17.18) | #c1c0c0 | hsl(0, 1%, 75%) |
|
|
| 400 | oklch(0.768 0.001 17.18) | #b4b3b3 | hsl(0, 1%, 70%) |
|
|
| 500 | oklch(0.729 0.001 17.19) | #a8a7a7 | hsl(0, 1%, 66%) |
|
|
| 600 | oklch(0.635 0.002 17.22) | #8c8a8a | hsl(0, 1%, 55%) |
|
|
| 700 | oklch(0.539 0.001 17.20) | #6f6e6e | hsl(0, 0%, 43%) |
|
|
| 800 | oklch(0.440 0.001 17.21) | #535252 | hsl(0, 1%, 32%) |
|
|
| 900 | oklch(0.333 0.000 89.88) | #363636 | hsl(0, 0%, 21%) |
|
|
| 950 | oklch(0.215 0.002 17.28) | #1a1919 | hsl(0, 2%, 10%) |
|
dsfds
| 50 | oklch(0.907 0.032 355.59) | #f3d8e1 | hsl(340, 53%, 90%) |
|
|
| 100 | oklch(0.844 0.057 357.34) | #ecbdcc | hsl(341, 55%, 83%) |
|
|
| 200 | oklch(0.781 0.083 357.49) | #e4a2b8 | hsl(340, 55%, 76%) |
|
|
| 300 | oklch(0.720 0.109 358.98) | #dc87a3 | hsl(340, 55%, 70%) |
|
|
| 400 | oklch(0.663 0.134 0.43) | #d46d8f | hsl(340, 54%, 63%) |
|
|
| 500 | oklch(0.608 0.159 2.62) | #cc527a | hsl(340, 54%, 56%) |
|
|
| 600 | oklch(0.539 0.169 5.02) | #b93661 | hsl(340, 55%, 47%) |
|
|
| 700 | oklch(0.460 0.141 4.67) | #942c4e | hsl(340, 54%, 38%) |
|
|
| 800 | oklch(0.379 0.113 4.14) | #70213b | hsl(340, 54%, 28%) |
|
|
| 900 | oklch(0.294 0.083 3.20) | #4c1628 | hsl(340, 55%, 19%) |
|
|
| 950 | oklch(0.202 0.047 1.23) | #270c15 | hsl(340, 53%, 10%) |
|
dsfds
| 50 | oklch(0.899 0.049 355.62) | #fad1df | hsl(340, 80%, 90%) |
|
|
| 100 | oklch(0.821 0.094 357.20) | #f7abc5 | hsl(339, 83%, 82%) |
|
|
| 200 | oklch(0.749 0.138 359.31) | #f386ab | hsl(340, 82%, 74%) |
|
|
| 300 | oklch(0.685 0.180 2.01) | #ef6191 | hsl(340, 82%, 66%) |
|
|
| 400 | oklch(0.635 0.214 5.88) | #ec3c77 | hsl(340, 82%, 58%) |
|
|
| 500 | oklch(0.600 0.231 11.08) | #e8175d | hsl(340, 82%, 50%) |
|
|
| 600 | oklch(0.528 0.203 10.76) | #c3134e | hsl(340, 82%, 42%) |
|
|
| 700 | oklch(0.453 0.172 10.40) | #9e103f | hsl(340, 82%, 34%) |
|
|
| 800 | oklch(0.375 0.141 9.74) | #790c30 | hsl(340, 82%, 26%) |
|
|
| 900 | oklch(0.293 0.107 8.63) | #540821 | hsl(340, 83%, 18%) |
|
|
| 950 | oklch(0.203 0.068 4.28) | #2e0513 | hsl(340, 80%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.827 0.000 89.88) | #c6c6c6 | hsl(0, 0%, 78%) |
|
|
| 200 | oklch(0.725 0.000 89.88) | #a6a6a6 | hsl(0, 0%, 65%) |
|
|
| 300 | oklch(0.620 0.000 89.88) | #868686 | hsl(0, 0%, 53%) |
|
|
| 400 | oklch(0.514 0.000 89.88) | #676767 | hsl(0, 0%, 40%) |
|
|
| 500 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 600 | oklch(0.364 0.000 89.88) | #3e3e3e | hsl(0, 0%, 24%) |
|
|
| 700 | oklch(0.329 0.000 89.88) | #353535 | hsl(0, 0%, 21%) |
|
|
| 800 | oklch(0.293 0.000 89.88) | #2c2c2c | hsl(0, 0%, 17%) |
|
|
| 900 | oklch(0.256 0.000 89.88) | #232323 | hsl(0, 0%, 14%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.814 0.000 89.88) | #c2c2c2 | hsl(0, 0%, 76%) |
|
|
| 200 | oklch(0.703 0.000 89.88) | #9f9f9f | hsl(0, 0%, 62%) |
|
|
| 300 | oklch(0.586 0.000 89.88) | #7c7c7c | hsl(0, 0%, 49%) |
|
|
| 400 | oklch(0.464 0.000 89.88) | #595959 | hsl(0, 0%, 35%) |
|
|
| 500 | oklch(0.333 0.000 89.88) | #363636 | hsl(0, 0%, 21%) |
|
|
| 600 | oklch(0.309 0.000 89.88) | #303030 | hsl(0, 0%, 19%) |
|
|
| 700 | oklch(0.289 0.000 89.88) | #2b2b2b | hsl(0, 0%, 17%) |
|
|
| 800 | oklch(0.264 0.000 89.88) | #252525 | hsl(0, 0%, 15%) |
|
|
| 900 | oklch(0.239 0.000 89.88) | #1f1f1f | hsl(0, 0%, 12%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
