Forge / Color Palette

Color Palette Generator

Turn any base color into a full, accessible palette with a live WCAG contrast checker. Export to CSS variables, Tailwind config or JSON.

Base color

Hue · saturation · lightness ramp

Base color — drives the whole palette

Accepts 3- or 6-digit hex. Click any swatch below to copy its value.

Quick presets

11 steps · 50 → 950

Derived by rotating the base hue while keeping saturation and lightness. Click a chip to copy.

Foreground text color

Background

Aa The quick brown fox jumps over the lazy dog — readable text on this background.

0.00 :1 contrast ratio

AA Normal AA Large AAA Normal AAA Large

Thresholds — AA Normal ≥ 4.5, AA Large ≥ 3, AAA Normal ≥ 7, AAA Large ≥ 4.5.

CSS variables

Drop into your stylesheet under :root.