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

GitLab UI Components

{
  "color": {
    "blue": {
      "50": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9137254901960784,
            0.9529411764705882,
            0.9882352941176471
          ],
          "alpha": 1,
          "hex": "#e9f3fc"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "100": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.796078431372549,
            0.8862745098039215,
            0.9764705882352941
          ],
          "alpha": 1,
          "hex": "#cbe2f9"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "200": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.615686274509804,
            0.7803921568627451,
            0.9450980392156862
          ],
          "alpha": 1,
          "hex": "#9dc7f1"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "300": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.38823529411764707,
            0.6509803921568628,
            0.9137254901960784
          ],
          "alpha": 1,
          "hex": "#63a6e9"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "400": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.25882352941176473,
            0.5607843137254902,
            0.8627450980392157
          ],
          "alpha": 1,
          "hex": "#428fdc"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "500": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.12156862745098039,
            0.4588235294117647,
            0.796078431372549
          ],
          "alpha": 1,
          "hex": "#1f75cb"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "600": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1843137254901961,
            0.40784313725490196,
            0.7058823529411765
          ],
          "alpha": 1,
          "hex": "#2f68b4"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "700": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1843137254901961,
            0.3607843137254902,
            0.6274509803921569
          ],
          "alpha": 1,
          "hex": "#2f5ca0"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "800": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1568627450980392,
            0.2784313725490196,
            0.4745098039215686
          ],
          "alpha": 1,
          "hex": "#284779"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "900": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.12941176470588237,
            0.20392156862745098,
            0.32941176470588235
          ],
          "alpha": 1,
          "hex": "#213454"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      },
      "950": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.11372549019607843,
            0.1568627450980392,
            0.24313725490196078
          ],
          "alpha": 1,
          "hex": "#1d283e"
        },
        "$type": "color",
        "$extensions": {
          "com.figma.scopes": []
        }
      }
    }
  }
}