Accessible Palette Generator

Generate a color palette tuned for accessible contrast between roles.

Color

Output

Suggested Tools

Color Picker
Pick a color visually and copy HEX, RGB, or HSL values for CSS and design tools.
HEX ↔ RGB
Convert colors between HEX and RGB for CSS, canvas, and design handoff.
HEX ↔ HSL
Convert colors between HEX and HSL for tweaking lightness and saturation in CSS.

Accessible Palette Generator builds related swatches you can use for backgrounds, text, and accents with readability in mind.

Set a base color, run, and copy the palette into your theme.

Please enable JavaScript.