Fiery Sunset Color Palette
This fiery palette ignites a warm, sun-soaked energy, blending deep crimson, vibrant orange, and sunny gold hues to evoke a spirited, energetic atmosphere reminiscent of a blazing sunset.
Practical uses and creative applications
The Fiery Sunset Color Palette captures the essence of a breathtaking sunset, combining rich reds, vibrant oranges, and warm yellows. This palette is ideal for branding and web design projects that aim to evoke passion and energy.
The deep red (#8D1000) and bold orange (#C64300) create a striking visual impact, making it perfect for businesses in the food, entertainment, or wellness industries looking to grab attention and convey warmth. In packaging design, this palette can enhance product appeal, drawing customers in with its inviting hues.
Creatives and designers will find the Fiery Sunset Color Palette particularly versatile for various applications, from interior design to event planning. The warm yellow tones (#FFDA73) can be used to create cheerful and inviting spaces, while the richer reds and oranges can add drama to a room or event.
This palette suits styles ranging from modern and minimalistic to bohemian and eclectic, making it an excellent choice for those looking to create vibrant atmospheres that resonate with a sense of adventure and warmth. Whether you're a graphic designer crafting a brand identity or an interior designer aiming to evoke a cozy ambiance, this color palette is sure to inspire creativity and connection.
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.901 0.052 27.01) | #ffd2cc | hsl(7, 100%, 90%) |
|
|
100 | oklch(0.786 0.125 27.98) | #ff998c | hsl(7, 100%, 77%) |
|
|
200 | oklch(0.695 0.196 30.02) | #ff614d | hsl(7, 100%, 65%) |
|
|
300 | oklch(0.641 0.246 30.76) | #ff290d | hsl(7, 100%, 53%) |
|
|
400 | oklch(0.539 0.212 30.65) | #cd1700 | hsl(7, 100%, 40%) |
|
|
500 | oklch(0.411 0.159 31.20) | #8d1000 | hsl(7, 100%, 28%) |
|
|
600 | oklch(0.373 0.143 31.48) | #7b0e00 | hsl(7, 100%, 24%) |
|
|
700 | oklch(0.335 0.127 31.88) | #690c00 | hsl(7, 100%, 21%) |
|
|
800 | oklch(0.295 0.110 32.48) | #570a00 | hsl(7, 100%, 17%) |
|
|
900 | oklch(0.254 0.093 33.42) | #450800 | hsl(7, 100%, 14%) |
|
|
950 | oklch(0.211 0.074 34.92) | #330600 | hsl(7, 100%, 10%) |
|
dsfds
50 | oklch(0.921 0.044 48.22) | #ffddcc | hsl(20, 100%, 90%) |
|
|
100 | oklch(0.847 0.092 48.29) | #ffbb98 | hsl(20, 100%, 80%) |
|
|
200 | oklch(0.777 0.141 46.71) | #ff9864 | hsl(20, 100%, 70%) |
|
|
300 | oklch(0.719 0.185 44.43) | #ff762f | hsl(20, 100%, 59%) |
|
|
400 | oklch(0.668 0.213 39.26) | #fa5500 | hsl(20, 100%, 49%) |
|
|
500 | oklch(0.562 0.177 39.75) | #c64300 | hsl(20, 100%, 39%) |
|
|
600 | oklch(0.501 0.157 40.16) | #a93900 | hsl(20, 100%, 33%) |
|
|
700 | oklch(0.436 0.134 40.93) | #8b2f00 | hsl(20, 100%, 27%) |
|
|
800 | oklch(0.371 0.112 41.89) | #6e2500 | hsl(20, 100%, 22%) |
|
|
900 | oklch(0.301 0.088 43.92) | #501b00 | hsl(20, 100%, 16%) |
|
|
950 | oklch(0.229 0.063 47.64) | #331100 | hsl(20, 100%, 10%) |
|
dsfds
50 | oklch(0.935 0.044 63.91) | #ffe4cc | hsl(28, 100%, 90%) |
|
|
100 | oklch(0.884 0.079 62.79) | #ffcea3 | hsl(28, 100%, 82%) |
|
|
200 | oklch(0.836 0.114 61.43) | #ffb87a | hsl(28, 100%, 74%) |
|
|
300 | oklch(0.792 0.145 58.91) | #ffa252 | hsl(28, 100%, 66%) |
|
|
400 | oklch(0.752 0.172 55.09) | #ff8c29 | hsl(28, 100%, 58%) |
|
|
500 | oklch(0.717 0.192 49.00) | #ff7600 | hsl(28, 100%, 50%) |
|
|
600 | oklch(0.630 0.168 49.50) | #d66300 | hsl(28, 100%, 42%) |
|
|
700 | oklch(0.540 0.142 50.24) | #ad5000 | hsl(28, 100%, 34%) |
|
|
800 | oklch(0.447 0.116 51.04) | #853d00 | hsl(28, 100%, 26%) |
|
|
900 | oklch(0.348 0.088 53.04) | #5c2a00 | hsl(27, 100%, 18%) |
|
|
950 | oklch(0.243 0.057 59.83) | #331800 | hsl(28, 100%, 10%) |
|
dsfds
50 | oklch(0.944 0.045 74.78) | #ffe9cc | hsl(34, 100%, 90%) |
|
|
100 | oklch(0.913 0.070 73.72) | #ffdcaf | hsl(34, 100%, 84%) |
|
|
200 | oklch(0.882 0.095 73.19) | #ffcf91 | hsl(34, 100%, 78%) |
|
|
300 | oklch(0.854 0.118 71.91) | #ffc274 | hsl(34, 100%, 73%) |
|
|
400 | oklch(0.826 0.140 70.39) | #ffb556 | hsl(34, 100%, 67%) |
|
|
500 | oklch(0.800 0.156 67.80) | #ffa839 | hsl(34, 100%, 61%) |
|
|
600 | oklch(0.759 0.176 60.43) | #ff9105 | hsl(34, 100%, 51%) |
|
|
700 | oklch(0.649 0.152 59.93) | #d07400 | hsl(33, 100%, 41%) |
|
|
800 | oklch(0.525 0.121 61.49) | #9b5700 | hsl(34, 100%, 30%) |
|
|
900 | oklch(0.395 0.090 63.83) | #673a00 | hsl(34, 100%, 20%) |
|
|
950 | oklch(0.254 0.055 70.14) | #331d00 | hsl(34, 100%, 10%) |
|
dsfds
50 | oklch(0.962 0.051 91.37) | #fff2cc | hsl(45, 100%, 90%) |
|
|
100 | oklch(0.948 0.068 90.92) | #ffedba | hsl(44, 100%, 86%) |
|
|
200 | oklch(0.935 0.085 90.59) | #ffe8a8 | hsl(44, 100%, 83%) |
|
|
300 | oklch(0.922 0.100 90.05) | #ffe397 | hsl(44, 100%, 80%) |
|
|
400 | oklch(0.912 0.115 90.45) | #ffdf85 | hsl(44, 100%, 76%) |
|
|
500 | oklch(0.899 0.129 89.93) | #ffda73 | hsl(44, 100%, 73%) |
|
|
600 | oklch(0.861 0.163 87.13) | #ffc933 | hsl(44, 100%, 60%) |
|
|
700 | oklch(0.802 0.165 82.44) | #f2b200 | hsl(44, 100%, 47%) |
|
|
800 | oklch(0.640 0.132 82.62) | #b38300 | hsl(44, 100%, 35%) |
|
|
900 | oklch(0.466 0.096 83.76) | #735400 | hsl(44, 100%, 23%) |
|
|
950 | oklch(0.276 0.056 89.07) | #332600 | hsl(45, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.