Neon Palette

CSS variables

:root {
  --color-1: #FF006E;
  --color-2: #FB5607;
  --color-3: #FFBE0B;
  --color-4: #8338EC;
  --color-5: #3A86FF;
}

Tailwind config

// tailwind.config.js
colors: {
  "neon-1": "#FF006E",
  "neon-2": "#FB5607",
  "neon-3": "#FFBE0B",
  "neon-4": "#8338EC",
  "neon-5": "#3A86FF",
}

About this palette

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