Themes

SimpleGradientMaker

A gradient theme browser. Five colours in, a complete token set out.

hue mode

JavaScript required

The palette browser and theme editor need JavaScript enabled to run.

About SimpleGradientMaker

SimpleGradientMaker turns a five-stop colour gradient into a complete, accessibility-checked interface theme. Choose one of seventeen palettes read column by column off a photograph — from the near-black Obsidian through Denim Haze, Lagoon and Harbor to the warm Rust Line — or mix your own in the editor.

From those five colours SimpleGradientMaker derives background, surface, text, muted, border and accent tokens, verifies every pairing against WCAG 2.1 AA contrast, lets you swing the gradient through any angle, previews the result across four full page layouts, and hands you the CSS custom properties to paste into your own project.