@gitlab/ui
Version:
GitLab UI Components
2,241 lines • 53.4 kB
JSON
{
"black": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.0196078431372549,
0.0196078431372549,
0.023529411764705882
],
"alpha": 1,
"hex": "#050506"
},
"dark": {
"colorSpace": "srgb",
"components": [
1,
1,
1
],
"alpha": 1,
"hex": "#fff"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"white": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
1,
1,
1
],
"alpha": 1,
"hex": "#fff"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.1568627450980392,
0.15294117647058825,
0.17647058823529413
],
"alpha": 1,
"hex": "#28272d"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"blue": {
"50": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9137254901960784,
0.9529411764705882,
0.9882352941176471
],
"alpha": 1,
"hex": "#e9f3fc"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.011764705882352941,
0.20392156862745098,
0.39215686274509803
],
"alpha": 1,
"hex": "#033464"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"100": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.796078431372549,
0.8862745098039215,
0.9764705882352941
],
"alpha": 1,
"hex": "#cbe2f9"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.023529411764705882,
0.2784313725490196,
0.5294117647058824
],
"alpha": 1,
"hex": "#064787"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"200": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.615686274509804,
0.7803921568627451,
0.9450980392156862
],
"alpha": 1,
"hex": "#9dc7f1"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.043137254901960784,
0.3607843137254902,
0.6784313725490196
],
"alpha": 1,
"hex": "#0b5cad"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"300": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.38823529411764707,
0.6509803921568628,
0.9137254901960784
],
"alpha": 1,
"hex": "#63a6e9"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.06274509803921569,
0.40784313725490196,
0.7490196078431373
],
"alpha": 1,
"hex": "#1068bf"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"400": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.25882352941176473,
0.5607843137254902,
0.8627450980392157
],
"alpha": 1,
"hex": "#428fdc"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.12156862745098039,
0.4588235294117647,
0.796078431372549
],
"alpha": 1,
"hex": "#1f75cb"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"500": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.12156862745098039,
0.4588235294117647,
0.796078431372549
],
"alpha": 1,
"hex": "#1f75cb"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.25882352941176473,
0.5607843137254902,
0.8627450980392157
],
"alpha": 1,
"hex": "#428fdc"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"600": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.1843137254901961,
0.40784313725490196,
0.7058823529411765
],
"alpha": 1,
"hex": "#2f68b4"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.38823529411764707,
0.6509803921568628,
0.9137254901960784
],
"alpha": 1,
"hex": "#63a6e9"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"700": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.1843137254901961,
0.3607843137254902,
0.6274509803921569
],
"alpha": 1,
"hex": "#2f5ca0"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.615686274509804,
0.7803921568627451,
0.9450980392156862
],
"alpha": 1,
"hex": "#9dc7f1"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"800": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.1568627450980392,
0.2784313725490196,
0.4745098039215686
],
"alpha": 1,
"hex": "#284779"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.796078431372549,
0.8862745098039215,
0.9764705882352941
],
"alpha": 1,
"hex": "#cbe2f9"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"900": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.12941176470588237,
0.20392156862745098,
0.32941176470588235
],
"alpha": 1,
"hex": "#213454"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9137254901960784,
0.9529411764705882,
0.9882352941176471
],
"alpha": 1,
"hex": "#e9f3fc"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"950": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.11372549019607843,
0.1568627450980392,
0.24313725490196078
],
"alpha": 1,
"hex": "#1d283e"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9490196078431372,
0.9764705882352941,
1
],
"alpha": 1,
"hex": "#f2f9ff"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
}
},
"gray": {
"10": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.984313725490196,
0.9803921568627451,
0.9921568627450981
],
"alpha": 1,
"hex": "#fbfafd"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.09411764705882353,
0.09019607843137255,
0.11372549019607843
],
"alpha": 1,
"hex": "#18171d"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"50": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9254901960784314,
0.9254901960784314,
0.9372549019607843
],
"alpha": 1,
"hex": "#ececef"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.1568627450980392,
0.15294117647058825,
0.17647058823529413
],
"alpha": 1,
"hex": "#28272d"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"100": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.8627450980392157,
0.8627450980392157,
0.8705882352941177
],
"alpha": 1,
"hex": "#dcdcde"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.22745098039215686,
0.2196078431372549,
0.24705882352941178
],
"alpha": 1,
"hex": "#3a383f"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"200": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.7490196078431373,
0.7490196078431373,
0.7647058823529411
],
"alpha": 1,
"hex": "#bfbfc3"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.2980392156862745,
0.29411764705882354,
0.3176470588235294
],
"alpha": 1,
"hex": "#4c4b51"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"300": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.6431372549019608,
0.6392156862745098,
0.6588235294117647
],
"alpha": 1,
"hex": "#a4a3a8"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.3843137254901961,
0.3803921568627451,
0.40784313725490196
],
"alpha": 1,
"hex": "#626168"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"400": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.5372549019607843,
0.5333333333333333,
0.5529411764705883
],
"alpha": 1,
"hex": "#89888d"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.45098039215686275,
0.4470588235294118,
0.47058823529411764
],
"alpha": 1,
"hex": "#737278"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"500": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.45098039215686275,
0.4470588235294118,
0.47058823529411764
],
"alpha": 1,
"hex": "#737278"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.5372549019607843,
0.5333333333333333,
0.5529411764705883
],
"alpha": 1,
"hex": "#89888d"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"600": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.3843137254901961,
0.3803921568627451,
0.40784313725490196
],
"alpha": 1,
"hex": "#626168"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.6431372549019608,
0.6392156862745098,
0.6588235294117647
],
"alpha": 1,
"hex": "#a4a3a8"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"700": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.2980392156862745,
0.29411764705882354,
0.3176470588235294
],
"alpha": 1,
"hex": "#4c4b51"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.7490196078431373,
0.7490196078431373,
0.7647058823529411
],
"alpha": 1,
"hex": "#bfbfc3"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"800": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.22745098039215686,
0.2196078431372549,
0.24705882352941178
],
"alpha": 1,
"hex": "#3a383f"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.8627450980392157,
0.8627450980392157,
0.8705882352941177
],
"alpha": 1,
"hex": "#dcdcde"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"900": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.1568627450980392,
0.15294117647058825,
0.17647058823529413
],
"alpha": 1,
"hex": "#28272d"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9254901960784314,
0.9254901960784314,
0.9372549019607843
],
"alpha": 1,
"hex": "#ececef"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"950": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.09411764705882353,
0.09019607843137255,
0.11372549019607843
],
"alpha": 1,
"hex": "#18171d"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.984313725490196,
0.9803921568627451,
0.9921568627450981
],
"alpha": 1,
"hex": "#fbfafd"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
}
},
"green": {
"50": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9254901960784314,
0.9568627450980393,
0.9333333333333333
],
"alpha": 1,
"hex": "#ecf4ee"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.0392156862745098,
0.25098039215686274,
0.12549019607843137
],
"alpha": 1,
"hex": "#0a4020"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"100": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.7647058823529411,
0.9019607843137255,
0.803921568627451
],
"alpha": 1,
"hex": "#c3e6cd"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.050980392156862744,
0.3254901960784314,
0.16470588235294117
],
"alpha": 1,
"hex": "#0d532a"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"200": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.5686274509803921,
0.8313725490196079,
0.6588235294117647
],
"alpha": 1,
"hex": "#91d4a8"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.1411764705882353,
0.4,
0.23137254901960785
],
"alpha": 1,
"hex": "#24663b"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"300": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.3215686274509804,
0.7215686274509804,
0.47843137254901963
],
"alpha": 1,
"hex": "#52b87a"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.12941176470588237,
0.4627450980392157,
0.27058823529411763
],
"alpha": 1,
"hex": "#217645"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"400": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.17647058823529413,
0.6313725490196078,
0.3764705882352941
],
"alpha": 1,
"hex": "#2da160"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.06274509803921569,
0.5215686274509804,
0.2823529411764706
],
"alpha": 1,
"hex": "#108548"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"500": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.06274509803921569,
0.5215686274509804,
0.2823529411764706
],
"alpha": 1,
"hex": "#108548"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.17647058823529413,
0.6313725490196078,
0.3764705882352941
],
"alpha": 1,
"hex": "#2da160"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"600": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.1843137254901961,
0.4588235294117647,
0.28627450980392155
],
"alpha": 1,
"hex": "#2f7549"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.3215686274509804,
0.7215686274509804,
0.47843137254901963
],
"alpha": 1,
"hex": "#52b87a"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"700": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.18823529411764706,
0.39215686274509803,
0.25098039215686274
],
"alpha": 1,
"hex": "#306440"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.5686274509803921,
0.8313725490196079,
0.6588235294117647
],
"alpha": 1,
"hex": "#91d4a8"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"800": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.13333333333333333,
0.3176470588235294,
0.19215686274509805
],
"alpha": 1,
"hex": "#225131"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.7647058823529411,
0.9019607843137255,
0.803921568627451
],
"alpha": 1,
"hex": "#c3e6cd"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"900": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.11764705882352941,
0.24313725490196078,
0.1568627450980392
],
"alpha": 1,
"hex": "#1e3e28"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9254901960784314,
0.9568627450980393,
0.9333333333333333
],
"alpha": 1,
"hex": "#ecf4ee"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"950": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.09019607843137255,
0.1607843137254902,
0.10980392156862745
],
"alpha": 1,
"hex": "#17291c"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9450980392156862,
0.9921568627450981,
0.9647058823529412
],
"alpha": 1,
"hex": "#f1fdf6"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
}
},
"orange": {
"50": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9921568627450981,
0.9450980392156862,
0.8666666666666667
],
"alpha": 1,
"hex": "#fdf1dd"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.3607843137254902,
0.1607843137254902,
0
],
"alpha": 1,
"hex": "#5c2900"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"100": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9607843137254902,
0.8509803921568627,
0.6588235294117647
],
"alpha": 1,
"hex": "#f5d9a8"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.4392156862745098,
0.2196078431372549,
0
],
"alpha": 1,
"hex": "#703800"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"200": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9137254901960784,
0.7450980392156863,
0.4549019607843137
],
"alpha": 1,
"hex": "#e9be74"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.5607843137254902,
0.2784313725490196,
0
],
"alpha": 1,
"hex": "#8f4700"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"300": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.8509803921568627,
0.5843137254901961,
0.18823529411764706
],
"alpha": 1,
"hex": "#d99530"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.6196078431372549,
0.32941176470588235,
0
],
"alpha": 1,
"hex": "#9e5400"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"400": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.7568627450980392,
0.49019607843137253,
0.06274509803921569
],
"alpha": 1,
"hex": "#c17d10"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.6705882352941176,
0.3803921568627451,
0
],
"alpha": 1,
"hex": "#ab6100"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"500": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.6705882352941176,
0.3803921568627451,
0
],
"alpha": 1,
"hex": "#ab6100"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.7568627450980392,
0.49019607843137253,
0.06274509803921569
],
"alpha": 1,
"hex": "#c17d10"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"600": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.6,
0.3411764705882353,
0.08235294117647059
],
"alpha": 1,
"hex": "#995715"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.8509803921568627,
0.5843137254901961,
0.18823529411764706
],
"alpha": 1,
"hex": "#d99530"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"700": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.5372549019607843,
0.29411764705882354,
0.08627450980392157
],
"alpha": 1,
"hex": "#894b16"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9137254901960784,
0.7450980392156863,
0.4549019607843137
],
"alpha": 1,
"hex": "#e9be74"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"800": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.4117647058823529,
0.23529411764705882,
0.0784313725490196
],
"alpha": 1,
"hex": "#693c14"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9607843137254902,
0.8509803921568627,
0.6588235294117647
],
"alpha": 1,
"hex": "#f5d9a8"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"900": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.3254901960784314,
0.1803921568627451,
0.08627450980392157
],
"alpha": 1,
"hex": "#532e16"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9921568627450981,
0.9450980392156862,
0.8666666666666667
],
"alpha": 1,
"hex": "#fdf1dd"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"950": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.2196078431372549,
0.13725490196078433,
0.08235294117647059
],
"alpha": 1,
"hex": "#382315"
},
"dark": {
"colorSpace": "srgb",
"components": [
1,
0.9568627450980393,
0.8823529411764706
],
"alpha": 1,
"hex": "#fff4e1"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
}
},
"purple": {
"50": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9568627450980393,
0.9411764705882353,
1
],
"alpha": 1,
"hex": "#f4f0ff"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.13725490196078433,
0.12941176470588237,
0.3137254901960784
],
"alpha": 1,
"hex": "#232150"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"100": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.8823529411764706,
0.8470588235294118,
0.9764705882352941
],
"alpha": 1,
"hex": "#e1d8f9"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.1843137254901961,
0.16470588235294117,
0.4196078431372549
],
"alpha": 1,
"hex": "#2f2a6b"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"200": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.796078431372549,
0.7333333333333333,
0.9490196078431372
],
"alpha": 1,
"hex": "#cbbbf2"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.27058823529411763,
0.2196078431372549,
0.5803921568627451
],
"alpha": 1,
"hex": "#453894"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"300": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.6745098039215687,
0.5764705882352941,
0.9019607843137255
],
"alpha": 1,
"hex": "#ac93e6"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.34901960784313724,
0.2627450980392157,
0.7137254901960784
],
"alpha": 1,
"hex": "#5943b6"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"400": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.5803921568627451,
0.4588235294117647,
0.8588235294117647
],
"alpha": 1,
"hex": "#9475db"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.4117647058823529,
0.2980392156862745,
0.7529411764705882
],
"alpha": 1,
"hex": "#694cc0"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"500": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.4823529411764706,
0.34509803921568627,
0.8117647058823529
],
"alpha": 1,
"hex": "#7b58cf"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.4823529411764706,
0.34509803921568627,
0.8117647058823529
],
"alpha": 1,
"hex": "#7b58cf"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"600": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.41568627450980394,
0.30980392156862746,
0.7058823529411765
],
"alpha": 1,
"hex": "#6a4fb4"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.5803921568627451,
0.4588235294117647,
0.8588235294117647
],
"alpha": 1,
"hex": "#9475db"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"700": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.3607843137254902,
0.2784313725490196,
0.6509803921568628
],
"alpha": 1,
"hex": "#5c47a6"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.6745098039215687,
0.5764705882352941,
0.9019607843137255
],
"alpha": 1,
"hex": "#ac93e6"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"800": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.28627450980392155,
0.23529411764705882,
0.5137254901960784
],
"alpha": 1,
"hex": "#493c83"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.796078431372549,
0.7333333333333333,
0.9490196078431372
],
"alpha": 1,
"hex": "#cbbbf2"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"900": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.20392156862745098,
0.17647058823529413,
0.34901960784313724
],
"alpha": 1,
"hex": "#342d59"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.8823529411764706,
0.8470588235294118,
0.9764705882352941
],
"alpha": 1,
"hex": "#e1d8f9"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"950": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.15294117647058825,
0.1411764705882353,
0.24313725490196078
],
"alpha": 1,
"hex": "#27243e"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9568627450980393,
0.9411764705882353,
1
],
"alpha": 1,
"hex": "#f4f0ff"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
}
},
"red": {
"50": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9882352941176471,
0.9450980392156862,
0.9372549019607843
],
"alpha": 1,
"hex": "#fcf1ef"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.4,
0.054901960784313725,
0
],
"alpha": 1,
"hex": "#660e00"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"100": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9921568627450981,
0.8313725490196079,
0.803921568627451
],
"alpha": 1,
"hex": "#fdd4cd"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.5529411764705883,
0.07450980392156863,
0
],
"alpha": 1,
"hex": "#8d1300"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"200": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9882352941176471,
0.7098039215686275,
0.6666666666666666
],
"alpha": 1,
"hex": "#fcb5aa"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.6823529411764706,
0.09411764705882353,
0
],
"alpha": 1,
"hex": "#ae1800"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"300": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9607843137254902,
0.4980392156862745,
0.4235294117647059
],
"alpha": 1,
"hex": "#f57f6c"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.788235294117647,
0.10980392156862745,
0
],
"alpha": 1,
"hex": "#c91c00"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"400": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9254901960784314,
0.34901960784313724,
0.2549019607843137
],
"alpha": 1,
"hex": "#ec5941"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.8666666666666667,
0.16862745098039217,
0.054901960784313725
],
"alpha": 1,
"hex": "#dd2b0e"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"500": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.8666666666666667,
0.16862745098039217,
0.054901960784313725
],
"alpha": 1,
"hex": "#dd2b0e"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9254901960784314,
0.34901960784313724,
0.2549019607843137
],
"alpha": 1,
"hex": "#ec5941"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"600": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.7529411764705882,
0.1843137254901961,
0.07058823529411765
],
"alpha": 1,
"hex": "#c02f12"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9607843137254902,
0.4980392156862745,
0.4235294117647059
],
"alpha": 1,
"hex": "#f57f6c"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"700": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.6392156862745098,
0.17254901960784313,
0.07058823529411765
],
"alpha": 1,
"hex": "#a32c12"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9882352941176471,
0.7098039215686275,
0.6666666666666666
],
"alpha": 1,
"hex": "#fcb5aa"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"800": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.5058823529411764,
0.15294117647058825,
0.07450980392156863
],
"alpha": 1,
"hex": "#812713"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9921568627450981,
0.8313725490196079,
0.803921568627451
],
"alpha": 1,
"hex": "#fdd4cd"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"900": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.34509803921568627,
0.12549019607843137,
0.0784313725490196
],
"alpha": 1,
"hex": "#582014"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9882352941176471,
0.9450980392156862,
0.9372549019607843
],
"alpha": 1,
"hex": "#fcf1ef"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"950": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.24313725490196078,
0.10196078431372549,
0.0784313725490196
],
"alpha": 1,
"hex": "#3e1a14"
},
"dark": {
"colorSpace": "srgb",
"components": [
1,
0.9568627450980393,
0.9529411764705882
],
"alpha": 1,
"hex": "#fff4f3"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
}
},
"brand": {
"charcoal": {
"$value": {
"colorSpace": "srgb",
"components": [
0.09019607843137255,
0.07450980392156863,
0.12941176470588237
],
"alpha": 1,
"hex": "#171321"
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"$description": "Use color.brand-charcoal instead.",
"themeable": true,
"prefix": false,
"$deprecated": true
},
"orange": {
"01": {
"$value": {
"colorSpace": "srgb",
"components": [
0.9882352941176471,
0.6392156862745098,
0.14901960784313725
],
"alpha": 1,
"hex": "#fca326"
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"$description": "Use color.brand-orange.01p instead.",
"themeable": true,
"prefix": false,
"$deprecated": true
},
"02": {
"$value": {
"colorSpace": "srgb",
"components": [
0.9882352941176471,
0.42745098039215684,
0.14901960784313725
],
"alpha": 1,
"hex": "#fc6d26"
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"$description": "Use color.brand-orange.02p instead.",
"themeable": true,
"prefix": false,
"$deprecated": true
},
"03": {
"$value": {
"colorSpace": "srgb",
"components": [
0.8862745098039215,
0.2627450980392157,
0.1607843137254902
],
"alpha": 1,
"hex": "#e24329"
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"$description": "Use color.brand-orange.03p instead.",
"themeable": true,
"prefix": false,
"$deprecated": true
}
},
"purple": {
"01": {
"$value": {
"colorSpace": "srgb",
"components": [
0.6627450