Fiery Sunset Color Palette
This fiery palette of vibrant oranges and deep reds, anchored by shadowy blacks, exudes an intense, passionate energy reminiscent of a dramatic sunset bleeding into the night.
Practical uses and creative applications
The Fiery Sunset Color Palette is a vibrant collection of colors that captures the breathtaking hues of a setting sun. Featuring striking shades like #fe6c2b, #d43b2d, #9f102c, #340016, and #020001, this palette is ideal for designers looking to evoke strong emotions and create memorable visuals.
It works exceptionally well in branding and web design, where a bold, energetic aesthetic can help businesses stand out. Whether you are developing an adventurous outdoor brand or a dynamic lifestyle blog, these fiery tones will ignite passion and excitement in your audience.
For creatives working in packaging or interior design, the Fiery Sunset Color Palette offers a unique way to infuse warmth and intensity into spaces and products. Imagine using these colors to create eye-catching product packaging for gourmet foods or artisanal goods, instantly drawing in customers with their vibrant appeal.
In interiors, these shades can transform a room into a cozy yet dramatic sanctuary, making it perfect for trendy cafes or modern homes. This palette is not just about aesthetics; it’s about crafting an experience that resonates with your audience, making it a perfect choice for those looking to leave a lasting impression.
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.919 0.045 46.05) | #ffdccc | hsl(19, 100%, 90%) |
|
|
| 100 | oklch(0.869 0.075 44.43) | #ffc5ac | hsl(18, 100%, 84%) |
|
|
| 200 | oklch(0.822 0.105 44.72) | #feaf8c | hsl(18, 98%, 77%) |
|
|
| 300 | oklch(0.778 0.136 44.76) | #fe996b | hsl(19, 99%, 71%) |
|
|
| 400 | oklch(0.738 0.166 43.28) | #fe824b | hsl(18, 99%, 65%) |
|
|
| 500 | oklch(0.704 0.193 41.55) | #fe6c2b | hsl(18, 99%, 58%) |
|
|
| 600 | oklch(0.654 0.216 37.53) | #f74d01 | hsl(19, 99%, 49%) |
|
|
| 700 | oklch(0.556 0.181 38.10) | #c63e01 | hsl(19, 99%, 39%) |
|
|
| 800 | oklch(0.453 0.146 38.63) | #952e01 | hsl(18, 99%, 29%) |
|
|
| 900 | oklch(0.344 0.107 40.65) | #641f00 | hsl(19, 100%, 20%) |
|
|
| 950 | oklch(0.227 0.064 46.18) | #331000 | hsl(19, 100%, 10%) |
|
dsfds
| 50 | oklch(0.904 0.035 22.21) | #f6d7d5 | hsl(4, 65%, 90%) |
|
|
| 100 | oklch(0.831 0.064 24.51) | #efb8b3 | hsl(5, 65%, 82%) |
|
|
| 200 | oklch(0.761 0.097 25.08) | #e99992 | hsl(5, 66%, 74%) |
|
|
| 300 | oklch(0.694 0.131 26.68) | #e27a70 | hsl(5, 66%, 66%) |
|
|
| 400 | oklch(0.631 0.164 27.58) | #db5a4f | hsl(5, 66%, 58%) |
|
|
| 500 | oklch(0.580 0.192 29.42) | #d43b2d | hsl(5, 66%, 50%) |
|
|
| 600 | oklch(0.512 0.169 29.42) | #b33125 | hsl(5, 66%, 42%) |
|
|
| 700 | oklch(0.440 0.143 29.04) | #91271e | hsl(5, 66%, 34%) |
|
|
| 800 | oklch(0.366 0.115 28.88) | #6f1e17 | hsl(5, 66%, 26%) |
|
|
| 900 | oklch(0.288 0.086 28.60) | #4d1510 | hsl(5, 66%, 18%) |
|
|
| 950 | oklch(0.202 0.052 26.53) | #2a0b09 | hsl(4, 65%, 10%) |
|
dsfds
| 50 | oklch(0.898 0.047 4.90) | #fad1d9 | hsl(348, 80%, 90%) |
|
|
| 100 | oklch(0.789 0.107 7.22) | #f59dae | hsl(348, 81%, 79%) |
|
|
| 200 | oklch(0.693 0.167 10.16) | #f06984 | hsl(348, 82%, 68%) |
|
|
| 300 | oklch(0.622 0.215 15.88) | #eb3659 | hsl(348, 82%, 57%) |
|
|
| 400 | oklch(0.555 0.214 20.00) | #d3153a | hsl(348, 82%, 45%) |
|
|
| 500 | oklch(0.451 0.172 19.26) | #9f102c | hsl(348, 82%, 34%) |
|
|
| 600 | oklch(0.404 0.152 18.71) | #880e26 | hsl(348, 81%, 29%) |
|
|
| 700 | oklch(0.357 0.134 17.95) | #720b20 | hsl(348, 82%, 25%) |
|
|
| 800 | oklch(0.306 0.112 17.61) | #5b0919 | hsl(348, 82%, 20%) |
|
|
| 900 | oklch(0.256 0.091 16.41) | #450713 | hsl(348, 82%, 15%) |
|
|
| 950 | oklch(0.201 0.067 13.67) | #2e050d | hsl(348, 80%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.064 350.73) | #ffcce2 | hsl(334, 100%, 90%) |
|
|
| 100 | oklch(0.751 0.170 355.31) | #ff7bb3 | hsl(335, 100%, 74%) |
|
|
| 200 | oklch(0.658 0.247 2.66) | #ff2984 | hsl(334, 100%, 58%) |
|
|
| 300 | oklch(0.563 0.225 8.27) | #d7005b | hsl(335, 100%, 42%) |
|
|
| 400 | oklch(0.396 0.159 6.80) | #850038 | hsl(335, 100%, 26%) |
|
|
| 500 | oklch(0.210 0.085 0.98) | #340016 | hsl(335, 100%, 10%) |
|
|
| 600 | oklch(0.210 0.085 0.98) | #340016 | hsl(335, 100%, 10%) |
|
|
| 700 | oklch(0.210 0.085 0.98) | #340016 | hsl(335, 100%, 10%) |
|
|
| 800 | oklch(0.208 0.084 0.28) | #330016 | hsl(334, 100%, 10%) |
|
|
| 900 | oklch(0.208 0.084 0.28) | #330016 | hsl(334, 100%, 10%) |
|
|
| 950 | oklch(0.208 0.084 0.28) | #330016 | hsl(334, 100%, 10%) |
|
dsfds
| 50 | oklch(0.897 0.066 346.45) | #ffcce6 | hsl(329, 100%, 90%) |
|
|
| 100 | oklch(0.739 0.188 351.48) | #ff71b8 | hsl(330, 100%, 72%) |
|
|
| 200 | oklch(0.652 0.258 359.80) | #ff158a | hsl(330, 100%, 54%) |
|
|
| 300 | oklch(0.507 0.205 2.07) | #b9005c | hsl(330, 100%, 36%) |
|
|
| 400 | oklch(0.310 0.126 358.93) | #5d002f | hsl(330, 100%, 18%) |
|
|
| 500 | oklch(0.056 0.024 344.76) | #020001 | hsl(330, 100%, 0%) |
|
|
| 600 | oklch(0.103 0.044 344.97) | #0c0006 | hsl(330, 100%, 2%) |
|
|
| 700 | oklch(0.132 0.055 348.88) | #16000b | hsl(330, 100%, 4%) |
|
|
| 800 | oklch(0.157 0.065 351.05) | #1f0010 | hsl(329, 100%, 6%) |
|
|
| 900 | oklch(0.184 0.076 353.48) | #290015 | hsl(329, 100%, 8%) |
|
|
| 950 | oklch(0.210 0.086 355.18) | #33001a | hsl(329, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
