Autumn Palette

CSS variables

:root {
  --color-1: #283618;
  --color-2: #606C38;
  --color-3: #DDA15E;
  --color-4: #BC6C25;
  --color-5: #9C6644;
}

Tailwind config

// tailwind.config.js
colors: {
  "autumn-1": "#283618",
  "autumn-2": "#606C38",
  "autumn-3": "#DDA15E",
  "autumn-4": "#BC6C25",
  "autumn-5": "#9C6644",
}

About this palette

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