Rainbow Pastel Palette

#FFADAD #FFD6A5 #FDFFB6 #CAFFBF #9BF6FF #A0C4FF

CSS variables

:root {
  --color-1: #FFADAD;
  --color-2: #FFD6A5;
  --color-3: #FDFFB6;
  --color-4: #CAFFBF;
  --color-5: #9BF6FF;
  --color-6: #A0C4FF;
}

Tailwind config

// tailwind.config.js
colors: {
  "rainbow-pastel-1": "#FFADAD",
  "rainbow-pastel-2": "#FFD6A5",
  "rainbow-pastel-3": "#FDFFB6",
  "rainbow-pastel-4": "#CAFFBF",
  "rainbow-pastel-5": "#9BF6FF",
  "rainbow-pastel-6": "#A0C4FF",
}

About this palette

The Rainbow Pastel palette is a curated set of 6 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