UI/UX Atlas

Tools

Color system generator

Build a complete, accessible color system from one brand color — full scales, semantic tokens, WCAG contrast checks, and a live UI preview. Then export it as a Markdown file formatted for Claude & Claude Code.

Accent harmony

Brand

Accent

Neutral

Feedback

Color harmony · split-complementary

Harmonies rotate the seed's hue on the color wheel to find colors that work well together.