# Cookie Jar

#4D2308, #814414, #B96D2C, #F1B93D, #F3CEA2

- #4D2308 Seal Brown
- #814414 Russet
- #B96D2C Caramel
- #F1B93D Max\. Yellow Red
- #F3CEA2 Deep Champagne


## CSS variables

```css
:root {
  --cookie-jar-1: #4D2308; /* Seal Brown */
  --cookie-jar-2: #814414; /* Russet */
  --cookie-jar-3: #B96D2C; /* Caramel */
  --cookie-jar-4: #F1B93D; /* Max. Yellow Red */
  --cookie-jar-5: #F3CEA2; /* Deep Champagne */
}
```

## Tailwind v4

```css
@theme {
  --color-cookie-jar-1: #4D2308; /* Seal Brown */
  --color-cookie-jar-2: #814414; /* Russet */
  --color-cookie-jar-3: #B96D2C; /* Caramel */
  --color-cookie-jar-4: #F1B93D; /* Max. Yellow Red */
  --color-cookie-jar-5: #F3CEA2; /* Deep Champagne */
}
```

Source: [https://huaban\.com/pins/7291941119](https://huaban.com/pins/7291941119)
Author: QuetraTech