Bold Urban Color Palette
This palette radiates a bold and dynamic energy, blending deep navy and vibrant cobalt blues with refreshing aqua, striking crimson, and a deeper garnet, evoking a modern yet passionate urban vibe.
Practical uses and creative applications
The Bold Urban Color Palette is a striking combination of deep blues, vibrant reds, and soft teals that instantly captures attention and evokes a modern, dynamic vibe. Comprising rich shades like #06065C and #0F49B6, this palette is perfect for branding projects that aim to convey strength and innovation.
Whether you’re designing a tech startup's logo, creating a trendy coffee shop's signage, or revamping a fashion brand's visual identity, these colors offer a bold statement while maintaining a sophisticated edge. Ideal for designers and creatives looking to inject energy into their projects, the Bold Urban Color Palette is also a fantastic choice for web design and packaging.
The vibrant contrast between #ED0201 and #A70107 can be effectively used to highlight important elements, drawing the eye and enhancing user experience. This palette works beautifully in interior design as well, especially in urban lofts or commercial spaces, where it can create an inviting yet edgy atmosphere that resonates with a younger, design-conscious audience.
Overall, this color scheme complements a modern aesthetic while fostering creativity and engagement.
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.
| 50 | oklch(0.869 0.062 285.04) | #cfcffc | hsl(240, 88%, 90%) |
|
|
| 100 | oklch(0.685 0.156 281.45) | #8b8bf7 | hsl(240, 87%, 76%) |
|
|
| 200 | oklch(0.522 0.246 273.80) | #4848f3 | hsl(240, 88%, 62%) |
|
|
| 300 | oklch(0.424 0.282 265.42) | #0f0fe4 | hsl(240, 88%, 48%) |
|
|
| 400 | oklch(0.328 0.215 265.92) | #0a0aa0 | hsl(240, 88%, 33%) |
|
|
| 500 | oklch(0.226 0.141 267.46) | #06065c | hsl(240, 88%, 19%) |
|
|
| 600 | oklch(0.211 0.131 267.54) | #050553 | hsl(240, 89%, 17%) |
|
|
| 700 | oklch(0.198 0.119 268.29) | #05054a | hsl(240, 87%, 15%) |
|
|
| 800 | oklch(0.183 0.111 268.31) | #040442 | hsl(240, 89%, 14%) |
|
|
| 900 | oklch(0.170 0.098 269.39) | #040439 | hsl(240, 87%, 12%) |
|
|
| 950 | oklch(0.153 0.088 269.54) | #030330 | hsl(240, 88%, 10%) |
|
| 50 | oklch(0.901 0.042 263.01) | #d0dffb | hsl(219, 84%, 90%) |
|
|
| 100 | oklch(0.799 0.088 262.36) | #9fbef7 | hsl(219, 85%, 80%) |
|
|
| 200 | oklch(0.700 0.136 262.08) | #6f9df3 | hsl(219, 85%, 69%) |
|
|
| 300 | oklch(0.607 0.185 261.62) | #3f7cef | hsl(219, 85%, 59%) |
|
|
| 400 | oklch(0.525 0.220 261.83) | #135ce6 | hsl(219, 85%, 49%) |
|
|
| 500 | oklch(0.445 0.182 261.72) | #0f49b6 | hsl(219, 85%, 39%) |
|
|
| 600 | oklch(0.397 0.160 261.75) | #0d3e9b | hsl(219, 85%, 33%) |
|
|
| 700 | oklch(0.349 0.137 261.82) | #0b3380 | hsl(219, 84%, 27%) |
|
|
| 800 | oklch(0.300 0.113 261.23) | #082965 | hsl(219, 85%, 21%) |
|
|
| 900 | oklch(0.248 0.087 261.02) | #061e4a | hsl(219, 85%, 16%) |
|
|
| 950 | oklch(0.193 0.060 260.23) | #04132f | hsl(219, 84%, 10%) |
|
| 50 | oklch(0.939 0.024 203.08) | #d9f0f2 | hsl(185, 49%, 90%) |
|
|
| 100 | oklch(0.920 0.031 204.22) | #ceebee | hsl(186, 48%, 87%) |
|
|
| 200 | oklch(0.903 0.038 202.70) | #c3e7ea | hsl(185, 48%, 84%) |
|
|
| 300 | oklch(0.887 0.044 203.54) | #b9e3e7 | hsl(185, 49%, 82%) |
|
|
| 400 | oklch(0.869 0.050 204.17) | #aedee3 | hsl(186, 49%, 79%) |
|
|
| 500 | oklch(0.852 0.057 203.15) | #a3dadf | hsl(185, 48%, 76%) |
|
|
| 600 | oklch(0.776 0.083 203.45) | #71c6ce | hsl(185, 49%, 63%) |
|
|
| 700 | oklch(0.702 0.100 203.54) | #41b1bb | hsl(185, 48%, 49%) |
|
|
| 800 | oklch(0.560 0.078 203.11) | #308289 | hsl(185, 48%, 36%) |
|
|
| 900 | oklch(0.409 0.056 203.84) | #1e5358 | hsl(185, 49%, 23%) |
|
|
| 950 | oklch(0.243 0.029 202.94) | #0d2426 | hsl(185, 49%, 10%) |
|
| 50 | oklch(0.890 0.058 18.30) | #ffcccc | hsl(0, 100%, 90%) |
|
|
| 100 | oklch(0.803 0.112 20.50) | #ffa1a0 | hsl(1, 100%, 81%) |
|
|
| 200 | oklch(0.725 0.168 22.58) | #fe7574 | hsl(0, 99%, 73%) |
|
|
| 300 | oklch(0.667 0.218 25.59) | #fe4948 | hsl(0, 99%, 64%) |
|
|
| 400 | oklch(0.634 0.249 28.40) | #fe1d1c | hsl(0, 99%, 55%) |
|
|
| 500 | oklch(0.595 0.243 29.24) | #ed0201 | hsl(0, 99%, 47%) |
|
|
| 600 | oklch(0.523 0.214 29.24) | #c80201 | hsl(0, 99%, 39%) |
|
|
| 700 | oklch(0.450 0.184 29.17) | #a30101 | hsl(0, 99%, 32%) |
|
|
| 800 | oklch(0.371 0.151 29.11) | #7d0101 | hsl(0, 98%, 25%) |
|
|
| 900 | oklch(0.290 0.118 29.55) | #580100 | hsl(1, 100%, 17%) |
|
|
| 950 | oklch(0.202 0.083 29.23) | #330000 | hsl(0, 100%, 10%) |
|
| 50 | oklch(0.890 0.058 15.66) | #ffccce | hsl(358, 100%, 90%) |
|
|
| 100 | oklch(0.775 0.130 18.17) | #fe9296 | hsl(358, 98%, 78%) |
|
|
| 200 | oklch(0.687 0.200 22.09) | #fe595f | hsl(358, 99%, 67%) |
|
|
| 300 | oklch(0.636 0.247 27.06) | #fe1f27 | hsl(358, 99%, 56%) |
|
|
| 400 | oklch(0.572 0.234 28.62) | #e10109 | hsl(358, 99%, 44%) |
|
|
| 500 | oklch(0.458 0.187 28.32) | #a70107 | hsl(358, 99%, 33%) |
|
|
| 600 | oklch(0.411 0.167 28.17) | #900106 | hsl(358, 99%, 28%) |
|
|
| 700 | oklch(0.361 0.147 27.95) | #780105 | hsl(358, 98%, 24%) |
|
|
| 800 | oklch(0.310 0.126 27.68) | #610104 | hsl(358, 98%, 19%) |
|
|
| 900 | oklch(0.257 0.105 26.88) | #4a0003 | hsl(358, 100%, 15%) |
|
|
| 950 | oklch(0.202 0.082 26.02) | #330002 | hsl(358, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
