{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "name": "TrafficSense brand colours",
  "version": "1.0.0",
  "updated": "2026-05-04",
  "primary": {
    "teal": {
      "value": "#004056",
      "rgb": [0, 64, 86],
      "token": "teal-600",
      "role": "Primary brand colour. Authority, precision, infrastructure. Wordmark, headings, primary UI."
    },
    "orange": {
      "value": "#F14A02",
      "rgb": [241, 74, 2],
      "token": "orange-500",
      "role": "Accent and action colour. Energy without alarm. 'SENSE', CTAs, highlights, symbol mark."
    }
  },
  "ramps": {
    "teal": {
      "50": "#E6F0F4",
      "100": "#B3D4E0",
      "200": "#80B8CC",
      "300": "#4D9CB8",
      "400": "#267FA0",
      "500": "#0A6688",
      "600": "#004056",
      "700": "#003344",
      "800": "#002633",
      "900": "#001A22",
      "950": "#001018"
    },
    "orange": {
      "50": "#FEF0E6",
      "100": "#FCCFB0",
      "200": "#F9A06A",
      "300": "#F6763A",
      "400": "#F35A16",
      "500": "#F14A02",
      "600": "#F14A02",
      "700": "#C93D02",
      "800": "#A13101",
      "900": "#792501"
    },
    "neutral": {
      "50": "#F8F9FA",
      "100": "#F1F3F5",
      "200": "#E9ECEF",
      "300": "#DEE2E6",
      "400": "#CED4DA",
      "500": "#ADB5BD",
      "600": "#868E96",
      "700": "#495057",
      "800": "#343A40",
      "900": "#212529"
    }
  }
}