# Colour — Unless design system

Foundations

# Colour
  [Palette](/en/design/foundations/colour/)[Tokens](/en/design/foundations/colour/tokens/)[Usage](/en/design/foundations/colour/usage/)[Accessibility](/en/design/foundations/colour/accessibility/)
## Semantic tokens — colours by intent

What components actually reach for. Each chip pulls its colour through a CSS variable rather than a raw hex - so swapping the underlying ramp in `global.css` recolours every consumer at once.


*`--bg-paper`*


*`--bg-inset`*


*`--bg-inverse`*


*`--fg-primary`*


*`--fg-secondary`*


*`--accent-link`*


*`--accent-ai`*


*`--border-strong`*
         [Colour · Palette](/en/design/foundations/colour/)     [Colour · Usage](/en/design/foundations/colour/usage/)