Bold Urban Color Palette
This palette exudes a bold, urban energy with deep navy and charcoal grounding vibrant pops of fiery orange, crimson, and magenta, creating a striking contrast that feels both edgy and dynamic.
Practical uses and creative applications
The Bold Urban Color Palette combines deep, sophisticated hues with vibrant accents, making it an excellent choice for creatives looking to make a statement. Featuring rich tones like #4b538b and #15191d, paired with energetic pops of #f7a21b, #e45635, and #d60257, this palette is ideal for branding and web design projects that demand attention.
Its modern aesthetic can elevate everything from corporate identities to trendy e-commerce platforms, ensuring a memorable visual impact that resonates with urban audiences. Perfect for designers and creatives in industries such as fashion, tech, and lifestyle, the Bold Urban Color Palette captures the essence of contemporary city life.
It conveys confidence and energy, making it suitable for packaging designs that aim to stand out on crowded shelves or interior spaces that seek to inspire creativity and dynamism. Whether you're rebranding a startup or designing an engaging website, this palette offers the versatility to create bold, memorable visuals that reflect a vibrant urban lifestyle.
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.909 0.018 279.04) | #dee0ed | hsl(232, 29%, 90%) |
|
|
| 100 | oklch(0.819 0.037 278.63) | #bec2dc | hsl(232, 30%, 80%) |
|
|
| 200 | oklch(0.727 0.057 278.04) | #9ea4cb | hsl(232, 30%, 71%) |
|
|
| 300 | oklch(0.634 0.079 277.16) | #7e86ba | hsl(232, 30%, 61%) |
|
|
| 400 | oklch(0.538 0.101 276.40) | #5f68a8 | hsl(233, 30%, 52%) |
|
|
| 500 | oklch(0.462 0.091 276.06) | #4b538b | hsl(233, 30%, 42%) |
|
|
| 600 | oklch(0.412 0.080 276.86) | #404676 | hsl(233, 30%, 36%) |
|
|
| 700 | oklch(0.362 0.068 275.84) | #343a61 | hsl(232, 30%, 29%) |
|
|
| 800 | oklch(0.308 0.054 276.95) | #292d4b | hsl(233, 29%, 23%) |
|
|
| 900 | oklch(0.252 0.042 277.03) | #1d2036 | hsl(233, 30%, 16%) |
|
|
| 950 | oklch(0.196 0.026 276.95) | #121421 | hsl(232, 29%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.008 241.67) | #e1e6ea | hsl(207, 18%, 90%) |
|
|
| 100 | oklch(0.793 0.019 245.44) | #b2bdc7 | hsl(209, 16%, 74%) |
|
|
| 200 | oklch(0.659 0.032 248.31) | #8394a5 | hsl(210, 16%, 58%) |
|
|
| 300 | oklch(0.520 0.034 248.48) | #5a6b7c | hsl(210, 16%, 42%) |
|
|
| 400 | oklch(0.373 0.022 245.89) | #37424c | hsl(209, 16%, 26%) |
|
|
| 500 | oklch(0.211 0.010 248.30) | #15191d | hsl(210, 16%, 10%) |
|
|
| 600 | oklch(0.211 0.010 248.30) | #15191d | hsl(210, 16%, 10%) |
|
|
| 700 | oklch(0.211 0.010 248.30) | #15191d | hsl(210, 16%, 10%) |
|
|
| 800 | oklch(0.211 0.010 248.30) | #15191d | hsl(210, 16%, 10%) |
|
|
| 900 | oklch(0.211 0.010 248.30) | #15191d | hsl(210, 16%, 10%) |
|
|
| 950 | oklch(0.214 0.011 242.27) | #151a1e | hsl(207, 18%, 10%) |
|
dsfds
| 50 | oklch(0.947 0.043 79.80) | #fdebce | hsl(37, 92%, 90%) |
|
|
| 100 | oklch(0.909 0.074 78.69) | #fcdcaa | hsl(37, 93%, 83%) |
|
|
| 200 | oklch(0.875 0.103 78.54) | #fbce86 | hsl(37, 94%, 75%) |
|
|
| 300 | oklch(0.840 0.129 76.79) | #fabf62 | hsl(37, 94%, 68%) |
|
|
| 400 | oklch(0.809 0.149 74.96) | #f8b13f | hsl(37, 93%, 61%) |
|
|
| 500 | oklch(0.778 0.162 70.66) | #f7a21b | hsl(37, 93%, 54%) |
|
|
| 600 | oklch(0.707 0.154 67.91) | #de8b08 | hsl(37, 93%, 45%) |
|
|
| 700 | oklch(0.603 0.130 68.46) | #b37006 | hsl(37, 94%, 36%) |
|
|
| 800 | oklch(0.494 0.105 69.84) | #875505 | hsl(37, 93%, 27%) |
|
|
| 900 | oklch(0.380 0.080 71.72) | #5c3a03 | hsl(37, 94%, 19%) |
|
|
| 950 | oklch(0.256 0.051 75.73) | #311f02 | hsl(37, 92%, 10%) |
|
dsfds
| 50 | oklch(0.910 0.037 32.36) | #f9d9d2 | hsl(11, 76%, 90%) |
|
|
| 100 | oklch(0.850 0.065 32.75) | #f5bfb3 | hsl(11, 77%, 83%) |
|
|
| 200 | oklch(0.791 0.094 33.88) | #f1a593 | hsl(11, 77%, 76%) |
|
|
| 300 | oklch(0.735 0.124 34.22) | #ec8b74 | hsl(12, 76%, 69%) |
|
|
| 400 | oklch(0.682 0.155 34.40) | #e87054 | hsl(11, 76%, 62%) |
|
|
| 500 | oklch(0.637 0.183 34.44) | #e45635 | hsl(11, 76%, 55%) |
|
|
| 600 | oklch(0.573 0.187 34.09) | #cf3e1c | hsl(11, 76%, 46%) |
|
|
| 700 | oklch(0.490 0.158 34.31) | #a73216 | hsl(12, 77%, 37%) |
|
|
| 800 | oklch(0.401 0.127 33.97) | #7e2511 | hsl(11, 76%, 28%) |
|
|
| 900 | oklch(0.310 0.093 34.26) | #56190b | hsl(11, 77%, 19%) |
|
|
| 950 | oklch(0.211 0.055 34.69) | #2d0d06 | hsl(11, 76%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.063 351.85) | #ffcce1 | hsl(335, 100%, 90%) |
|
|
| 100 | oklch(0.804 0.125 354.28) | #fe9cc4 | hsl(336, 98%, 80%) |
|
|
| 200 | oklch(0.726 0.186 357.96) | #fe6ca6 | hsl(336, 99%, 71%) |
|
|
| 300 | oklch(0.668 0.232 2.18) | #fd3c89 | hsl(336, 98%, 61%) |
|
|
| 400 | oklch(0.639 0.252 8.70) | #fd0c6c | hsl(336, 98%, 52%) |
|
|
| 500 | oklch(0.561 0.224 9.62) | #d60257 | hsl(336, 98%, 42%) |
|
|
| 600 | oklch(0.495 0.197 8.97) | #b5024a | hsl(336, 98%, 36%) |
|
|
| 700 | oklch(0.429 0.171 8.72) | #95013c | hsl(336, 99%, 29%) |
|
|
| 800 | oklch(0.359 0.143 7.51) | #74012f | hsl(336, 98%, 23%) |
|
|
| 900 | oklch(0.285 0.113 5.49) | #530122 | hsl(336, 98%, 16%) |
|
|
| 950 | oklch(0.207 0.084 1.57) | #330015 | hsl(335, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
