Vibrant Color Palette for Urban Aesthetics
This vibrant palette bursts with fiery energy, blending sunny golds and bold reds with deep burgundy and rich plum, evoking a passionate, adventurous spirit perfect for a lively urban aesthetic.
Practical uses and creative applications
The Vibrant Color Palette for Urban Aesthetics is an energetic mix of hues that captures the dynamic spirit of city life. Featuring bold colors like the sunny #FCB623 and fiery #FF642C, this palette is perfect for branding and web design that aims to make a striking impression.
Ideal for businesses in the urban fashion, street art, or tech sectors, these colors evoke a sense of excitement and modernity. Use them in marketing materials or digital platforms to attract a youthful, trend-savvy audience that appreciates bold design choices.
Creatives and designers will find this palette particularly inspiring for packaging and interior design projects that seek to convey a lively and contemporary vibe. The deep shades of #ED222E, #BC213F, and #692153 add depth and sophistication, making it suitable for brands wanting to establish a strong presence in competitive markets.
Whether you're designing a vibrant café, a trendy clothing line, or an engaging website, this palette is versatile enough to enhance various urban-themed aesthetics while appealing to the adventurous spirit of city dwellers.
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.953 0.046 85.19) | #feeecd | hsl(40, 96%, 90%) |
|
|
| 100 | oklch(0.925 0.078 85.12) | #fee3ab | hsl(40, 98%, 83%) |
|
|
| 200 | oklch(0.897 0.106 85.25) | #fdd889 | hsl(41, 97%, 76%) |
|
|
| 300 | oklch(0.871 0.131 84.18) | #fdcd67 | hsl(41, 97%, 70%) |
|
|
| 400 | oklch(0.844 0.150 82.19) | #fcc145 | hsl(41, 97%, 63%) |
|
|
| 500 | oklch(0.821 0.163 79.25) | #fcb623 | hsl(41, 97%, 56%) |
|
|
| 600 | oklch(0.764 0.161 75.01) | #eda103 | hsl(41, 98%, 47%) |
|
|
| 700 | oklch(0.651 0.136 76.17) | #be8203 | hsl(41, 97%, 38%) |
|
|
| 800 | oklch(0.530 0.110 77.18) | #8f6202 | hsl(41, 97%, 28%) |
|
|
| 900 | oklch(0.404 0.084 78.19) | #614201 | hsl(41, 98%, 19%) |
|
|
| 950 | oklch(0.265 0.053 81.74) | #322201 | hsl(40, 96%, 10%) |
|
| 50 | oklch(0.916 0.046 41.83) | #ffdacc | hsl(16, 100%, 90%) |
|
|
| 100 | oklch(0.864 0.077 40.72) | #ffc2ac | hsl(16, 100%, 84%) |
|
|
| 200 | oklch(0.816 0.108 41.04) | #ffab8c | hsl(16, 100%, 77%) |
|
|
| 300 | oklch(0.770 0.141 40.42) | #ff936c | hsl(16, 100%, 71%) |
|
|
| 400 | oklch(0.730 0.172 40.11) | #ff7c4c | hsl(16, 100%, 65%) |
|
|
| 500 | oklch(0.695 0.200 38.64) | #ff642c | hsl(16, 100%, 59%) |
|
|
| 600 | oklch(0.647 0.226 35.19) | #f94200 | hsl(16, 100%, 49%) |
|
|
| 700 | oklch(0.551 0.190 35.63) | #c83500 | hsl(16, 100%, 39%) |
|
|
| 800 | oklch(0.448 0.152 36.48) | #962800 | hsl(16, 100%, 29%) |
|
|
| 900 | oklch(0.341 0.111 38.08) | #651b00 | hsl(16, 100%, 20%) |
|
|
| 950 | oklch(0.223 0.066 43.47) | #330e00 | hsl(16, 100%, 10%) |
|
| 50 | oklch(0.895 0.049 14.94) | #fbd0d2 | hsl(357, 84%, 90%) |
|
|
| 100 | oklch(0.820 0.088 14.78) | #f8adb2 | hsl(356, 84%, 83%) |
|
|
| 200 | oklch(0.750 0.130 16.52) | #f58a91 | hsl(356, 84%, 75%) |
|
|
| 300 | oklch(0.691 0.171 19.26) | #f36870 | hsl(357, 85%, 68%) |
|
|
| 400 | oklch(0.641 0.207 22.22) | #f0454f | hsl(356, 85%, 61%) |
|
|
| 500 | oklch(0.607 0.231 25.65) | #ed222e | hsl(356, 85%, 53%) |
|
|
| 600 | oklch(0.548 0.217 26.95) | #d2111c | hsl(357, 85%, 45%) |
|
|
| 700 | oklch(0.467 0.183 26.59) | #a90e17 | hsl(357, 85%, 36%) |
|
|
| 800 | oklch(0.385 0.149 26.22) | #810a11 | hsl(356, 86%, 27%) |
|
|
| 900 | oklch(0.296 0.112 25.08) | #58070c | hsl(356, 85%, 19%) |
|
|
| 950 | oklch(0.200 0.070 23.23) | #2f0406 | hsl(357, 84%, 10%) |
|
| 50 | oklch(0.901 0.040 4.36) | #f7d4db | hsl(348, 69%, 90%) |
|
|
| 100 | oklch(0.810 0.083 5.69) | #f0abb9 | hsl(348, 70%, 81%) |
|
|
| 200 | oklch(0.726 0.126 8.79) | #e98396 | hsl(349, 70%, 71%) |
|
|
| 300 | oklch(0.649 0.170 11.52) | #e25a74 | hsl(349, 70%, 62%) |
|
|
| 400 | oklch(0.590 0.203 16.08) | #db3252 | hsl(349, 70%, 53%) |
|
|
| 500 | oklch(0.519 0.188 17.24) | #bc213f | hsl(348, 70%, 43%) |
|
|
| 600 | oklch(0.460 0.165 17.05) | #9f1c35 | hsl(349, 70%, 37%) |
|
|
| 700 | oklch(0.399 0.140 16.23) | #82172c | hsl(348, 70%, 30%) |
|
|
| 800 | oklch(0.336 0.115 15.74) | #651222 | hsl(348, 70%, 23%) |
|
|
| 900 | oklch(0.270 0.088 15.02) | #480d18 | hsl(349, 69%, 17%) |
|
|
| 950 | oklch(0.201 0.058 11.99) | #2b080f | hsl(348, 69%, 10%) |
|
| 50 | oklch(0.910 0.039 336.49) | #f3d8eb | hsl(318, 53%, 90%) |
|
|
| 100 | oklch(0.797 0.089 337.85) | #e3a7d1 | hsl(318, 52%, 77%) |
|
|
| 200 | oklch(0.692 0.140 339.45) | #d477b8 | hsl(318, 52%, 65%) |
|
|
| 300 | oklch(0.597 0.187 341.93) | #c5469e | hsl(318, 52%, 52%) |
|
|
| 400 | oklch(0.491 0.162 342.04) | #9a307a | hsl(318, 52%, 40%) |
|
|
| 500 | oklch(0.377 0.119 341.89) | #692153 | hsl(318, 52%, 27%) |
|
|
| 600 | oklch(0.345 0.107 341.55) | #5c1d49 | hsl(318, 52%, 24%) |
|
|
| 700 | oklch(0.313 0.094 342.06) | #4f193e | hsl(319, 52%, 20%) |
|
|
| 800 | oklch(0.278 0.080 340.78) | #411534 | hsl(318, 51%, 17%) |
|
|
| 900 | oklch(0.242 0.068 341.15) | #341029 | hsl(318, 53%, 13%) |
|
|
| 950 | oklch(0.206 0.054 340.27) | #270c1f | hsl(318, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
