Spring Palette

CSS variables

:root {
  --color-1: #FFAFCC;
  --color-2: #FFC8DD;
  --color-3: #BDE0FE;
  --color-4: #A2D2FF;
  --color-5: #CDB4DB;
}

Tailwind config

// tailwind.config.js
colors: {
  "spring-1": "#FFAFCC",
  "spring-2": "#FFC8DD",
  "spring-3": "#BDE0FE",
  "spring-4": "#A2D2FF",
  "spring-5": "#CDB4DB",
}

About this palette

The Spring 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