---
category: Foundations
---

A small tag at `--r-sm`, `--field` fill, label in the monospace at `--t-xs`. `accent`
tints with `--accent-wash` and takes `--accent-ink` for the word — **never `--accent`
itself**, which is 3.03:1 and legal only above 24px.

```tsx
<Chip>SaaS</Chip>
<Chip tone="accent" selected>DevTools</Chip>
```