Candy Palette

CSS variables

:root {
  --color-1: #FF85A2;
  --color-2: #FFC2D1;
  --color-3: #FCD5CE;
  --color-4: #A9DEF9;
  --color-5: #E4C1F9;
}

Tailwind config

// tailwind.config.js
colors: {
  "candy-1": "#FF85A2",
  "candy-2": "#FFC2D1",
  "candy-3": "#FCD5CE",
  "candy-4": "#A9DEF9",
  "candy-5": "#E4C1F9",
}

About this palette

The Candy palette is a curated set of 5 colors with their HEX, RGB and ready CSS-variable and Tailwind exports. Click any swatch for that color's full breakdown — conversions, contrast and harmonies.

More palettes