# On colours: what it is and how it works · Zorraquino
> On colours are colour roles for content placed on an associated surface, such as on-primary for content displayed on primary.
URL: https://www.zorraquino.com/en/dictionary/ux/on-colors.html

# On colours

On colours are colour roles for content placed on an associated surface, such as on-primary for content displayed on primary. The name expresses a relationship between roles

What it means, how it is used and where it comes up, with its related concepts.

[The whole glossary](https://www.zorraquino.com/en/dictionary)

## What it is and how it works

This convention helps maintain consistent pairs but does not guarantee contrast. Actual values, opacity, text size and component states need to be evaluated. Changing a [surface colour](https://www.zorraquino.com/en/dictionary/ux/surface-color.html) also requires reviewing the content displayed on it, including alternative themes and disabled states.

Also known as

On colors

Topics

[Experience and service design](https://www.zorraquino.com/en/dictionary/category/experiencia-y-diseno-de-servicios)

## Related concepts

- [Primary colour](https://www.zorraquino.com/en/dictionary/ux/primary-color.html)
- [Surface colour](https://www.zorraquino.com/en/dictionary/ux/surface-color.html)
- [Design tokens](https://www.zorraquino.com/en/dictionary/design-tokens)