{
  "brand": "IM Digital",
  "source": "IM Digital Design System",
  "format": "Primitives and status colors in OKLCH, with hex computed from the OKLCH value. Overlays are translucent, so they are OKLCH with alpha and no hex. Semantic tokens name the primitive they use in each theme.",
  "primitives": {
    "brand-teal-black": {
      "oklch": "oklch(0.1902 0.0289 215.69)",
      "hex": "#03171C"
    },
    "brand-teal-deep": {
      "oklch": "oklch(0.1450 0.0210 218)",
      "hex": "#020C10"
    },
    "brand-teal-elevated": {
      "oklch": "oklch(0.2062 0.0238 220.28)",
      "hex": "#0A1A1F"
    },
    "brand-air-white": {
      "oklch": "oklch(0.9773 0.0054 117.92)",
      "hex": "#F7F8F4"
    },
    "white": {
      "oklch": "oklch(1 0 0)",
      "hex": "#FFFFFF"
    },
    "black": {
      "oklch": "oklch(0 0 0)",
      "hex": "#000000"
    },
    "grey-025": {
      "oklch": "oklch(0.937 0 0)",
      "hex": "#EAEAEA"
    },
    "grey-050": {
      "oklch": "oklch(0.9177 0.0054 106.5)",
      "hex": "#E4E4E0"
    },
    "grey-100": {
      "oklch": "oklch(0.8914 0 0)",
      "hex": "#DBDBDB"
    },
    "grey-200": {
      "oklch": "oklch(0.7636 0 0)",
      "hex": "#B2B2B2"
    },
    "grey-250": {
      "oklch": "oklch(0.7155 0 0)",
      "hex": "#A3A3A3"
    },
    "grey-300": {
      "oklch": "oklch(0.6167 0 0)",
      "hex": "#858585"
    },
    "grey-400": {
      "oklch": "oklch(0.4748 0 0)",
      "hex": "#5C5C5C"
    },
    "grey-500": {
      "oklch": "oklch(0.2972 0 0)",
      "hex": "#2D2D2D"
    },
    "brand-primary-teal": {
      "oklch": "oklch(0.5552 0.061 210.31)",
      "hex": "#457D87"
    }
  },
  "status": {
    "status-error": {
      "oklch": "oklch(0.6633 0.2236 28.29)",
      "hex": "#FF453A"
    },
    "status-success": {
      "oklch": "oklch(0.7701 0.2243 144.97)",
      "hex": "#32D74B"
    },
    "status-warning": {
      "oklch": "oklch(0.7824 0.1711 67.22)",
      "hex": "#FF9F0A"
    },
    "status-info": {
      "oklch": "oklch(0.6243 0.2056 255.49)",
      "hex": "#0A84FF"
    },
    "status-error-ink": {
      "oklch": "oklch(0.5106 0.1867 27.52)",
      "hex": "#B92220"
    },
    "status-success-ink": {
      "oklch": "oklch(0.5089 0.1362 154.02)",
      "hex": "#007B3F"
    },
    "status-warning-ink": {
      "oklch": "oklch(0.4964 0.1157 76.28)",
      "hex": "#875700"
    },
    "status-info-ink": {
      "oklch": "oklch(0.4681 0.1946 259.19)",
      "hex": "#0050C4"
    }
  },
  "overlays": {
    "overlay-05": {
      "oklch": "oklch(1 0 0 / 0.05)",
      "hex": null
    },
    "overlay-08": {
      "oklch": "oklch(1 0 0 / 0.08)",
      "hex": null
    },
    "overlay-12": {
      "oklch": "oklch(1 0 0 / 0.12)",
      "hex": null
    }
  },
  "semantic": {
    "light": {
      "background": "brand-air-white",
      "foreground": "brand-teal-black",
      "card": "white",
      "card-foreground": "brand-teal-black",
      "popover": "white",
      "popover-foreground": "brand-teal-black",
      "primary": "brand-teal-black",
      "primary-foreground": "brand-air-white",
      "secondary": "grey-025",
      "secondary-foreground": "brand-teal-black",
      "muted": "grey-050",
      "muted-foreground": "grey-400",
      "accent": "grey-100",
      "accent-foreground": "brand-teal-black",
      "accent-brand": "oklch(0.5 0.1 210)",
      "destructive": "status-error",
      "border": "grey-050",
      "input": "grey-050",
      "ring": "grey-300"
    },
    "dark": {
      "background": "brand-teal-deep",
      "foreground": "brand-air-white",
      "card": "brand-teal-elevated",
      "card-foreground": "brand-air-white",
      "popover": "brand-teal-elevated",
      "popover-foreground": "brand-air-white",
      "primary": "brand-air-white",
      "primary-foreground": "brand-teal-black",
      "secondary": "overlay-08",
      "secondary-foreground": "brand-air-white",
      "muted": "overlay-05",
      "muted-foreground": "grey-250",
      "accent": "overlay-12",
      "accent-foreground": "brand-air-white",
      "accent-brand": "oklch(0.66 0.11 205)",
      "destructive": "status-error",
      "border": "overlay-08",
      "input": "overlay-12",
      "ring": "grey-300"
    }
  }
}