# Blue Serenity

#EDF2FB, #E2EAFC, #D7E3FC, #CCDBFD, #C1D3FE, #B6CCFE, #ABC4FF


## CSS variables

```css
:root {
  --blue-serenity-1: #EDF2FB;
  --blue-serenity-2: #E2EAFC;
  --blue-serenity-3: #D7E3FC;
  --blue-serenity-4: #CCDBFD;
  --blue-serenity-5: #C1D3FE;
  --blue-serenity-6: #B6CCFE;
  --blue-serenity-7: #ABC4FF;
}
```

## Tailwind v4

```css
@theme {
  --color-blue-serenity-1: #EDF2FB;
  --color-blue-serenity-2: #E2EAFC;
  --color-blue-serenity-3: #D7E3FC;
  --color-blue-serenity-4: #CCDBFD;
  --color-blue-serenity-5: #C1D3FE;
  --color-blue-serenity-6: #B6CCFE;
  --color-blue-serenity-7: #ABC4FF;
}
```

Source: [https://coolors\.co/palette/edf2fb\-e2eafc\-d7e3fc\-ccdbfd\-c1d3fe\-b6ccfe\-abc4ff](https://coolors.co/palette/edf2fb-e2eafc-d7e3fc-ccdbfd-c1d3fe-b6ccfe-abc4ff)
Author: Not recorded