{
  "name": "USWDS",
  "source": "https://designsystem.digital.gov/design-tokens/color/theme-tokens/",
  "observedSite": "https://designsystem.digital.gov/",
  "stage1": {
    "run": "ee3a1964-867c-49db-acd0-95211786f52c",
    "generatedAt": "2026-09-24T03:02:49.189Z",
    "sha256": "661e67c77642ece10498fc8f8ae4c45da0648af4c3b7b5293efec1c8615eb9dc",
    "sampleCounts": {
      "pages": 40,
      "elements": 5142
    },
    "colors": {
      "text": [
        {
          "value": "#ffffff",
          "count": 1822,
          "token": true
        },
        {
          "value": "#1b1b1b",
          "count": 1665,
          "token": true
        },
        {
          "value": "#000000cc",
          "count": 749,
          "token": true
        },
        {
          "value": "#5c5c5c",
          "count": 321,
          "token": true
        },
        {
          "value": "#000000",
          "count": 257,
          "token": true
        },
        {
          "value": "#c9c9c9",
          "count": 120,
          "token": true
        },
        {
          "value": "#005ea2",
          "count": 107,
          "token": true
        },
        {
          "value": "#757575",
          "count": 61,
          "token": true
        },
        {
          "value": "#71767a",
          "count": 34,
          "token": true
        },
        {
          "value": "#454545",
          "count": 4,
          "token": true
        },
        {
          "value": "#545454",
          "count": 2,
          "token": false
        }
      ],
      "background": [
        {
          "value": "#00000000",
          "count": 3912,
          "token": true
        },
        {
          "value": "#ffffff",
          "count": 401,
          "token": true
        },
        {
          "value": "#fcfcfc",
          "count": 150,
          "token": true
        },
        {
          "value": "#f0f0f0",
          "count": 123,
          "token": true
        },
        {
          "value": "#1b1b1b",
          "count": 89,
          "token": true
        },
        {
          "value": "#005ea2",
          "count": 82,
          "token": true
        },
        {
          "value": "#000000b3",
          "count": 78,
          "token": true
        },
        {
          "value": "#e7f6f8",
          "count": 64,
          "token": true
        },
        {
          "value": "#0050d8",
          "count": 54,
          "token": true
        },
        {
          "value": "#13171f",
          "count": 40,
          "token": true
        },
        {
          "value": "#162e51",
          "count": 40,
          "token": true
        },
        {
          "value": "#252f3e",
          "count": 40,
          "token": true
        },
        {
          "value": "#2672de",
          "count": 40,
          "token": true
        },
        {
          "value": "#e6e6e6",
          "count": 5,
          "token": true
        },
        {
          "value": "#c9c9c9",
          "count": 3,
          "token": true
        },
        {
          "value": "#ffbe2e",
          "count": 3,
          "token": true
        },
        {
          "value": "#00bde3",
          "count": 2,
          "token": false
        },
        {
          "value": "#9c3d10",
          "count": 2,
          "token": false
        },
        {
          "value": "#d83933",
          "count": 2,
          "token": false
        },
        {
          "value": "#ecf3ec",
          "count": 2,
          "token": false
        },
        {
          "value": "#f4e3db",
          "count": 2,
          "token": false
        },
        {
          "value": "#faf3d1",
          "count": 2,
          "token": false
        },
        {
          "value": "#005ea21a",
          "count": 1,
          "token": false
        },
        {
          "value": "#1a4480",
          "count": 1,
          "token": false
        },
        {
          "value": "#2e2e2e",
          "count": 1,
          "token": false
        },
        {
          "value": "#8b0a03",
          "count": 1,
          "token": false
        },
        {
          "value": "#b50909",
          "count": 1,
          "token": false
        },
        {
          "value": "#d9e8f6",
          "count": 1,
          "token": false
        }
      ]
    },
    "fontFamilies": [
      {
        "value": "Public Sans Web",
        "count": 4041
      },
      {
        "value": "Source Sans Pro Web",
        "count": 1083
      },
      {
        "value": "Merriweather Web",
        "count": 18
      }
    ]
  },
  "adaptation": "Named USWDS theme values mapped by this site into OODS roles. Light and dark role assignments and radii are adaptations. Unmapped status and chart roles and high-contrast system colours retain the OODS brand A template. Public Sans is supplied by the site. This does not reproduce USWDS components or imply USWDS endorsement.",
  "roles": {
    "base": {
      "surface.canvas": "#ffffff",
      "surface.raised": "#f0f0f0",
      "surface.subtle": "#d9e8f6",
      "surface.disabled": "#dfe1e2",
      "surface.backdrop": "#162e51",
      "surface.inverse": "#162e51",
      "surface.interactive.primary.default": "#005ea2",
      "surface.interactive.primary.hover": "#1a4480",
      "surface.interactive.primary.pressed": "#162e51",
      "surface.interactive.secondary.default": "#d9e8f6",
      "surface.interactive.secondary.hover": "#dfe1e2",
      "surface.interactive.secondary.pressed": "#a9aeb1",
      "text.primary": "#1b1b1b",
      "text.secondary": "#3d4551",
      "text.muted": "#565c65",
      "text.inverse": "#ffffff",
      "text.onInteractive": "#ffffff",
      "text.accent": "#005ea2",
      "border.subtle": "#dfe1e2",
      "border.strong": "#a9aeb1",
      "border.interactive": "#565c65",
      "border.interactiveHover": "#3d4551",
      "focus.ring.outer": "#000000",
      "focus.ring.inner": "#ffffff",
      "focus.text": "#005ea2",
      "accent.background": "#d9e8f6",
      "accent.border": "#73b3e7",
      "accent.text": "#1a4480",
      "status.accent.surface": "#d9e8f6",
      "status.accent.border": "#73b3e7",
      "status.accent.text": "#1a4480",
      "status.accent.icon": "#005ea2",
      "status.accent.solid": "#005ea2",
      "status.accent.onSolid": "#ffffff",
      "viz.mark.single": "#005ea2",
      "viz.scale.categorical.01": "#005ea2",
      "radius.control": "4px",
      "radius.small": "2px",
      "radius.large": "6px",
      "radius.card": "8px",
      "font.sans": "'Public Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif",
      "status.info.text": "#2e6276",
      "status.info.icon": "#2e6276",
      "status.success.text": "#216e1f",
      "status.success.icon": "#216e1f",
      "status.warning.text": "#775540",
      "status.critical.text": "#b50909",
      "status.neutral.icon": "#565c65",
      "viz.scale.categorical.02": "#c05600",
      "viz.scale.categorical.06": "#07648d"
    },
    "dark": {
      "surface.canvas": "#1b1b1b",
      "surface.raised": "#162e51",
      "surface.subtle": "#162e51",
      "surface.disabled": "#3d4551",
      "surface.backdrop": "#1b1b1b",
      "surface.inverse": "#f0f0f0",
      "surface.interactive.primary.default": "#d9e8f6",
      "surface.interactive.primary.hover": "#d9e8f6",
      "surface.interactive.primary.pressed": "#ffffff",
      "surface.interactive.secondary.default": "#3d4551",
      "surface.interactive.secondary.hover": "#565c65",
      "surface.interactive.secondary.pressed": "#565c65",
      "text.primary": "#ffffff",
      "text.secondary": "#dfe1e2",
      "text.muted": "#dfe1e2",
      "text.inverse": "#1b1b1b",
      "text.onInteractive": "#162e51",
      "text.accent": "#73b3e7",
      "border.subtle": "#565c65",
      "border.strong": "#71767a",
      "border.interactive": "#a9aeb1",
      "border.interactiveHover": "#dfe1e2",
      "focus.ring.outer": "#7b7b7b",
      "focus.ring.inner": "#162e51",
      "focus.text": "#73b3e7",
      "accent.background": "#162e51",
      "accent.border": "#73b3e7",
      "accent.text": "#d9e8f6",
      "status.accent.surface": "#162e51",
      "status.accent.border": "#73b3e7",
      "status.accent.text": "#d9e8f6",
      "status.accent.icon": "#73b3e7",
      "status.accent.solid": "#73b3e7",
      "status.accent.onSolid": "#162e51",
      "viz.mark.single": "#73b3e7",
      "viz.scale.categorical.01": "#73b3e7"
    },
    "hc": {}
  },
  "stateSource": "https://designsystem.digital.gov/design-tokens/color/state-tokens/",
  "authorNotes": [
    "The light canvas is white; raised panels, including the Billing card, use USWDS base-lightest (#f0f0f0), following visual review. This is an authored assignment to OODS roles.",
    "Contrast validation requires darker status text on the light blue subtle panel and focus rings distinct from primary fills. Chart marks retain the darker values selected for the original grey canvas. Values are assigned explicitly and are not automatically repaired by the document API.",
    "Dark focus ring uses an authored grey #7b7b7b: the published base #71767a measured 2.96:1 on the navy panel, below the 3:1 requirement."
  ]
}