5 colors · #780000 · #C1121F · #669BBC · #FDF0D5 · #003049
| Color | Hex | RGB | HSL |
|---|---|---|---|
| Molten Lava | 120 0 0 | 0° 100% 24% | |
| Brick Red | 193 18 31 | 356° 83% 41% | |
| Steel Blue | 102 155 188 | 203° 39% 57% | |
| Papaya Whip | 253 240 213 | 40° 91% 91% | |
| Deep Space Blue | 0 48 73 | 201° 100% 14% |
Hex list
#780000, #C1121F, #669BBC, #FDF0D5, #003049CSS variables
:root {
--lava-and-steel-1: #780000; /* Molten Lava */
--lava-and-steel-2: #C1121F; /* Brick Red */
--lava-and-steel-3: #669BBC; /* Steel Blue */
--lava-and-steel-4: #FDF0D5; /* Papaya Whip */
--lava-and-steel-5: #003049; /* Deep Space Blue */
}Tailwind v4
@theme {
--color-lava-and-steel-1: #780000; /* Molten Lava */
--color-lava-and-steel-2: #C1121F; /* Brick Red */
--color-lava-and-steel-3: #669BBC; /* Steel Blue */
--color-lava-and-steel-4: #FDF0D5; /* Papaya Whip */
--color-lava-and-steel-5: #003049; /* Deep Space Blue */
}JSON
{
"name": "Lava and Steel",
"colors": [
"#780000",
"#C1121F",
"#669BBC",
"#FDF0D5",
"#003049"
],
"color_names": [
"Molten Lava",
"Brick Red",
"Steel Blue",
"Papaya Whip",
"Deep Space Blue"
],
"source": "https://www.threads.com/@346eur/post/DbYYt8FjpBv"
}