@cfpb/cfpb-design-system
Version:
CFPB's UI framework
2,349 lines • 49.2 kB
JSON
{
"beige": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.7450980544090271,
0.6627451181411743,
0.43529412150382996
],
"alpha": 1,
"hex": "#BEA96F"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:293",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gold-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8627451062202454,
0.45098039507865906,
0.10980392247438431
],
"alpha": 1,
"hex": "#DC731C"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:269",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gold-mid-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.929411768913269,
0.5333333611488342,
0.10588235408067703
],
"alpha": 1,
"hex": "#ED881B"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:270",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gold": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
1,
0.6196078658103943,
0.10588235408067703
],
"alpha": 1,
"hex": "#FF9E1B"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:271",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gold-90": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
1,
0.6705882549285889,
0.2235294133424759
],
"alpha": 1,
"hex": "#FFAB39"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:272",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gold-80": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
1,
0.7215686440467834,
0.3450980484485626
],
"alpha": 1,
"hex": "#FFB858"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:273",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gold-70": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
1,
0.7647058963775635,
0.4470588266849518
],
"alpha": 1,
"hex": "#FFC372"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:274",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gold-60": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
1,
0.8078431487083435,
0.5529412031173706
],
"alpha": 1,
"hex": "#FFCE8D"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:275",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gold-50": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
1,
0.8470588326454163,
0.6392157077789307
],
"alpha": 1,
"hex": "#FFD8A3"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:276",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gold-40": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
1,
0.8823529481887817,
0.7254902124404907
],
"alpha": 1,
"hex": "#FFE1B9"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:277",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gold-30": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
1,
0.9098039269447327,
0.7960784435272217
],
"alpha": 1,
"hex": "#FFE8CB"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:278",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gold-20": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
1,
0.9411764740943909,
0.8666666746139526
],
"alpha": 1,
"hex": "#FFF0DD"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:279",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gold-10": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
1,
0.9647058844566345,
0.9254902005195618
],
"alpha": 1,
"hex": "#FFF6EC"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:280",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"white": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
1,
1,
1
],
"alpha": 1,
"hex": "#FFFFFF"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:216",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"black": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.062745101749897,
0.0941176488995552,
0.125490203499794
],
"alpha": 1,
"hex": "#101820"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:217",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gray-darker": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.16078431904315948,
0.1882352977991104,
0.21568627655506134
],
"alpha": 1,
"hex": "#293037"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:218",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gray-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.26274511218070984,
0.2823529541492462,
0.30588236451148987
],
"alpha": 1,
"hex": "#43484E"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:219",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gray-mid-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.30980393290519714,
0.32156863808631897,
0.34117648005485535
],
"alpha": 1,
"hex": "#4F5257"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:220",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gray": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.3529411852359772,
0.364705890417099,
0.3803921639919281
],
"alpha": 1,
"hex": "#5A5D61"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:221",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gray-90": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.40392157435417175,
0.4156862795352936,
0.43529412150382996
],
"alpha": 1,
"hex": "#676A6F"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:222",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gray-80": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.4588235318660736,
0.47058823704719543,
0.48235294222831726
],
"alpha": 1,
"hex": "#75787B"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:223",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gray-70": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.5137255191802979,
0.5215686559677124,
0.5333333611488342
],
"alpha": 1,
"hex": "#838588"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:224",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gray-60": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.5686274766921997,
0.5764706134796143,
0.5843137502670288
],
"alpha": 1,
"hex": "#919395"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:225",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gray-50": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.6352941393852234,
0.6392157077789307,
0.6431372761726379
],
"alpha": 1,
"hex": "#A2A3A4"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:226",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gray-40": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.7058823704719543,
0.7098039388656616,
0.7137255072593689
],
"alpha": 1,
"hex": "#B4B5B6"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:227",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gray-30": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.7647058963775635,
0.7686274647712708,
0.7686274647712708
],
"alpha": 1,
"hex": "#C3C4C4"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:228",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gray-20": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8235294222831726,
0.8274509906768799,
0.8352941274642944
],
"alpha": 1,
"hex": "#D2D3D5"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:229",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gray-15": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8627451062202454,
0.8666666746139526,
0.8745098114013672
],
"alpha": 1,
"hex": "#DCDDDF"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:230",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gray-10": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9058823585510254,
0.9098039269447327,
0.9137254953384399
],
"alpha": 1,
"hex": "#E7E8E9"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:231",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"gray-5": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9686274528503418,
0.9725490212440491,
0.9764705896377563
],
"alpha": 1,
"hex": "#F7F8F9"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:232",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"beige-30": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9411764740943909,
0.9098039269447327,
0.8470588326454163
],
"alpha": 1,
"hex": "#F0E8D8"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:294",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"beige-60": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8470588326454163,
0.7843137383460999,
0.6274510025978088
],
"alpha": 1,
"hex": "#D8C8A0"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:295",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"green-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.11764705926179886,
0.5882353186607361,
0.25882354378700256
],
"alpha": 1,
"hex": "#1E9642"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:233",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"green-mid-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.12156862765550613,
0.6274510025978088,
0.250980406999588
],
"alpha": 1,
"hex": "#1FA040"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:234",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"green": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.125490203499794,
0.6666666865348816,
0.24705882370471954
],
"alpha": 1,
"hex": "#20AA3F"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:235",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"green-90": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.2823529541492462,
0.7176470756530762,
0.32549020648002625
],
"alpha": 1,
"hex": "#48B753"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:236",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"green-80": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.4000000059604645,
0.7647058963775635,
0.40784314274787903
],
"alpha": 1,
"hex": "#66C368"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:237",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"green-70": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.5764706134796143,
0.8117647171020508,
0.48627451062202454
],
"alpha": 1,
"hex": "#93CF7C"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:238",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"green-60": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.6784313917160034,
0.8627451062202454,
0.5686274766921997
],
"alpha": 1,
"hex": "#ADDC91"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:239",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"green-50": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.729411780834198,
0.8784313797950745,
0.6352941393852234
],
"alpha": 1,
"hex": "#BAE0A2"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:240",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"green-40": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.7803921699523926,
0.8980392217636108,
0.7019608020782471
],
"alpha": 1,
"hex": "#C7E5B3"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:241",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"green-30": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8313725590705872,
0.9176470637321472,
0.7764706015586853
],
"alpha": 1,
"hex": "#D4EAC6"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:242",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"green-20": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.886274516582489,
0.9372549057006836,
0.8470588326454163
],
"alpha": 1,
"hex": "#E2EFD8"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:243",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"green-10": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9411764740943909,
0.9725490212440491,
0.9215686321258545
],
"alpha": 1,
"hex": "#F0F8EB"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:244",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"navy-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0,
0.1764705926179886,
0.4470588266849518
],
"alpha": 1,
"hex": "#002D72"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:192",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"navy-mid-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.07058823853731155,
0.23529411852359772,
0.48627451062202454
],
"alpha": 1,
"hex": "#123C7C"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:193",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"navy": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.14509804546833038,
0.29411765933036804,
0.529411792755127
],
"alpha": 1,
"hex": "#254B87"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:194",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"navy-90": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.24313725531101227,
0.37254902720451355,
0.5843137502670288
],
"alpha": 1,
"hex": "#3E5F95"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:195",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"navy-80": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.33725491166114807,
0.45490196347236633,
0.6392157077789307
],
"alpha": 1,
"hex": "#5674A3"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:196",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"navy-70": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.43529412150382996,
0.5333333611488342,
0.6980392336845398
],
"alpha": 1,
"hex": "#6F88B2"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:197",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"navy-60": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.5333333611488342,
0.6117647290229797,
0.7529411911964417
],
"alpha": 1,
"hex": "#889CC0"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:198",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"navy-50": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.615686297416687,
0.6823529601097107,
0.800000011920929
],
"alpha": 1,
"hex": "#9DAECC"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:199",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"navy-40": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.7019608020782471,
0.7529411911964417,
0.8509804010391235
],
"alpha": 1,
"hex": "#B3C0D9"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:200",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"navy-30": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.7647058963775635,
0.8039215803146362,
0.886274516582489
],
"alpha": 1,
"hex": "#C3CDE2"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:201",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"navy-20": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8274509906768799,
0.8549019694328308,
0.9215686321258545
],
"alpha": 1,
"hex": "#D3DAEB"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:202",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"navy-10": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.95686274766922,
0.9647058844566345,
0.9803921580314636
],
"alpha": 1,
"hex": "#F4F6FA"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:203",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"neutral-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.45490196347236633,
0.34117648005485535,
0.2705882489681244
],
"alpha": 1,
"hex": "#745745"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:281",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"neutral-mid-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.4901960790157318,
0.3764705955982208,
0.29411765933036804
],
"alpha": 1,
"hex": "#7D604B"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:282",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"neutral": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.5411764979362488,
0.42352941632270813,
0.34117648005485535
],
"alpha": 1,
"hex": "#8A6C57"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:283",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"neutral-90": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.5843137502670288,
0.47058823704719543,
0.3960784375667572
],
"alpha": 1,
"hex": "#957865"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:284",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"neutral-80": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.6313725709915161,
0.5215686559677124,
0.45098039507865906
],
"alpha": 1,
"hex": "#A18573"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:285",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"neutral-70": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.6784313917160034,
0.5803921818733215,
0.5176470875740051
],
"alpha": 1,
"hex": "#AD9484"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:286",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"neutral-60": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.729411780834198,
0.6431372761726379,
0.5882353186607361
],
"alpha": 1,
"hex": "#BAA496"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:287",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"neutral-50": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.7764706015586853,
0.7058823704719543,
0.6627451181411743
],
"alpha": 1,
"hex": "#C6B4A9"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:288",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"neutral-40": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8274509906768799,
0.772549033164978,
0.7372549176216125
],
"alpha": 1,
"hex": "#D3C5BC"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:289",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"neutral-30": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8666666746139526,
0.8196078538894653,
0.7882353067398071
],
"alpha": 1,
"hex": "#DDD1C9"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:290",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"neutral-20": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9058823585510254,
0.8666666746139526,
0.843137264251709
],
"alpha": 1,
"hex": "#E7DDD7"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:291",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"neutral-10": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9725490212440491,
0.9607843160629272,
0.9490196108818054
],
"alpha": 1,
"hex": "#F8F5F2"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:292",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"pacific-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0,
0.3137255012989044,
0.7058823704719543
],
"alpha": 1,
"hex": "#0050B4"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:180",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"pacific-mid-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0,
0.3803921639919281,
0.7568627595901489
],
"alpha": 1,
"hex": "#0061C1"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:181",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"pacific": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0,
0.4470588266849518,
0.8078431487083435
],
"alpha": 1,
"hex": "#0072CE"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:182",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"pacific-90": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.13333334028720856,
0.5176470875740051,
0.8352941274642944
],
"alpha": 1,
"hex": "#2284D5"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:183",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"pacific-80": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.2666666805744171,
0.5921568870544434,
0.8627451062202454
],
"alpha": 1,
"hex": "#4497DC"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:184",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"pacific-70": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.3803921639919281,
0.6549019813537598,
0.886274516582489
],
"alpha": 1,
"hex": "#61A7E2"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:185",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"pacific-60": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.4941176474094391,
0.7176470756530762,
0.9098039269447327
],
"alpha": 1,
"hex": "#7EB7E8"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:186",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"pacific-50": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.5882353186607361,
0.7686274647712708,
0.929411768913269
],
"alpha": 1,
"hex": "#96C4ED"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:187",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"pacific-40": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.686274528503418,
0.8235294222831726,
0.9490196108818054
],
"alpha": 1,
"hex": "#AFD2F2"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:188",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"pacific-30": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.7647058963775635,
0.8666666746139526,
0.9647058844566345
],
"alpha": 1,
"hex": "#C3DDF6"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:189",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"pacific-20": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8392156958580017,
0.9098039269447327,
0.9803921580314636
],
"alpha": 1,
"hex": "#D6E8FA"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:190",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"pacific-10": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9372549057006836,
0.9725490212440491,
0.9921568632125854
],
"alpha": 1,
"hex": "#EFF8FD"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:191",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"purple-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.6274510025978088,
0.10588235408067703,
0.40784314274787903
],
"alpha": 1,
"hex": "#A01B68"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:245",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"purple-mid-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.6666666865348816,
0.125490203499794,
0.4431372582912445
],
"alpha": 1,
"hex": "#AA2071"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:246",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"purple": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.7058823704719543,
0.14901961386203766,
0.47843137383461
],
"alpha": 1,
"hex": "#B4267A"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:247",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"purple-90": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.7450980544090271,
0.26274511218070984,
0.545098066329956
],
"alpha": 1,
"hex": "#BE438B"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:248",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"purple-80": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.772549033164978,
0.3490196168422699,
0.5960784554481506
],
"alpha": 1,
"hex": "#C55998"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:249",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"purple-70": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8039215803146362,
0.43921568989753723,
0.6470588445663452
],
"alpha": 1,
"hex": "#CD70A5"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:250",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"purple-60": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8313725590705872,
0.5254902243614197,
0.6980392336845398
],
"alpha": 1,
"hex": "#D486B2"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:251",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"purple-50": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8627451062202454,
0.6117647290229797,
0.7490196228027344
],
"alpha": 1,
"hex": "#DC9CBF"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:252",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"purple-40": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8901960849761963,
0.6980392336845398,
0.800000011920929
],
"alpha": 1,
"hex": "#E3B2CC"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:253",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"purple-30": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9215686321258545,
0.7882353067398071,
0.8509804010391235
],
"alpha": 1,
"hex": "#EBC9D9"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:254",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"purple-20": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9411764740943909,
0.8470588326454163,
0.886274516582489
],
"alpha": 1,
"hex": "#F0D8E2"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:255",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"purple-10": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9921568632125854,
0.9529411792755127,
0.9725490212440491
],
"alpha": 1,
"hex": "#FDF3F8"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:256",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"red-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.7137255072593689,
0.1882352977991104,
0.0784313753247261
],
"alpha": 1,
"hex": "#B63014"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:257",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"red-mid-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.7647058963775635,
0.21960784494876862,
0.10980392247438431
],
"alpha": 1,
"hex": "#C3381C"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:258",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"red": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8196078538894653,
0.2549019753932953,
0.1411764770746231
],
"alpha": 1,
"hex": "#D14124"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:259",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"red-90": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.843137264251709,
0.3529411852359772,
0.250980406999588
],
"alpha": 1,
"hex": "#D75A40"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:260",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"red-80": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8666666746139526,
0.45098039507865906,
0.364705890417099
],
"alpha": 1,
"hex": "#DD735D"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:261",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"red-70": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.886274516582489,
0.5333333611488342,
0.4588235318660736
],
"alpha": 1,
"hex": "#E28875"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:262",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"red-60": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9058823585510254,
0.6196078658103943,
0.5568627715110779
],
"alpha": 1,
"hex": "#E79E8E"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:263",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"red-50": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9215686321258545,
0.6901960968971252,
0.6392157077789307
],
"alpha": 1,
"hex": "#EBB0A3"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:264",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"red-40": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9411764740943909,
0.7647058963775635,
0.7215686440467834
],
"alpha": 1,
"hex": "#F0C3B8"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:265",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"red-30": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9529411792755127,
0.8196078538894653,
0.7843137383460999
],
"alpha": 1,
"hex": "#F3D1C8"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:266",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"red-20": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9686274528503418,
0.8784313797950745,
0.8509804010391235
],
"alpha": 1,
"hex": "#F7E0D9"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:267",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"red-10": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9843137264251709,
0.9372549057006836,
0.9254902005195618
],
"alpha": 1,
"hex": "#FBEFEC"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:268",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"teal-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0,
0.3686274588108063,
0.364705890417099
],
"alpha": 1,
"hex": "#005E5D"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:204",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"teal-mid-dark": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.07058823853731155,
0.41960784792900085,
0.4117647111415863
],
"alpha": 1,
"hex": "#126B69"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:205",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"teal": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.14509804546833038,
0.4627451002597809,
0.4588235318660736
],
"alpha": 1,
"hex": "#257675"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:206",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"teal-90": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.24313725531101227,
0.5254902243614197,
0.5215686559677124
],
"alpha": 1,
"hex": "#3E8685"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:207",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"teal-80": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.34117648005485535,
0.5882353186607361,
0.5843137502670288
],
"alpha": 1,
"hex": "#579695"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:208",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"teal-70": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.43921568989753723,
0.6509804129600525,
0.6470588445663452
],
"alpha": 1,
"hex": "#70A6A5"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:209",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"teal-60": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.5372549295425415,
0.7137255072593689,
0.7098039388656616
],
"alpha": 1,
"hex": "#89B6B5"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:210",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"teal-50": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.6196078658103943,
0.7686274647712708,
0.7647058963775635
],
"alpha": 1,
"hex": "#9EC4C3"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:211",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"teal-40": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.7058823704719543,
0.8235294222831726,
0.8196078538894653
],
"alpha": 1,
"hex": "#B4D2D1"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:212",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"teal-30": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.7686274647712708,
0.8666666746139526,
0.8627451062202454
],
"alpha": 1,
"hex": "#C4DDDC"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:213",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"teal-20": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.8313725590705872,
0.9058823585510254,
0.9019607901573181
],
"alpha": 1,
"hex": "#D4E7E6"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:214",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"teal-10": {
"$type": "color",
"$value": {
"colorSpace": "srgb",
"components": [
0.9411764740943909,
0.9686274528503418,
0.9647058844566345
],
"alpha": 1,
"hex": "#F0F7F6"
},
"$extensions": {
"com.figma.variableId": "VariableID:296:215",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.isOverride": true
}
},
"font-stack": {
"$type": "string",
"$value": "var(--font-stack-branded, system-ui, sans-serif)",
"$extensions": {
"com.figma.variableId": "VariableID:8191:7009",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.type": "string",
"com.figma.isOverride": true
}
},
"font-stack-branded": {
"$type": "string",
"$value": "initial",
"$extensions": {
"com.figma.variableId": "VariableID:9617:2",
"com.figma.scopes": [
"ALL_SCOPES"
],
"com.figma.type": "string",
"com.figma.isOverride": true
}
},
"$extensions": {
"com.figma.modeName": "default"
}
}