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

# Tokens, Ocho

## Answer

Ocho'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 | `#f7f6f5` | `#101218` |
| surface | `#ffffff` | `#181b22` |
| surface2 | `#efedec` | `#21252e` |
| ink | `#1a1218` | `#f4f1f3` |
| muted | `#5e5862` | `#a9adba` |
| line | `#e2dedc` | `#2c303a` |
| hero | `#ff4fa3` | `#ff4fa3` |
| heroInk | `#1a1218` | `#1a1218` |
| focus | `#c8146e` | `#ff7dbb` |
| radius | `16px` | `16px` |
| radiusSm | `10px` | `10px` |
| shadow | `0 8px 24px rgba(26,18,24,.10)` | `0 8px 24px rgba(0,0,0,.30)` |

| Role | Face |
|---|---|
| Display | DynaPuff |
| Body | Archivo |

[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.