Coffee Palette

CSS variables

:root {
  --color-1: #4B3621;
  --color-2: #6F4E37;
  --color-3: #967259;
  --color-4: #C8A27C;
  --color-5: #ECDFCB;
}

Tailwind config

// tailwind.config.js
colors: {
  "coffee-1": "#4B3621",
  "coffee-2": "#6F4E37",
  "coffee-3": "#967259",
  "coffee-4": "#C8A27C",
  "coffee-5": "#ECDFCB",
}

About this palette

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