Urban Sunset Color Palette
This palette bursts with energetic warmth from golden yellows and fiery oranges, contrasted by deep crimson and a moody black, evoking a bold and dynamic urban sunset.
Practical uses and creative applications
The Urban Sunset Color Palette captures the vibrant essence of a city at dusk, blending warm hues like golden yellows and fiery reds with deep, moody contrasts. Ideal for branding and web design, this palette can evoke a sense of energy and modernity, making it perfect for urban lifestyle brands, creative agencies, and tech startups looking to make a bold statement.
Designers can leverage these striking colors to create visually compelling websites that not only catch the eye but also convey a narrative of urban sophistication and warmth. In interior design, the Urban Sunset Color Palette can transform any space into a cozy yet contemporary haven.
The warm tones of #b5ac01 and #ecba09 can be used for accent walls or decorative elements, while the deeper shades of #1b1521 and #d41e45 provide a grounding effect, ideal for creating a stylish atmosphere in lofts or modern apartments. This palette is particularly suited for creatives who wish to infuse their environments with a dynamic and inspiring aesthetic, making it a great choice for designers, artists, and entrepreneurs alike.
Whether used in packaging or promotional materials, the Urban Sunset Color Palette invites an emotional connection, encouraging audiences to engage with the brand on a deeper level.
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.982 0.062 104.52) | #fffccc | hsl(56, 100%, 90%) |
|
|
| 100 | oklch(0.965 0.122 105.97) | #fef995 | hsl(57, 98%, 79%) |
|
|
| 200 | oklch(0.952 0.169 106.30) | #fef65e | hsl(57, 99%, 68%) |
|
|
| 300 | oklch(0.943 0.195 106.12) | #fef327 | hsl(57, 99%, 57%) |
|
|
| 400 | oklch(0.888 0.189 105.71) | #ece001 | hsl(57, 99%, 46%) |
|
|
| 500 | oklch(0.729 0.155 105.88) | #b5ac01 | hsl(57, 99%, 36%) |
|
|
| 600 | oklch(0.649 0.138 105.77) | #9b9301 | hsl(57, 99%, 31%) |
|
|
| 700 | oklch(0.568 0.121 105.62) | #817a01 | hsl(57, 98%, 25%) |
|
|
| 800 | oklch(0.485 0.103 106.17) | #676201 | hsl(57, 98%, 20%) |
|
|
| 900 | oklch(0.397 0.085 106.08) | #4d4900 | hsl(57, 100%, 15%) |
|
|
| 950 | oklch(0.303 0.064 105.89) | #333000 | hsl(56, 100%, 10%) |
|
dsfds
| 50 | oklch(0.963 0.049 94.62) | #fdf3ce | hsl(47, 92%, 90%) |
|
|
| 100 | oklch(0.932 0.087 93.45) | #fce8a5 | hsl(46, 94%, 82%) |
|
|
| 200 | oklch(0.904 0.123 93.97) | #fade7b | hsl(47, 93%, 73%) |
|
|
| 300 | oklch(0.878 0.150 93.44) | #f8d452 | hsl(47, 92%, 65%) |
|
|
| 400 | oklch(0.852 0.166 90.94) | #f7c929 | hsl(47, 93%, 56%) |
|
|
| 500 | oklch(0.811 0.165 88.89) | #ecba09 | hsl(47, 93%, 48%) |
|
|
| 600 | oklch(0.715 0.145 89.20) | #c79d08 | hsl(47, 92%, 41%) |
|
|
| 700 | oklch(0.612 0.124 89.53) | #a17f06 | hsl(47, 93%, 33%) |
|
|
| 800 | oklch(0.508 0.102 90.16) | #7c6205 | hsl(47, 92%, 25%) |
|
|
| 900 | oklch(0.396 0.079 90.10) | #574403 | hsl(46, 93%, 18%) |
|
|
| 950 | oklch(0.276 0.054 93.37) | #312702 | hsl(47, 92%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.035 54.79) | #fae1d1 | hsl(23, 80%, 90%) |
|
|
| 100 | oklch(0.871 0.064 54.48) | #f7caad | hsl(24, 82%, 82%) |
|
|
| 200 | oklch(0.816 0.094 54.88) | #f3b388 | hsl(24, 82%, 74%) |
|
|
| 300 | oklch(0.765 0.123 53.85) | #ef9c64 | hsl(24, 81%, 66%) |
|
|
| 400 | oklch(0.717 0.150 51.63) | #ec8540 | hsl(24, 82%, 59%) |
|
|
| 500 | oklch(0.673 0.173 48.09) | #e86e1c | hsl(24, 82%, 51%) |
|
|
| 600 | oklch(0.596 0.155 47.97) | #c65c14 | hsl(24, 82%, 43%) |
|
|
| 700 | oklch(0.511 0.131 48.22) | #a04a10 | hsl(24, 82%, 35%) |
|
|
| 800 | oklch(0.423 0.105 49.39) | #7a390c | hsl(25, 82%, 26%) |
|
|
| 900 | oklch(0.330 0.078 49.80) | #542709 | hsl(24, 81%, 18%) |
|
|
| 950 | oklch(0.228 0.049 51.78) | #2e1505 | hsl(23, 80%, 10%) |
|
dsfds
| 50 | oklch(0.899 0.045 2.49) | #f9d2db | hsl(346, 76%, 90%) |
|
|
| 100 | oklch(0.816 0.085 4.30) | #f3acbc | hsl(346, 75%, 81%) |
|
|
| 200 | oklch(0.738 0.129 7.17) | #ee869c | hsl(347, 75%, 73%) |
|
|
| 300 | oklch(0.669 0.171 9.93) | #e9607d | hsl(347, 76%, 65%) |
|
|
| 400 | oklch(0.612 0.204 13.81) | #e33a5e | hsl(347, 75%, 56%) |
|
|
| 500 | oklch(0.562 0.211 17.34) | #d41e45 | hsl(347, 75%, 47%) |
|
|
| 600 | oklch(0.496 0.185 17.06) | #b3193a | hsl(347, 75%, 40%) |
|
|
| 700 | oklch(0.427 0.156 16.69) | #91152f | hsl(347, 75%, 33%) |
|
|
| 800 | oklch(0.357 0.128 16.13) | #701024 | hsl(348, 75%, 25%) |
|
|
| 900 | oklch(0.280 0.097 14.94) | #4e0b19 | hsl(347, 75%, 17%) |
|
|
| 950 | oklch(0.202 0.064 10.99) | #2d060f | hsl(346, 76%, 10%) |
|
dsfds
| 50 | oklch(0.915 0.016 310.09) | #e6e0eb | hsl(273, 22%, 90%) |
|
|
| 100 | oklch(0.773 0.045 307.81) | #bdaecc | hsl(270, 23%, 74%) |
|
|
| 200 | oklch(0.629 0.074 307.61) | #957dac | hsl(271, 22%, 58%) |
|
|
| 300 | oklch(0.490 0.080 306.60) | #6c5484 | hsl(270, 22%, 42%) |
|
|
| 400 | oklch(0.358 0.054 306.75) | #443553 | hsl(270, 22%, 27%) |
|
|
| 500 | oklch(0.209 0.025 307.13) | #1b1521 | hsl(270, 22%, 11%) |
|
|
| 600 | oklch(0.209 0.025 307.13) | #1b1521 | hsl(270, 22%, 11%) |
|
|
| 700 | oklch(0.207 0.023 305.22) | #1a1520 | hsl(267, 21%, 10%) |
|
|
| 800 | oklch(0.204 0.025 307.09) | #1a1420 | hsl(270, 23%, 10%) |
|
|
| 900 | oklch(0.204 0.025 307.09) | #1a1420 | hsl(270, 23%, 10%) |
|
|
| 950 | oklch(0.204 0.023 309.17) | #1a141f | hsl(273, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
