@gitlab/ui/src/tokens/constant/color.red.tokens.json

GitLab UI Components

{
  "color": {
    "red": {
      "50": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.996078431372549,
            0.9333333333333333,
            0.9411764705882353
          ],
          "alpha": 1,
          "hex": "#feeef0"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "100": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.8274509803921568,
            0.8431372549019608
          ],
          "alpha": 1,
          "hex": "#ffd3d7"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "200": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.6862745098039216,
            0.7215686274509804
          ],
          "alpha": 1,
          "hex": "#ffafb8"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "300": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9882352941176471,
            0.4745098039215686,
            0.5333333333333333
          ],
          "alpha": 1,
          "hex": "#fc7988"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "400": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9450980392156862,
            0.3176470588235294,
            0.40784313725490196
          ],
          "alpha": 1,
          "hex": "#f15168"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "500": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8705882352941177,
            0.11372549019607843,
            0.29411764705882354
          ],
          "alpha": 1,
          "hex": "#de1d4b"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "600": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.7725490196078432,
            0.12549019607843137,
            0.25882352941176473
          ],
          "alpha": 1,
          "hex": "#c52042"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "700": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6745098039215687,
            0.12549019607843137,
            0.22745098039215686
          ],
          "alpha": 1,
          "hex": "#ac203a"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "800": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.5372549019607843,
            0.10980392156862745,
            0.1843137254901961
          ],
          "alpha": 1,
          "hex": "#891c2f"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "900": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.39215686274509803,
            0.09803921568627451,
            0.1450980392156863
          ],
          "alpha": 1,
          "hex": "#641925"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "950": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2823529411764706,
            0.08235294117647059,
            0.11372549019607843
          ],
          "alpha": 1,
          "hex": "#48151d"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      }
    }
  }
}