Color Accessibility for Diagrams

This Skill provides guidance on creating accessible Mermaid diagrams using a verified color-blind friendly palette that meets WCAG AA standards. Use this when creating visual diagrams to ensure accessibility for all users, including those with color blindness (~300 million people worldwide).

Purpose

Use this Skill when:

• Creating Mermaid diagrams, flowcharts, or visualizations
• Working with color-dependent visual content
• Need to ensure WCAG compliance for diagrams
• Supporting users with color blindness (protanopia, deuteranopia, tritanopia)
• Choosing colors for documentation, diagrams, or UI components

Verified Accessible Color Palette

CRITICAL: Use ONLY these colors in all diagrams. This palette is scientifically verified to work for all color blindness types and meets WCAG AA standards.