Color

When to Use

Use when color is the real decision surface: palette building, semantic tokens, dark mode, chart colors, brand systems, accessibility, print handoff, or image/export consistency.

If the job is context-specific, load the matching file before locking the palette:

• ui-systems.md for product UI, design systems, semantic tokens, states, surfaces, and dark mode.
• palettes.md for palette construction, neutrals, accents, tonal ladders, and brandable combinations.
• accessibility.md for contrast, non-color cues, text legibility, and state signaling.
• data-viz.md for categorical vs sequential scales, heatmaps, dashboards, and chart-safe colors.
• branding.md for brand palettes, campaigns, logos, packaging, and cross-channel consistency.
• print.md for CMYK, spot colors, proofs, coated vs uncoated stock, and prepress handoff.
• color-spaces.md for RGB/HEX/HSL/HSV/LAB/OKLab/OKLCH decisions and conversion traps.
• commands.md when the user needs concrete code, CSS tokens, or command-line conversions.

Keep the system-level workflow in this file, then pull in the specialized file that matches the real output instead of solving every color problem with generic palette advice.

Quick Reference