Forest Palette

CSS variables

:root {
  --color-1: #1B4332;
  --color-2: #2D6A4F;
  --color-3: #40916C;
  --color-4: #74C69D;
  --color-5: #B7E4C7;
}

Tailwind config

// tailwind.config.js
colors: {
  "forest-1": "#1B4332",
  "forest-2": "#2D6A4F",
  "forest-3": "#40916C",
  "forest-4": "#74C69D",
  "forest-5": "#B7E4C7",
}

About this palette

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