canopy-colour-foundation

To apply accessible colour design tokens in an Angular project, import the Canopy colour foundation. This enforces WCAG contrast compliance and ensures consistent, token-driven brand colour usage across your UI components.

The default colour mode for the Canopy design system is blue. It prescribes safe alternate modes and tonal themes to establish visual hierarchy and readability while maintaining brand standards across your application.

To ensure UI status colours meet WCAG contrast guidelines, use the Canopy colour foundation. It aligns status colours with icons and enforces WCAG-based contrast standards to prevent accessibility issues in your product.

Yes, you can use this colour foundation for branding migrations in component libraries. It codifies palette rules and token-driven usage guidelines to establish a cohesive, accessible colour system across product UIs.

Yes, you need Canopy design system tokens to enforce accessible colour usage. The foundation requires these tokens to define colour roles and tones properly while adhering to WCAG contrast guidelines.

Your colour palette may fail WCAG contrast compliance during migrations due to uncodified colour rules. Using a token-driven foundation aligns status colours and enforces contrast standards to prevent inconsistencies.