The problem

Standard color inversion often breaks brand identity and fails accessibility standards. Generating dark mode themes manually leads to poor contrast ratios and muddy, perceptually inconsistent UI.

What it does

• Generates dual-theme (light and dark) color systems using CIE LAB space for perceptual uniformity instead of simple RGB inversion.
• Performs automated WCAG AA/AAA contrast audits and simulates eight types of color-blindness for every palette.
• Produces CSS custom properties, Tailwind configurations, or design-token JSON ready for immediate implementation.
• Matches primary brand colors to Pantone Color Bridge references with Delta-E precision.
• Adapts palette logic based on industry-specific color psychology for SaaS, Luxury, Healthcare, and E-commerce.

Frameworks & tools

CSS, SCSS, Tailwind CSS, CIE LAB color space, Brettel matrices, and WCAG 2.1 accessibility standards.

Why this beats prompting it yourself

Generic LLM prompts usually ignore perceptual lightness (L*) and color-blindness safety, resulting in unusable dark modes. This skill enforces rigorous color science and mathematical transformations to ensure your brand remains accessible and consistent across all display modes.

Use cases

• Creating a dark-mode version of an existing light-only brand system.
• Auditing a new UI design for WCAG 2.1 AA/AAA compliance and color-blindness safety.
• Generating design tokens and CSS variables for a new SaaS product launch.
• Finding physical Pantone matches for digital-first brand colors.