Paper Ivory
Editorial canvas and warm surface. Never a button/CTA fill.
- HEX
- #F4F0E8
- RGB
- 244 240 232
- HSL
- 40° 35% 93%
03 / Colors
Five colors. No more.
HEX values are frozen by the ecosystem design contract. Colors are used by function, not decoration, and there are no per-category or per-programme palettes.
Core colors
The frozen core.
Charcoal Ink
Primary text and editorial ink.
- HEX
- #222222
- RGB
- 34 34 34
- HSL
- 0° 0% 13%
Firmament Navy
Identity authority, primary action, dark surfaces.
- HEX
- #0A1E44
- RGB
- 10 30 68
- HSL
- 219° 74% 15%
Atomic Orange
Purposeful accent and emphasis; not small text on light surfaces.
- HEX
- #F56A1C
- RGB
- 245 106 28
- HSL
- 22° 92% 54%
Groningen Red
Civic heritage accent or genuine danger.
- HEX
- #BB2233
- RGB
- 187 34 51
- HSL
- 353° 69% 43%
Approved docs/ECOSYSTEM_DESIGN_CONTRACT.md §2, docs/PRD_DESIGN_FREEZE.md §2.2.
Supporting
Surfaces and lines.
Clean White
Supporting card and panel surface.
- HEX
- #FFFFFF
- RGB
- 255 255 255
- HSL
- 0° 0% 100%
Stroke Light
Supporting thin border.
- HEX
- #E3E7ED
- RGB
- 227 231 237
- HSL
- 216° 22% 91%
CMYK — formula conversion, not a print specification
The values below are a mathematical RGB→CMYK conversion without a color profile. They must not be used as a print standard. There are no official Pantone or CMYK values. For print, ask the printer for an ICC-profiled conversion and check a physical proof.
- Paper Ivory: 0 / 2 / 5 / 4
- Charcoal Ink: 0 / 0 / 0 / 87
- Firmament Navy: 85 / 56 / 0 / 73
- Atomic Orange: 0 / 57 / 89 / 4
- Groningen Red: 0 / 82 / 73 / 27
- Clean White: 0 / 0 / 0 / 0
- Stroke Light: 4 / 3 / 0 / 7
Accessibility
Contrast, computed.
WCAG AA thresholds: 4.5:1 for normal text, 3:1 for large text (24 px, or 18.66 px bold).
| Text ↓ / Background → | Paper Ivory | Charcoal Ink | Firmament Navy | Atomic Orange | Groningen Red | Clean White |
|---|---|---|---|---|---|---|
| Paper Ivory | — | 14:1 AAA | 14.41:1 AAA | 2.65:1 Fail | 5.45:1 AA | 1.14:1 Fail |
| Charcoal Ink | 14:1 AAA | — | 1.03:1 Fail | 5.27:1 AA | 2.57:1 Fail | 15.91:1 AAA |
| Firmament Navy | 14.41:1 AAA | 1.03:1 Fail | — | 5.43:1 AA | 2.64:1 Fail | 16.38:1 AAA |
| Atomic Orange | 2.65:1 Fail | 5.27:1 AA | 5.43:1 AA | — | 2.05:1 Fail | 3.02:1 AA large text |
| Groningen Red | 5.45:1 AA | 2.57:1 Fail | 2.64:1 Fail | 2.05:1 Fail | — | 6.20:1 AA |
| Clean White | 1.14:1 Fail | 15.91:1 AAA | 16.38:1 AAA | 3.02:1 AA large text | 6.20:1 AA | — |
Aa — 14.41:1
Right Navy on ivory: the primary text pairing.
Aa — 15.91:1
Right Charcoal on white: long-form text.
Aa — 16.38:1
Right White on navy: footers, primary buttons.
Aa — 5.43:1
Right Orange on navy: accent on dark surfaces.
2.65:1
Wrong Small orange text on ivory fails AA. Prohibited by design freeze §7.2.
3.02:1
Wrong White text on orange fill: no owner decision yet. Do not use for small text.
Composition
Proportion, not a rainbow.
Right
Ivory dominant, navy as structure, orange as a single point of emphasis.
Right
Navy surface with white text; red only as a small heritage accent.
Wrong
Large amounts of orange and red compete with each other and with the logo’s flames.
Wrong
Colors outside the palette (e.g. green/purple per category) are prohibited. Categories use neutral text or navy.