# Kleur - designsysteem van Unless

Fundamenten

# Kleur
  [Palet](/nl/design/foundations/colour/)[Tokens](/nl/design/foundations/colour/tokens/)[Gebruik](/nl/design/foundations/colour/usage/)[Toegankelijkheid](/nl/design/foundations/colour/accessibility/)
## Semantische tokens - kleuren op functie

Waar componenten daadwerkelijk naar grijpen. Elke chip haalt de kleur via een CSS-variabele op in plaats van via een ruwe hexwaarde - vervang je de onderliggende reeks in `global.css`, dan verkleurt elke afnemer in één keer mee.


*`--bg-paper`*


*`--bg-inset`*


*`--bg-inverse`*


*`--fg-primary`*


*`--fg-secondary`*


*`--accent-link`*


*`--accent-ai`*


*`--border-strong`*
         [Kleur · Palet](/nl/design/foundations/colour/)     [Kleur · Gebruik](/nl/design/foundations/colour/usage/)