Bold Urban Color Palette
This palette exudes a bold, adventurous spirit with deep teal (#185b63) and fiery red (#c0261c) clashing against warm amber (#c59538) and grounded charcoal (#404040), creating a dynamic, urban vibe full of energy and grit.
Practical uses and creative applications
The Bold Urban Color Palette is an electrifying blend of deep greens, vibrant reds, and warm earth tones that captures the essence of modern city life. Featuring a striking #185b63 as the anchor color, complemented by the fiery #c0261c and rich #ba460d, this palette is perfect for brands that want to make a powerful statement.
Whether you’re crafting a logo, designing eye-catching packaging, or developing a dynamic website, these colors exude confidence and creativity, making them ideal for urban-centric businesses, art studios, or lifestyle brands that target young, adventurous consumers. Ideal for designers and creatives, the Bold Urban Color Palette evokes a sense of energy and innovation.
Its versatile nature allows it to suit various styles, from industrial chic interiors to contemporary graphic designs. The rich hues, particularly #c59538 and #404040, can be effectively used in web design to create compelling calls to action or to set a sophisticated tone in branding strategies.
This palette is particularly appealing to those in the fashion, technology, or hospitality industries, where boldness and originality are essential in attracting a modern audience. Embrace the urban vibe and let your designs speak volumes with this striking color combination!.
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.942 0.030 204.50) | #d6f2f5 | hsl(186, 61%, 90%) |
|
|
| 100 | oklch(0.866 0.065 205.75) | #a0e0e8 | hsl(187, 61%, 77%) |
|
|
| 200 | oklch(0.798 0.096 205.65) | #6acfdb | hsl(186, 61%, 64%) |
|
|
| 300 | oklch(0.735 0.114 207.42) | #34bdce | hsl(187, 61%, 51%) |
|
|
| 400 | oklch(0.592 0.092 206.54) | #258d99 | hsl(186, 61%, 37%) |
|
|
| 500 | oklch(0.434 0.066 206.68) | #185b63 | hsl(186, 61%, 24%) |
|
|
| 600 | oklch(0.398 0.059 206.53) | #155057 | hsl(186, 61%, 21%) |
|
|
| 700 | oklch(0.364 0.054 206.17) | #12464c | hsl(186, 62%, 18%) |
|
|
| 800 | oklch(0.326 0.047 206.06) | #103b40 | hsl(186, 60%, 16%) |
|
|
| 900 | oklch(0.287 0.040 208.31) | #0d3035 | hsl(188, 61%, 13%) |
|
|
| 950 | oklch(0.249 0.034 204.96) | #0a2629 | hsl(186, 61%, 10%) |
|
dsfds
| 50 | oklch(0.902 0.041 23.57) | #f9d5d2 | hsl(5, 76%, 90%) |
|
|
| 100 | oklch(0.812 0.082 22.75) | #f2ada9 | hsl(3, 74%, 81%) |
|
|
| 200 | oklch(0.729 0.126 24.77) | #ec867f | hsl(4, 74%, 71%) |
|
|
| 300 | oklch(0.654 0.171 26.63) | #e65e55 | hsl(4, 74%, 62%) |
|
|
| 400 | oklch(0.597 0.207 28.77) | #e0372c | hsl(4, 74%, 53%) |
|
|
| 500 | oklch(0.525 0.191 29.17) | #c0261c | hsl(4, 75%, 43%) |
|
|
| 600 | oklch(0.466 0.168 28.97) | #a32018 | hsl(3, 74%, 37%) |
|
|
| 700 | oklch(0.403 0.143 28.98) | #851a13 | hsl(4, 75%, 30%) |
|
|
| 800 | oklch(0.340 0.118 28.58) | #68140f | hsl(3, 75%, 23%) |
|
|
| 900 | oklch(0.274 0.089 28.37) | #4a0f0b | hsl(4, 74%, 17%) |
|
|
| 950 | oklch(0.204 0.060 29.01) | #2d0906 | hsl(5, 76%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.039 48.28) | #fcdecf | hsl(20, 88%, 90%) |
|
|
| 100 | oklch(0.843 0.080 46.95) | #f8bc9f | hsl(20, 86%, 80%) |
|
|
| 200 | oklch(0.771 0.124 46.91) | #f59b6e | hsl(20, 87%, 70%) |
|
|
| 300 | oklch(0.705 0.164 44.75) | #f1793e | hsl(20, 86%, 59%) |
|
|
| 400 | oklch(0.648 0.195 40.68) | #eb5810 | hsl(20, 87%, 49%) |
|
|
| 500 | oklch(0.546 0.161 41.17) | #ba460d | hsl(20, 87%, 39%) |
|
|
| 600 | oklch(0.487 0.141 41.75) | #9e3c0b | hsl(20, 87%, 33%) |
|
|
| 700 | oklch(0.426 0.122 41.73) | #833109 | hsl(20, 87%, 27%) |
|
|
| 800 | oklch(0.362 0.101 42.78) | #672707 | hsl(20, 87%, 22%) |
|
|
| 900 | oklch(0.294 0.079 43.62) | #4b1c05 | hsl(20, 88%, 16%) |
|
|
| 950 | oklch(0.225 0.056 46.87) | #301203 | hsl(20, 88%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.027 83.54) | #f4ead7 | hsl(39, 57%, 90%) |
|
|
| 100 | oklch(0.891 0.049 83.34) | #ebd9b7 | hsl(39, 57%, 82%) |
|
|
| 200 | oklch(0.842 0.070 83.93) | #e1c897 | hsl(40, 55%, 74%) |
|
|
| 300 | oklch(0.794 0.090 83.23) | #d8b777 | hsl(40, 55%, 66%) |
|
|
| 400 | oklch(0.746 0.109 82.15) | #cfa657 | hsl(40, 56%, 58%) |
|
|
| 500 | oklch(0.699 0.122 80.58) | #c59538 | hsl(40, 56%, 50%) |
|
|
| 600 | oklch(0.615 0.107 80.25) | #a67d2f | hsl(39, 56%, 42%) |
|
|
| 700 | oklch(0.528 0.090 80.54) | #866526 | hsl(39, 56%, 34%) |
|
|
| 800 | oklch(0.440 0.073 81.44) | #674e1d | hsl(40, 56%, 26%) |
|
|
| 900 | oklch(0.344 0.055 82.36) | #473614 | hsl(40, 56%, 18%) |
|
|
| 950 | oklch(0.242 0.035 81.88) | #281e0b | hsl(39, 57%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.820 0.000 89.88) | #c4c4c4 | hsl(0, 0%, 77%) |
|
|
| 200 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 300 | oklch(0.607 0.000 89.88) | #828282 | hsl(0, 0%, 51%) |
|
|
| 400 | oklch(0.493 0.000 89.88) | #616161 | hsl(0, 0%, 38%) |
|
|
| 500 | oklch(0.371 0.000 89.88) | #404040 | hsl(0, 0%, 25%) |
|
|
| 600 | oklch(0.341 0.000 89.88) | #383838 | hsl(0, 0%, 22%) |
|
|
| 700 | oklch(0.313 0.000 89.88) | #313131 | hsl(0, 0%, 19%) |
|
|
| 800 | oklch(0.281 0.000 89.88) | #292929 | hsl(0, 0%, 16%) |
|
|
| 900 | oklch(0.248 0.000 89.88) | #212121 | hsl(0, 0%, 13%) |
|
|
| 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.
