Vaporwave Palette

CSS variables

:root {
  --color-1: #FF71CE;
  --color-2: #01CDFE;
  --color-3: #05FFA1;
  --color-4: #B967FF;
  --color-5: #FFFB96;
}

Tailwind config

// tailwind.config.js
colors: {
  "vaporwave-1": "#FF71CE",
  "vaporwave-2": "#01CDFE",
  "vaporwave-3": "#05FFA1",
  "vaporwave-4": "#B967FF",
  "vaporwave-5": "#FFFB96",
}

About this palette

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