Colorscheme

Base color

Background/ text color light

Light variant for background/ text color (advice: close to white)

Background/ text color dark

Dark variant for background/ text color (advice: close to black)

Primary color

Primary color light

advice: minimum contrast of 7.5 on background/ text color dark

Primary color

this color is not actively used for accessibility, this is a decorative color you can choose freely.

Primary color dark

advice: minimum contrast of 7.5 on background/ text color light

Secondary color

Secondary color light

advice: minimum contrast of 7.5 on background/ text color dark

Secondary color

this color is not actively used for accessibility, this is a decorative color you can choose freely.

Secondary color dark

advice: minimum contrast of 7.5 on background/ text color light

Tertiary color

Tertiary color light

advice: minimum contrast of 7.5 on background/ text color dark

Tertiary color

this color is not actively used for accessibility, this is a decorative color you can choose freely.

Tertiary color dark

advice: minimum contrast of 7.5 on background/ text color light

Neutral color

Neutral color light

Default grayscale color. Advice: minimum contrast of 7.5 on background/ text color dark

Neutral color

Default grayscale color. This color is not actively used for accessibility, this is a decorative color you can choose freely.

Neutral color dark

Default grayscale color. Advice: minimum contrast of 7.5 on background/ text color light

Success color

Success color light

Success color in notices and labels. Advice: minimum contrast of 7.5 on background/ text color dark

Success color

Success color in notices and labels. This color is not actively used for accessibility, this is a decorative color you can choose freely.

Success color dark

Success color in notices and labels. Advice: minimum contrast of 7.5 on background/ text color light

Warning color

Warning color light

Warning color in notices and labels. Advice: minimum contrast of 7.5 on background/ text color dark

Warning color

Warning color in notices and labels. This color is not actively used for accessibility, this is a decorative color you can choose freely.

Warning color dark

Warning color in notices and labels. Advice: minimum contrast of 7.5 on background/ text color light

Error color

Error color light

Error color in notices and labels. Advice: minimum contrast of 7.5 on background/ text color dark

Error color

Error color in notices and labels. This color is not actively used for accessibility, this is a decorative color you can choose freely.

Error color dark

Error color in notices and labels. Advice: minimum contrast of 7.5 on background/ text color light

Info color

Info color light

Info color in notices and labels. Advice: minimum contrast of 7.5 on background/ text color dark

Info color

Info color in notices and labels. This color is not actively used for accessibility, this is a decorative color you can choose freely.

Info color dark

Info color in notices and labels. Advice: minimum contrast of 7.5 on background/ text color light

Contrast color

Contrast color light

Contrast color (in contrast modus). Advice: minimum contrast of 7.5 on background/ text color dark

Contrast color

Contrast color (in contrast modus). This color is not actively used for accessibility, this is a decorative color you can choose freely.

Contrast color dark

Contrast color (in contrast modus). Advice: minimum contrast of 7.5 on background/ text color light