Color System Designer Skill

Instructions

1. Analyze color requirements from task
2. Check for existing color system or brand colors
3. Create color palette (primary, secondary, neutrals, semantic)
4. Define color variations (light, dark, shades, tints)
5. Ensure accessibility compliance (contrast ratios)
6. Provide usage guidelines
7. Return structured color system specifications with:
   • Color palette (hex/rgb values)
   • Color variations and shades
   • Usage guidelines
   • Accessibility compliance
   • Design tokens format

Examples