Copy your palette.

Import colors, generate a random palette, or manually add colors.

Use our suggestions or adjust yourself to find combinations that are universally readable and combinations you should avoid.

AA: WCAG 1.4.3 & WCAG 1.4.11
Text: 4.5:1
24px / bold 18.5px text: 3:1
UI elements: 3:1

To ensure your designs reach as many people as possible, use color combinations that meet or exceed the WCAG recommended contrast ratios.

Form Updates
Color Combination Matrix