Bold Urban Color Palette
This palette radiates a bold, fiery energy with deep burgundy and vibrant orange hues, accented by a zesty lime, creating a dynamic and modern urban vibe that's both striking and invigorating.
Practical uses and creative applications
The Bold Urban Color Palette is a striking combination that effortlessly captures the vibrancy of modern city life. Featuring rich tones like #302727, a deep charcoal, paired with fiery reds (#ba2d2d) and oranges (#f2511b, #f2861b), and a surprising pop of lime green (#c7c730), this palette is ideal for creatives looking to make a powerful statement.
Whether you're a graphic designer crafting a bold brand identity or an interior designer aiming to create a dynamic urban space, these colors evoke energy and sophistication. Perfect for branding, web design, and packaging, the Bold Urban Color Palette resonates with brands targeting a youthful, adventurous audience.
Its intense hues are particularly suited for industries like streetwear, tech startups, or any business wanting to convey innovation and creativity. In interiors, this palette can transform a space into a lively retreat, ideal for cafes, galleries, or co-working environments that thrive on creativity and collaboration.
Embrace the boldness of urban life and let this vibrant palette inspire your next project!.
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.920 0.005 17.26) | #e8e3e3 | hsl(0, 10%, 90%) |
|
|
| 100 | oklch(0.800 0.015 17.47) | #c7baba | hsl(0, 10%, 75%) |
|
|
| 200 | oklch(0.674 0.024 17.76) | #a59191 | hsl(0, 10%, 61%) |
|
|
| 300 | oklch(0.548 0.031 18.13) | #826a6a | hsl(0, 10%, 46%) |
|
|
| 400 | oklch(0.419 0.023 18.12) | #594848 | hsl(0, 11%, 32%) |
|
|
| 500 | oklch(0.283 0.014 17.98) | #302727 | hsl(0, 10%, 17%) |
|
|
| 600 | oklch(0.269 0.012 17.93) | #2c2424 | hsl(0, 10%, 16%) |
|
|
| 700 | oklch(0.256 0.011 17.88) | #282121 | hsl(0, 10%, 14%) |
|
|
| 800 | oklch(0.239 0.011 17.94) | #241d1d | hsl(0, 11%, 13%) |
|
|
| 900 | oklch(0.225 0.010 17.88) | #201a1a | hsl(0, 10%, 11%) |
|
|
| 950 | oklch(0.211 0.008 17.81) | #1c1717 | hsl(0, 10%, 10%) |
|
dsfds
| 50 | oklch(0.902 0.035 17.81) | #f5d6d6 | hsl(0, 61%, 90%) |
|
|
| 100 | oklch(0.815 0.069 18.68) | #ecb1b1 | hsl(0, 61%, 81%) |
|
|
| 200 | oklch(0.732 0.105 19.91) | #e38d8d | hsl(0, 61%, 72%) |
|
|
| 300 | oklch(0.654 0.144 21.81) | #da6868 | hsl(0, 61%, 63%) |
|
|
| 400 | oklch(0.587 0.180 24.56) | #d24343 | hsl(0, 61%, 54%) |
|
|
| 500 | oklch(0.521 0.178 25.93) | #ba2d2d | hsl(0, 61%, 45%) |
|
|
| 600 | oklch(0.462 0.155 25.74) | #9d2626 | hsl(0, 61%, 38%) |
|
|
| 700 | oklch(0.400 0.132 25.48) | #801f1f | hsl(0, 61%, 31%) |
|
|
| 800 | oklch(0.336 0.107 25.08) | #631818 | hsl(0, 61%, 24%) |
|
|
| 900 | oklch(0.269 0.081 24.41) | #461111 | hsl(0, 61%, 17%) |
|
|
| 950 | oklch(0.198 0.052 23.08) | #290a0a | hsl(0, 61%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.041 38.73) | #fcdacf | hsl(15, 88%, 90%) |
|
|
| 100 | oklch(0.853 0.074 39.54) | #fabfab | hsl(15, 89%, 83%) |
|
|
| 200 | oklch(0.793 0.109 38.99) | #f8a387 | hsl(15, 89%, 75%) |
|
|
| 300 | oklch(0.740 0.144 39.21) | #f68863 | hsl(15, 89%, 68%) |
|
|
| 400 | oklch(0.691 0.178 38.40) | #f46c3f | hsl(15, 89%, 60%) |
|
|
| 500 | oklch(0.651 0.206 36.86) | #f2511b | hsl(15, 89%, 53%) |
|
|
| 600 | oklch(0.583 0.194 36.06) | #d53f0c | hsl(15, 89%, 44%) |
|
|
| 700 | oklch(0.500 0.164 36.35) | #ac330a | hsl(15, 89%, 36%) |
|
|
| 800 | oklch(0.411 0.133 36.57) | #832607 | hsl(15, 90%, 27%) |
|
|
| 900 | oklch(0.317 0.097 37.58) | #591a05 | hsl(15, 89%, 18%) |
|
|
| 950 | oklch(0.218 0.060 40.19) | #300e03 | hsl(15, 88%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.039 66.07) | #fce5cf | hsl(29, 88%, 90%) |
|
|
| 100 | oklch(0.888 0.068 66.04) | #fad2ab | hsl(30, 89%, 83%) |
|
|
| 200 | oklch(0.844 0.097 65.36) | #f8bf87 | hsl(30, 89%, 75%) |
|
|
| 300 | oklch(0.801 0.125 63.99) | #f6ac63 | hsl(30, 89%, 68%) |
|
|
| 400 | oklch(0.761 0.149 61.50) | #f4993f | hsl(30, 89%, 60%) |
|
|
| 500 | oklch(0.724 0.168 57.24) | #f2861b | hsl(30, 89%, 53%) |
|
|
| 600 | oklch(0.649 0.157 55.33) | #d5700c | hsl(30, 89%, 44%) |
|
|
| 700 | oklch(0.556 0.132 56.23) | #ac5b0a | hsl(30, 89%, 36%) |
|
|
| 800 | oklch(0.458 0.107 56.93) | #834507 | hsl(30, 90%, 27%) |
|
|
| 900 | oklch(0.353 0.080 58.70) | #592f05 | hsl(30, 89%, 18%) |
|
|
| 950 | oklch(0.240 0.050 61.79) | #301903 | hsl(29, 88%, 10%) |
|
dsfds
| 50 | oklch(0.962 0.041 107.14) | #f5f5d6 | hsl(60, 61%, 90%) |
|
|
| 100 | oklch(0.932 0.074 107.75) | #ededb4 | hsl(60, 61%, 82%) |
|
|
| 200 | oklch(0.903 0.105 108.32) | #e5e592 | hsl(60, 61%, 74%) |
|
|
| 300 | oklch(0.872 0.132 108.85) | #dcdc6f | hsl(60, 61%, 65%) |
|
|
| 400 | oklch(0.845 0.154 109.29) | #d4d44d | hsl(60, 61%, 57%) |
|
|
| 500 | oklch(0.805 0.162 109.54) | #c7c730 | hsl(60, 61%, 48%) |
|
|
| 600 | oklch(0.706 0.141 109.53) | #a7a728 | hsl(60, 61%, 41%) |
|
|
| 700 | oklch(0.608 0.120 109.50) | #888821 | hsl(60, 61%, 33%) |
|
|
| 800 | oklch(0.502 0.098 109.46) | #686819 | hsl(60, 61%, 25%) |
|
|
| 900 | oklch(0.394 0.074 109.38) | #494912 | hsl(60, 60%, 18%) |
|
|
| 950 | oklch(0.273 0.048 109.19) | #29290a | hsl(60, 61%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
