# Webcore

#F7B5E4, #A49BF3, #A445DD, #2C2B9F, #D9D9E5, #FFFFFF

- #F7B5E4 Bubblegum Window
- #A49BF3 Lilac Glass
- #A445DD Error Violet
- #2C2B9F System Navy
- #D9D9E5 Dialog Grey
- #FFFFFF Paper White


## CSS variables

```css
:root {
  --webcore-1: #F7B5E4; /* Bubblegum Window */
  --webcore-2: #A49BF3; /* Lilac Glass */
  --webcore-3: #A445DD; /* Error Violet */
  --webcore-4: #2C2B9F; /* System Navy */
  --webcore-5: #D9D9E5; /* Dialog Grey */
  --webcore-6: #FFFFFF; /* Paper White */
}
```

## Tailwind v4

```css
@theme {
  --color-webcore-1: #F7B5E4; /* Bubblegum Window */
  --color-webcore-2: #A49BF3; /* Lilac Glass */
  --color-webcore-3: #A445DD; /* Error Violet */
  --color-webcore-4: #2C2B9F; /* System Navy */
  --color-webcore-5: #D9D9E5; /* Dialog Grey */
  --color-webcore-6: #FFFFFF; /* Paper White */
}
```

Source: Not recorded
Author: Not recorded