Retro Palette

CSS variables

:root {
  --color-1: #264653;
  --color-2: #2A9D8F;
  --color-3: #E9C46A;
  --color-4: #F4A261;
  --color-5: #E76F51;
}

Tailwind config

// tailwind.config.js
colors: {
  "retro-1": "#264653",
  "retro-2": "#2A9D8F",
  "retro-3": "#E9C46A",
  "retro-4": "#F4A261",
  "retro-5": "#E76F51",
}

About this palette

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