# Summer Energy

#FFCCE1, #F2F1ED, #CDE5D9, #F2EBCC, #C6E2E7, #F7DDE8


## CSS variables

```css
:root {
  --summer-energy-1: #FFCCE1;
  --summer-energy-2: #F2F1ED;
  --summer-energy-3: #CDE5D9;
  --summer-energy-4: #F2EBCC;
  --summer-energy-5: #C6E2E7;
  --summer-energy-6: #F7DDE8;
}
```

## Tailwind v4

```css
@theme {
  --color-summer-energy-1: #FFCCE1;
  --color-summer-energy-2: #F2F1ED;
  --color-summer-energy-3: #CDE5D9;
  --color-summer-energy-4: #F2EBCC;
  --color-summer-energy-5: #C6E2E7;
  --color-summer-energy-6: #F7DDE8;
}
```

Source: [https://designpixie\.com/blogs/creative\-design\-ideas/pastel\-color\-palettes\-with\-color\-codes](https://designpixie.com/blogs/creative-design-ideas/pastel-color-palettes-with-color-codes)
Author: Not recorded