@axa-ch/design-tokens/tokens/globals/color/ui-design.json

AXA Design Tokens

{
  "color": {
    "ui-design": {
      "axa-blue": { "type": "color", "value": "{color.base.axa-blue}" },
      "axa-blue-20": {
        "type": "color",
        "value": "{color.base.axa-blue-20}"
      },
      "axa-blue-dark": {
        "type": "color",
        "value": "{color.base.axa-blue-dark}"
      },
      "axa-blue-light": {
        "type": "color",
        "value": "{color.base.axa-blue-light}"
      },
      "burnt-sienna": { "type": "color", "value": "#f07662" },
      "burnt-sienna-20": {
        "type": "color",
        "value": "{color.ui-design.burnt-sienna}",
        "transform": "color-transform",
        "params": {
          "alpha": -0.8
        }
      },
      "burnt-sienna-dark": {
        "type": "color",
        "value": "{color.ui-design.burnt-sienna}",
        "transform": "color-shade",
        "shade": "dark"
      },
      "burnt-sienna-light": {
        "type": "color",
        "value": "{color.ui-design.burnt-sienna}",
        "transform": "color-shade",
        "shade": "light"
      },
      "black": { "type": "color", "value": "{color.greyscale.0}" },
      "dark-grey": { "type": "color", "value": "{color.greyscale.1}" },
      "medium-grey": { "type": "color", "value": "{color.greyscale.2}" },
      "grey": { "type": "color", "value": "{color.greyscale.3}" },
      "light-grey": { "type": "color", "value": "{color.greyscale.4}" },
      "silver": { "type": "color", "value": "{color.greyscale.5}" },
      "mercury": { "type": "color", "value": "{color.greyscale.6}" },
      "wild-sand": { "type": "color", "value": "{color.greyscale.7}" },
      "alabaster": { "type": "color", "value": "{color.greyscale.8}" },
      "white": { "type": "color", "value": "{color.greyscale.9}" }
    }
  }
}