Go to Customize -> Global -> Colors & Style. Choose from over 200 premade color palettes. Each palette has contrast ratio of at least 4:1.
Setting Up Color Contrast
To ensure accessibility, it’s important to maintain a strong contrast ratio between your main colors (Primary, Secondary, Special, and Special Secondary) and your contrast colors. This means each of the first four colors should have a good contrast ratio when paired with each of the last four.
Recommended Contrast Ratio:
A contrast ratio of at least 5:1 is recommended for color palettes. You can learn more about contrast ratios and their importance in accessibility at https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html.
Creating Color Palettes:
When designing your own color scheme, there are two options to ensure good contrast:
- Use a Contrast Checker: A tool like https://coolors.co/contrast-checker allows you to easily check the contrast ratio between different colors.
- Make sure contrast ratio is at least 4:1