Urban Elegance Color Palette
This palette exudes a sophisticated urban elegance, blending deep black and rich taupe with muted teal and steely gray, punctuated by a vibrant burst of amber that adds a touch of warmth and energy.
Practical uses and creative applications
The Urban Elegance Color Palette combines sophistication and modernity, making it an ideal choice for a variety of creative projects. Featuring a striking black (#000000), a warm taupe (#a69682), a cool teal (#7e9991), a versatile gray (#737373), and a vibrant gold (#d8770c), this palette effortlessly bridges the gap between contemporary chic and timeless elegance.
Designers looking to create impactful branding, sleek web designs, or refined packaging will find that these colors evoke a sense of luxury and urban sophistication, making them perfect for high-end products, lifestyle brands, and boutique services. This palette is particularly suited for creatives who want to convey a sophisticated yet approachable mood.
Interior designers can use the Urban Elegance palette to create spaces that feel both inviting and stylish, ideal for urban apartments, upscale cafes, or trendy retail environments. Additionally, marketing professionals can leverage these colors to evoke feelings of trust and reliability, making it an excellent choice for businesses aiming to appeal to a modern, discerning audience.
Whether you're crafting a visual identity or designing a space, the Urban Elegance Color Palette offers the perfect balance of boldness and subtlety, ensuring your project stands out in any creative field.
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.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
| 200 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
| 300 | oklch(0.475 0.000 89.88) | #5c5c5c | hsl(0, 0%, 36%) |
|
|
| 400 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
| 500 | oklch(0.000 0.000 0.00) | #000000 | hsl(0, 0%, 0%) |
|
|
| 600 | oklch(0.115 0.000 89.88) | #050505 | hsl(0, 0%, 2%) |
|
|
| 700 | oklch(0.145 0.000 89.88) | #0a0a0a | hsl(0, 0%, 4%) |
|
|
| 800 | oklch(0.168 0.000 89.88) | #0f0f0f | hsl(0, 0%, 6%) |
|
|
| 900 | oklch(0.191 0.000 89.88) | #141414 | hsl(0, 0%, 8%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.008 73.74) | #eae6e1 | hsl(33, 18%, 90%) |
|
|
| 100 | oklch(0.879 0.013 75.36) | #dcd6ce | hsl(34, 17%, 84%) |
|
|
| 200 | oklch(0.831 0.018 73.05) | #cfc6bb | hsl(33, 17%, 77%) |
|
|
| 300 | oklch(0.782 0.023 74.04) | #c1b6a8 | hsl(34, 17%, 71%) |
|
|
| 400 | oklch(0.732 0.029 72.70) | #b4a695 | hsl(33, 17%, 65%) |
|
|
| 500 | oklch(0.682 0.034 73.35) | #a69682 | hsl(33, 17%, 58%) |
|
|
| 600 | oklch(0.603 0.040 73.72) | #907e67 | hsl(34, 17%, 48%) |
|
|
| 700 | oklch(0.516 0.034 73.48) | #746552 | hsl(34, 17%, 39%) |
|
|
| 800 | oklch(0.423 0.027 73.66) | #574c3e | hsl(34, 17%, 29%) |
|
|
| 900 | oklch(0.326 0.018 74.02) | #3a332a | hsl(34, 16%, 20%) |
|
|
| 950 | oklch(0.221 0.011 73.33) | #1e1a15 | hsl(33, 18%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.006 183.02) | #e3e8e7 | hsl(168, 10%, 90%) |
|
|
| 100 | oklch(0.876 0.013 177.97) | #ced9d6 | hsl(164, 13%, 83%) |
|
|
| 200 | oklch(0.823 0.018 173.95) | #bac9c4 | hsl(160, 12%, 76%) |
|
|
| 300 | oklch(0.769 0.023 174.79) | #a6b9b3 | hsl(161, 12%, 69%) |
|
|
| 400 | oklch(0.715 0.028 175.22) | #92a9a2 | hsl(162, 12%, 62%) |
|
|
| 500 | oklch(0.660 0.033 175.37) | #7e9991 | hsl(162, 12%, 55%) |
|
|
| 600 | oklch(0.583 0.033 175.11) | #67827a | hsl(162, 12%, 46%) |
|
|
| 700 | oklch(0.501 0.029 173.74) | #536962 | hsl(161, 12%, 37%) |
|
|
| 800 | oklch(0.412 0.022 174.23) | #3f4f4a | hsl(161, 11%, 28%) |
|
|
| 900 | oklch(0.322 0.016 176.90) | #2b3633 | hsl(164, 11%, 19%) |
|
|
| 950 | oklch(0.221 0.008 182.20) | #171c1b | hsl(168, 10%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.855 0.000 89.88) | #cfcfcf | hsl(0, 0%, 81%) |
|
|
| 200 | oklch(0.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
| 300 | oklch(0.709 0.000 89.88) | #a1a1a1 | hsl(0, 0%, 63%) |
|
|
| 400 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
| 500 | oklch(0.556 0.000 89.88) | #737373 | hsl(0, 0%, 45%) |
|
|
| 600 | oklch(0.493 0.000 89.88) | #616161 | hsl(0, 0%, 38%) |
|
|
| 700 | oklch(0.428 0.000 89.88) | #4f4f4f | hsl(0, 0%, 31%) |
|
|
| 800 | oklch(0.360 0.000 89.88) | #3d3d3d | hsl(0, 0%, 24%) |
|
|
| 900 | oklch(0.289 0.000 89.88) | #2b2b2b | hsl(0, 0%, 17%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.039 71.03) | #fce7cf | hsl(32, 88%, 90%) |
|
|
| 100 | oklch(0.885 0.076 69.83) | #fad1a3 | hsl(32, 90%, 81%) |
|
|
| 200 | oklch(0.831 0.110 67.96) | #f7ba77 | hsl(31, 89%, 72%) |
|
|
| 300 | oklch(0.783 0.141 65.46) | #f5a44b | hsl(31, 89%, 63%) |
|
|
| 400 | oklch(0.739 0.164 60.57) | #f38e20 | hsl(31, 90%, 54%) |
|
|
| 500 | oklch(0.665 0.156 58.25) | #d8770c | hsl(31, 89%, 45%) |
|
|
| 600 | oklch(0.588 0.136 59.18) | #b6650a | hsl(32, 90%, 38%) |
|
|
| 700 | oklch(0.508 0.117 59.25) | #955208 | hsl(31, 90%, 31%) |
|
|
| 800 | oklch(0.425 0.095 60.99) | #734006 | hsl(32, 90%, 24%) |
|
|
| 900 | oklch(0.338 0.074 61.38) | #522d05 | hsl(31, 89%, 17%) |
|
|
| 950 | oklch(0.245 0.050 66.61) | #301b03 | hsl(32, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
