Midnight Palette

CSS variables

:root {
  --color-1: #0B132B;
  --color-2: #1C2541;
  --color-3: #3A506B;
  --color-4: #5BC0BE;
  --color-5: #6FFFE9;
}

Tailwind config

// tailwind.config.js
colors: {
  "midnight-1": "#0B132B",
  "midnight-2": "#1C2541",
  "midnight-3": "#3A506B",
  "midnight-4": "#5BC0BE",
  "midnight-5": "#6FFFE9",
}

About this palette

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