Berry Palette

CSS variables

:root {
  --color-1: #590D22;
  --color-2: #800F2F;
  --color-3: #A4133C;
  --color-4: #C9184A;
  --color-5: #FF4D6D;
}

Tailwind config

// tailwind.config.js
colors: {
  "berry-1": "#590D22",
  "berry-2": "#800F2F",
  "berry-3": "#A4133C",
  "berry-4": "#C9184A",
  "berry-5": "#FF4D6D",
}

About this palette

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