Which color relationships matter?
Choose analogous, complementary, triadic, tetradic, or split-complementary relationships by role.
Elysia Tools
Navigation
Workflow Playbook
Build a reusable color system by transforming colors, generating harmonies, checking contrast and color vision, and documenting tokens.
Hubs
Collect source colors and assign roles such as surface, text, border, action, status, or accent. Normalize values and preserve originals for traceability.
Generate harmony families, mixes, gradients, tints, shades, and temperature variants. Keep only colors that communicate their role and work across states.
Check foreground and background pairs for text, controls, icons, and status messages. Review the whole palette and simulate color-vision differences so meaning does not depend on hue alone.
Record a stable token name, value, role, contrast evidence, fallback behavior, and gradient stops before mapping the reviewed values into the target syntax.
Workflow playbook
Convert source values consistently and record names, roles, and originals before editing.
Create harmonies, mixes, gradients, and tonal variants; retain candidates that fit semantic roles.
Check foreground-background pairs, palette-wide contrast, and color-vision simulations.
Adjust or invert failed states, then record token values, roles, evidence, and gradient stops for the target system.
Choose analogous, complementary, triadic, tetradic, or split-complementary relationships by role.
Change lightness, shade, tint, saturation, hue, or temperature only when the semantic role remains clear.
Check key pairs and the whole palette for contrast and color-vision weaknesses.
Design
Adjust color brightness and create variations with lighten/darken controls