Generated from scaffold/tokens.json. Every panel below is the real token set a site loads — the same values the favicon is rasterised from.
#ffffff#f8fafc#0f172a#475569#64748b#e2e8f0#cbd5e1#ffffff#2563eb#1d4ed8#ffffff#2873b8#67b0f9#278048#6cc185#9c6400#dd9c42#b94641#fb8278#0f172a#ffffffEyebrow
Body copy, and a link inside it. Secondary copy follows.
Secondary copy at the muted step.
| body copy | 17.85:1 | AA |
| secondary copy | 7.58:1 | AA |
| eyebrows and captions | 4.76:1 | AA |
| links | 6.70:1 | AA |
| the quiet action | 17.85:1 | AA |
| the main action | 5.17:1 | AA |
| info status copy | 4.96:1 | AA |
| success status copy | 4.92:1 | AA |
| warning status copy | 4.96:1 | AA |
| danger status copy | 5.23:1 | AA |
| the focus ring | 6.70:1 | AA |
Eyebrow
Body copy, and a link inside it. Secondary copy follows.
Secondary copy at the muted step.
| body copy | 17.06:1 | AA |
| secondary copy | 7.24:1 | AA |
| eyebrows and captions | 4.55:1 | AA |
| links | 6.41:1 | AA |
| the quiet action | 17.06:1 | AA |
| the main action | 5.17:1 | AA |
| info status copy | 4.74:1 | AA |
| success status copy | 4.70:1 | AA |
| warning status copy | 4.74:1 | AA |
| danger status copy | 5.00:1 | AA |
| the focus ring | 6.41:1 | AA |
Eyebrow
Body copy, and a link inside it. Secondary copy follows.
Secondary copy at the muted step.
| body copy | 5.17:1 | AA |
| secondary copy | 5.17:1 | AA |
| eyebrows and captions | 5.17:1 | AA |
| links | 5.17:1 | AA |
| the quiet action | 5.17:1 | AA |
| the main action | 6.70:1 | AA |
| the focus ring | 5.17:1 | AA |
Eyebrow
Body copy, and a link inside it. Secondary copy follows.
Secondary copy at the muted step.
| body copy | 17.85:1 | AA |
| secondary copy | 17.85:1 | AA |
| eyebrows and captions | 17.85:1 | AA |
| links | 17.85:1 | AA |
| the quiet action | 17.85:1 | AA |
| the main action | 5.17:1 | AA |
| info status copy | 7.78:1 | AA |
| success status copy | 8.16:1 | AA |
| warning status copy | 7.57:1 | AA |
| danger status copy | 7.28:1 | AA |
| the focus ring | 17.85:1 | AA |