---
id: '3.6'
title: 'Tokens, Fetch'
dept: design
status: generated
owner: Param
branded: true
direction: dog
last_verified: '2026-10-26'
sources:
  - brand-directions/docs2/data/dirs.json
---

# Tokens, Fetch

## Answer

Fetch's colour and type tokens, light and dark.

## Today

Not applicable to a generated document: it is rewritten from its sources on every build.

## Tomorrow

| Token | Light | Dark |
|---|---|---|
| bg | `#f6f6f2` | `#111410` |
| surface | `#ffffff` | `#191d17` |
| surface2 | `#eeeee8` | `#22271f` |
| ink | `#16180f` | `#f3f5ee` |
| muted | `#5a5e54` | `#a7ad9f` |
| line | `#e0e0d8` | `#2d3329` |
| hero | `#aee32f` | `#aee32f` |
| heroInk | `#16180f` | `#16180f` |
| focus | `#446605` | `#c6f05a` |
| radius | `18px` | `18px` |
| radiusSm | `11px` | `11px` |
| shadow | `0 8px 24px rgba(22,24,15,.10)` | `0 8px 24px rgba(0,0,0,.30)` |

| Role | Face |
|---|---|
| Display | Grandstander |
| Body | Commissioner |

[src: brand-directions/docs2/data/dirs.json]

## How we do it

Generated by `handbook/tools/gen.mjs` on every build. Change the source, never this file. The hero colour is for the character, the main button and focus, never a card fill.

## Numbers

Not applicable to a generated document: it is rewritten from its sources on every build.

## Open

Not applicable to a generated document: it is rewritten from its sources on every build.