Bold Urban Color Palette
This bold palette bursts with fiery orange and deep magenta, grounded by rich burgundy and midnight black, while a vibrant teal injects a fresh, energetic flair, creating a dynamic and daring urban vibe.
Practical uses and creative applications
The Bold Urban Color Palette is a striking combination of vibrant hues that exude energy and creativity, making it an excellent choice for designers and creatives looking to make a statement. Featuring a fiery orange (#F75C03), a passionate fuchsia (#D90368), a deep purple (#820263), a grounding black (#291720), and a refreshing teal (#04A777), this palette is perfect for branding projects that aim to capture attention and evoke emotion.
It’s especially ideal for urban-inspired businesses, streetwear brands, and contemporary art galleries, where boldness is key to standing out in a competitive market. This dynamic palette can be effectively utilized across various design mediums, including web design, packaging, and interior spaces.
In web design, the vibrant colors can be paired with sleek typography to create a modern and engaging user interface. For packaging, the bold contrasts ensure products grab consumers’ attention on crowded shelves.
When applied to interiors, these colors can transform spaces into lively environments, perfect for cafes, coworking spaces, or creative studios that thrive on inspiration. Whether you’re a graphic designer, product developer, or interior decorator, the Bold Urban Color Palette is your go-to choice for projects that need a touch of vibrancy and a dash of urban flair.
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.925 0.042 52.07) | #fedfcd | hsl(22, 96%, 90%) |
|
|
| 100 | oklch(0.864 0.080 50.95) | #fec4a3 | hsl(22, 98%, 82%) |
|
|
| 200 | oklch(0.809 0.117 50.51) | #fdaa7a | hsl(22, 97%, 74%) |
|
|
| 300 | oklch(0.759 0.153 48.94) | #fd9051 | hsl(22, 98%, 65%) |
|
|
| 400 | oklch(0.713 0.185 45.82) | #fc7527 | hsl(22, 97%, 57%) |
|
|
| 500 | oklch(0.671 0.204 41.32) | #f75c03 | hsl(22, 98%, 49%) |
|
|
| 600 | oklch(0.591 0.179 41.53) | #d04d03 | hsl(22, 97%, 41%) |
|
|
| 700 | oklch(0.507 0.150 42.56) | #a83f02 | hsl(22, 98%, 33%) |
|
|
| 800 | oklch(0.420 0.123 43.22) | #813002 | hsl(22, 97%, 26%) |
|
|
| 900 | oklch(0.329 0.093 44.79) | #5a2101 | hsl(22, 98%, 18%) |
|
|
| 950 | oklch(0.231 0.059 50.14) | #321301 | hsl(22, 96%, 10%) |
|
dsfds
| 50 | oklch(0.897 0.062 348.55) | #fecde4 | hsl(332, 96%, 90%) |
|
|
| 100 | oklch(0.809 0.126 350.69) | #fe9ecb | hsl(332, 98%, 81%) |
|
|
| 200 | oklch(0.731 0.187 353.05) | #fd6eb2 | hsl(331, 97%, 71%) |
|
|
| 300 | oklch(0.673 0.233 357.07) | #fc3f98 | hsl(332, 97%, 62%) |
|
|
| 400 | oklch(0.643 0.255 2.64) | #fc107f | hsl(332, 98%, 53%) |
|
|
| 500 | oklch(0.571 0.229 3.99) | #d90368 | hsl(332, 97%, 43%) |
|
|
| 600 | oklch(0.505 0.202 3.67) | #b80358 | hsl(332, 97%, 37%) |
|
|
| 700 | oklch(0.435 0.174 2.89) | #960248 | hsl(332, 97%, 30%) |
|
|
| 800 | oklch(0.364 0.145 2.14) | #750238 | hsl(332, 97%, 23%) |
|
|
| 900 | oklch(0.289 0.116 0.73) | #540128 | hsl(332, 98%, 17%) |
|
|
| 950 | oklch(0.208 0.082 357.47) | #320118 | hsl(332, 96%, 10%) |
|
dsfds
| 50 | oklch(0.902 0.073 334.97) | #fecdf2 | hsl(315, 96%, 90%) |
|
|
| 100 | oklch(0.789 0.170 336.71) | #fd8ce2 | hsl(314, 97%, 77%) |
|
|
| 200 | oklch(0.706 0.249 339.10) | #fc4cd2 | hsl(314, 97%, 64%) |
|
|
| 300 | oklch(0.665 0.282 342.51) | #fb0cc1 | hsl(315, 97%, 52%) |
|
|
| 400 | oklch(0.547 0.234 342.63) | #c20394 | hsl(314, 97%, 39%) |
|
|
| 500 | oklch(0.408 0.174 342.23) | #820263 | hsl(315, 97%, 26%) |
|
|
| 600 | oklch(0.372 0.158 341.93) | #720257 | hsl(314, 97%, 23%) |
|
|
| 700 | oklch(0.335 0.142 341.55) | #62024b | hsl(314, 96%, 20%) |
|
|
| 800 | oklch(0.296 0.127 341.00) | #52013f | hsl(314, 98%, 16%) |
|
|
| 900 | oklch(0.256 0.109 341.18) | #420132 | hsl(315, 97%, 13%) |
|
|
| 950 | oklch(0.215 0.091 340.36) | #320126 | hsl(315, 96%, 10%) |
|
dsfds
| 50 | oklch(0.915 0.019 343.97) | #eddee6 | hsl(328, 29%, 90%) |
|
|
| 100 | oklch(0.782 0.048 346.68) | #d0acbe | hsl(330, 28%, 75%) |
|
|
| 200 | oklch(0.646 0.083 347.82) | #b47997 | hsl(329, 28%, 59%) |
|
|
| 300 | oklch(0.514 0.092 349.48) | #8e506f | hsl(330, 28%, 44%) |
|
|
| 400 | oklch(0.380 0.066 348.67) | #5c3348 | hsl(329, 29%, 28%) |
|
|
| 500 | oklch(0.232 0.033 348.56) | #291720 | hsl(330, 28%, 13%) |
|
|
| 600 | oklch(0.227 0.031 346.90) | #27161f | hsl(328, 28%, 12%) |
|
|
| 700 | oklch(0.222 0.031 350.18) | #26151d | hsl(332, 29%, 12%) |
|
|
| 800 | oklch(0.216 0.030 348.47) | #24141c | hsl(330, 29%, 11%) |
|
|
| 900 | oklch(0.210 0.028 346.59) | #22131b | hsl(328, 28%, 10%) |
|
|
| 950 | oklch(0.206 0.029 346.67) | #21121a | hsl(328, 29%, 10%) |
|
dsfds
| 50 | oklch(0.959 0.054 174.53) | #cdfeef | hsl(162, 96%, 90%) |
|
|
| 100 | oklch(0.920 0.106 173.15) | #95fcde | hsl(163, 94%, 79%) |
|
|
| 200 | oklch(0.893 0.149 169.71) | #5dfbcc | hsl(162, 95%, 67%) |
|
|
| 300 | oklch(0.876 0.177 165.97) | #24fabb | hsl(162, 96%, 56%) |
|
|
| 400 | oklch(0.800 0.171 163.67) | #05df9f | hsl(162, 96%, 45%) |
|
|
| 500 | oklch(0.645 0.137 164.05) | #04a777 | hsl(162, 95%, 34%) |
|
|
| 600 | oklch(0.579 0.123 163.99) | #039066 | hsl(162, 96%, 29%) |
|
|
| 700 | oklch(0.508 0.106 164.99) | #037856 | hsl(163, 95%, 24%) |
|
|
| 800 | oklch(0.437 0.091 165.12) | #026145 | hsl(162, 96%, 19%) |
|
|
| 900 | oklch(0.360 0.074 165.98) | #024934 | hsl(162, 95%, 15%) |
|
|
| 950 | oklch(0.282 0.057 166.62) | #013223 | hsl(162, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
