{
  "white": {
    "hex": "#ffffff",
    "role": "base surface (60%)"
  },
  "fog": {
    "hex": "#f4f4f4",
    "role": "panels, alternate surface (25%)"
  },
  "ink": {
    "hex": "#0e0e0e",
    "role": "text, strong strokes (10%)"
  },
  "ember": {
    "hex": "#180400",
    "role": "text on signal surfaces"
  },
  "signal": {
    "hex": "#ff3b1f",
    "role": "the red — one element per view, never body text, no tints"
  },
  "grey": {
    "hex": "#8b8b8b",
    "role": "secondary text"
  },
  "hairline": {
    "hex": "#ececec",
    "role": "1px borders on white"
  },
  "muted": {
    "hex": "#c4c4c4",
    "role": "support tone"
  }
}