Generate Color System
generate_color_systemTurn one brand color into a WCAG 2.2-verified color system: tonal scale, neutral ramp, and light/dark semantic tokens. Auto-adjusts text/UI pairs for accessible contrast.
Instructions
Turn ONE brand color into a complete, accessibility-verified palette: a 50–950 tonal scale, a cohesive brand-tinted neutral ramp, and full light + dark semantic tokens (background, surface, border, text, primary/onPrimary, subtle, focus ring). Every text/UI pair is checked against WCAG 2.2 and auto-adjusted to pass. Deterministic — outputs a real palette, not advice. Feed the result into generate_design_tokens, then audit_accessibility.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| brand_color | Yes | The brand / primary color as hex, e.g. '#4F46E5' or '#e11d48' |