Sunset Palette

CSS variables

:root {
  --color-1: #FF6B6B;
  --color-2: #FFA07A;
  --color-3: #FFD93D;
  --color-4: #FF8C42;
  --color-5: #C9484B;
}

Tailwind config

// tailwind.config.js
colors: {
  "sunset-1": "#FF6B6B",
  "sunset-2": "#FFA07A",
  "sunset-3": "#FFD93D",
  "sunset-4": "#FF8C42",
  "sunset-5": "#C9484B",
}

About this palette

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