Gold & Black Palette

CSS variables

:root {
  --color-1: #000000;
  --color-2: #14213D;
  --color-3: #FCA311;
  --color-4: #E5E5E5;
  --color-5: #FFFFFF;
}

Tailwind config

// tailwind.config.js
colors: {
  "gold-black-1": "#000000",
  "gold-black-2": "#14213D",
  "gold-black-3": "#FCA311",
  "gold-black-4": "#E5E5E5",
  "gold-black-5": "#FFFFFF",
}

About this palette

The Gold & Black 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