Colors

Your footprint-wide base colors define the base palette the AI can work with.

The AI creates derivative colors only from these base colors using common color theory and contrast optimization. The way final colors are derived from your base colors is governed by the color neural net in the design section.

The colors will be evaluated in order of appearance, where the first/top color defines the background color and the subsequent colors define possible(!) contrasting colors.

The AI will attempt to derive colors in the following order;

• A background color
• A primary color
• A secondary color
• A tertiary color
  

To change the order of possible colors in your palette, simply drag and drop.

Going through your colors from top to bottom, the AI will always ensure enough contrast according to WCAG 2.1 guidelines. If colors do not provide enough contrast with the established background color, these colors may be altered (darkened or lightened) or altogether ignored. To check if a color has enough contrast with your background color, you can use a contrast checking tool.

To add a new base color, click the add new base color button.

To change a color, click the color hexadecimal value field. You can type a new RGB color hexadecimal code, or use the color swatch to pick a new color.

To have the AI analyse your logo for usable colors, click the use current logo's colors for design button.