# Lava and Steel

#780000, #C1121F, #669BBC, #FDF0D5, #003049

- #780000 Molten Lava
- #C1121F Brick Red
- #669BBC Steel Blue
- #FDF0D5 Papaya Whip
- #003049 Deep Space Blue


## CSS variables

```css
: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

```css
@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 */
}
```

Source: [https://www\.threads\.com/@346eur/post/DbYYt8FjpBv](https://www.threads.com/@346eur/post/DbYYt8FjpBv)
Author: 346eur