Color palette

Macaron

pastel · soft · minimal · red, pink, green, teal, blue

Contrast ratios are each swatch against its best of black/white text. AA = WCAG normal-text pass (≥ 4.5:1).

CSS variables

:root {
  --color-1: #FDE2E4;
  --color-2: #FAD2E1;
  --color-3: #E2ECE9;
  --color-4: #BEE1E6;
  --color-5: #DFE7FD;
}

Tailwind

theme: {
  colors: {
    'c1': '#FDE2E4',
    'c2': '#FAD2E1',
    'c3': '#E2ECE9',
    'c4': '#BEE1E6',
    'c5': '#DFE7FD',
  }
}

JSON

[
  "#FDE2E4",
  "#FAD2E1",
  "#E2ECE9",
  "#BEE1E6",
  "#DFE7FD"
]

Related palettes

Terracotta Soft

Arctic Calm

Glacier Mint

Cotton Candy

Lavender Dream

Sorbet