Bold Fiery Color Palette
This striking palette exudes a bold, fiery energy with deep blacks and vibrant reds, complemented by a zesty orange and a sunny yellow, perfect for an edgy, passionate aesthetic.
Practical uses and creative applications
The Bold Fiery Color Palette ignites passion and energy, making it an ideal choice for branding and web design that aims to captivate and engage audiences. With its striking combination of deep black (#000000), vibrant reds (#8f1414, #e50e0e), fiery orange (#f3450f), and a bright yellow (#fcac03), this palette is perfect for creatives looking to convey a sense of urgency and excitement.
Whether you're designing a cutting-edge tech startup's website or crafting eye-catching packaging for a gourmet hot sauce, these colors will undoubtedly draw attention and evoke strong emotions. This palette is particularly well-suited for brands in the food, entertainment, and sports industries, where creating a dynamic visual impact is crucial.
Designers and marketers can leverage the Bold Fiery Color Palette to create immersive interiors for restaurants or retail spaces, enhancing the atmosphere and encouraging customer engagement. By using these colors strategically, you can invoke feelings of enthusiasm and warmth, making it a fantastic choice for any project that seeks to inspire action 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.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.897 0.044 18.00) | #f9d2d2 | hsl(0, 76%, 90%) |
|
|
100 | oklch(0.782 0.100 19.55) | #f19e9e | hsl(0, 75%, 78%) |
|
|
200 | oklch(0.680 0.159 22.23) | #ea6a6a | hsl(0, 75%, 67%) |
|
|
300 | oklch(0.602 0.209 26.19) | #e33636 | hsl(0, 76%, 55%) |
|
|
400 | oklch(0.524 0.200 27.76) | #c31b1b | hsl(0, 76%, 44%) |
|
|
500 | oklch(0.419 0.157 27.42) | #8f1414 | hsl(0, 75%, 32%) |
|
|
600 | oklch(0.377 0.140 27.25) | #7b1111 | hsl(0, 76%, 27%) |
|
|
700 | oklch(0.336 0.122 26.89) | #680f0f | hsl(0, 75%, 23%) |
|
|
800 | oklch(0.292 0.104 26.52) | #540c0c | hsl(0, 75%, 19%) |
|
|
900 | oklch(0.246 0.084 25.93) | #400909 | hsl(0, 75%, 14%) |
|
|
950 | oklch(0.199 0.064 25.23) | #2d0606 | hsl(0, 76%, 10%) |
|
dsfds
50 | oklch(0.893 0.051 18.15) | #fccfcf | hsl(0, 88%, 90%) |
|
|
100 | oklch(0.807 0.100 19.47) | #faa6a6 | hsl(0, 89%, 82%) |
|
|
200 | oklch(0.730 0.148 21.37) | #f77e7e | hsl(0, 88%, 73%) |
|
|
300 | oklch(0.666 0.196 24.14) | #f55555 | hsl(0, 89%, 65%) |
|
|
400 | oklch(0.621 0.230 27.25) | #f22c2c | hsl(0, 88%, 56%) |
|
|
500 | oklch(0.582 0.234 28.79) | #e50e0e | hsl(0, 88%, 48%) |
|
|
600 | oklch(0.513 0.205 28.69) | #c10c0c | hsl(0, 88%, 40%) |
|
|
700 | oklch(0.441 0.175 28.53) | #9d0a0a | hsl(0, 88%, 33%) |
|
|
800 | oklch(0.364 0.143 28.36) | #780707 | hsl(0, 89%, 25%) |
|
|
900 | oklch(0.285 0.110 27.96) | #540505 | hsl(0, 89%, 17%) |
|
|
950 | oklch(0.200 0.074 27.10) | #300303 | hsl(0, 88%, 10%) |
|
dsfds
50 | oklch(0.913 0.043 37.67) | #fdd9ce | hsl(14, 92%, 90%) |
|
|
100 | oklch(0.848 0.078 38.34) | #fbbca8 | hsl(14, 91%, 82%) |
|
|
200 | oklch(0.785 0.116 37.86) | #f99e82 | hsl(14, 91%, 74%) |
|
|
300 | oklch(0.727 0.154 37.59) | #f7805c | hsl(14, 91%, 66%) |
|
|
400 | oklch(0.679 0.189 37.47) | #f56335 | hsl(14, 91%, 58%) |
|
|
500 | oklch(0.640 0.218 35.20) | #f3450f | hsl(14, 90%, 51%) |
|
|
600 | oklch(0.565 0.192 35.26) | #ce390a | hsl(14, 91%, 42%) |
|
|
700 | oklch(0.485 0.163 35.50) | #a72e08 | hsl(14, 91%, 34%) |
|
|
800 | oklch(0.400 0.131 36.02) | #7f2306 | hsl(14, 91%, 26%) |
|
|
900 | oklch(0.312 0.099 36.95) | #581804 | hsl(14, 91%, 18%) |
|
|
950 | oklch(0.218 0.063 39.95) | #310d02 | hsl(14, 92%, 10%) |
|
dsfds
50 | oklch(0.953 0.046 85.19) | #feeecd | hsl(40, 96%, 90%) |
|
|
100 | oklch(0.920 0.084 85.34) | #fee1a4 | hsl(41, 98%, 82%) |
|
|
200 | oklch(0.887 0.116 85.07) | #fdd47c | hsl(41, 97%, 74%) |
|
|
300 | oklch(0.857 0.143 83.37) | #fdc754 | hsl(41, 98%, 66%) |
|
|
400 | oklch(0.827 0.161 80.30) | #fcb92b | hsl(41, 97%, 58%) |
|
|
500 | oklch(0.802 0.168 75.31) | #fcac03 | hsl(41, 98%, 50%) |
|
|
600 | oklch(0.704 0.148 75.25) | #d49003 | hsl(40, 97%, 42%) |
|
|
700 | oklch(0.603 0.126 76.51) | #ab7502 | hsl(41, 98%, 34%) |
|
|
800 | oklch(0.497 0.103 76.71) | #835902 | hsl(40, 97%, 26%) |
|
|
900 | oklch(0.387 0.080 78.59) | #5b3e01 | hsl(41, 98%, 18%) |
|
|
950 | oklch(0.265 0.053 81.74) | #322201 | hsl(40, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.