@shopify/polaris
Version:
Shopify’s product component library
528 lines (527 loc) • 10.1 kB
JSON
[
{
"name": "purpleText",
"rgba": {
"r": 0.3137254901960784,
"g": 0.28627450980392155,
"b": 0.35294117647058826,
"a": 1
},
"hex": "#50495aff"
},
{
"name": "purpleDarker",
"rgba": {"r": 0.13725490196078433, "g": 0, "b": 0.3176470588235294, "a": 1},
"hex": "#230051ff"
},
{
"name": "purpleDark",
"rgba": {
"r": 0.3137254901960784,
"g": 0.1411764705882353,
"b": 0.5607843137254902,
"a": 1
},
"hex": "#50248fff"
},
{
"name": "purple",
"rgba": {
"r": 0.611764705882353,
"g": 0.41568627450980394,
"b": 0.8705882352941177,
"a": 1
},
"hex": "#9c6adeff"
},
{
"name": "purpleLight",
"rgba": {"r": 0.8901960784313725, "g": 0.8156862745098039, "b": 1, "a": 1},
"hex": "#e3d0ffff"
},
{
"name": "purpleLighter",
"rgba": {
"r": 0.9647058823529412,
"g": 0.9411764705882353,
"b": 0.9921568627450981,
"a": 1
},
"hex": "#f6f0fdff"
},
{
"name": "indigoText",
"rgba": {
"r": 0.24313725490196078,
"g": 0.2549019607843137,
"b": 0.3333333333333333,
"a": 1
},
"hex": "#3e4155ff"
},
{
"name": "indigoDarker",
"rgba": {
"r": 0,
"g": 0.023529411764705882,
"b": 0.2235294117647059,
"a": 1
},
"hex": "#000639ff"
},
{
"name": "indigoDark",
"rgba": {
"r": 0.12549019607843137,
"g": 0.1803921568627451,
"b": 0.47058823529411764,
"a": 1
},
"hex": "#202e78ff"
},
{
"name": "indigo",
"rgba": {
"r": 0.3607843137254902,
"g": 0.41568627450980394,
"b": 0.7686274509803922,
"a": 1
},
"hex": "#5c6ac4ff"
},
{
"name": "indigoLight",
"rgba": {
"r": 0.7019607843137254,
"g": 0.7372549019607844,
"b": 0.9607843137254902,
"a": 1
},
"hex": "#b3bcf5ff"
},
{
"name": "indigoLighter",
"rgba": {
"r": 0.9568627450980393,
"g": 0.9607843137254902,
"b": 0.9803921568627451,
"a": 1
},
"hex": "#f4f5faff"
},
{
"name": "blueText",
"rgba": {
"r": 0.24313725490196078,
"g": 0.3058823529411765,
"b": 0.3411764705882353,
"a": 1
},
"hex": "#3e4e57ff"
},
{
"name": "blueDarker",
"rgba": {"r": 0, "g": 0.0784313725490196, "b": 0.1607843137254902, "a": 1},
"hex": "#001429ff"
},
{
"name": "blueDark",
"rgba": {
"r": 0.03137254901960784,
"g": 0.3058823529411765,
"b": 0.5411764705882353,
"a": 1
},
"hex": "#084e8aff"
},
{
"name": "blue",
"rgba": {"r": 0, "g": 0.43529411764705883, "b": 0.7333333333333333, "a": 1},
"hex": "#006fbbff"
},
{
"name": "blueLight",
"rgba": {
"r": 0.7058823529411765,
"g": 0.8823529411764706,
"b": 0.9803921568627451,
"a": 1
},
"hex": "#b4e1faff"
},
{
"name": "blueLighter",
"rgba": {
"r": 0.9215686274509803,
"g": 0.9607843137254902,
"b": 0.9803921568627451,
"a": 1
},
"hex": "#ebf5faff"
},
{
"name": "tealText",
"rgba": {
"r": 0.25098039215686274,
"g": 0.3254901960784314,
"b": 0.3215686274509804,
"a": 1
},
"hex": "#405352ff"
},
{
"name": "tealDarker",
"rgba": {
"r": 0,
"g": 0.19215686274509805,
"b": 0.20784313725490197,
"a": 1
},
"hex": "#003135ff"
},
{
"name": "tealDark",
"rgba": {"r": 0, "g": 0.5176470588235295, "b": 0.5568627450980392, "a": 1},
"hex": "#00848eff"
},
{
"name": "teal",
"rgba": {
"r": 0.2784313725490196,
"g": 0.7568627450980392,
"b": 0.7490196078431373,
"a": 1
},
"hex": "#47c1bfff"
},
{
"name": "tealLight",
"rgba": {
"r": 0.7176470588235294,
"g": 0.9254901960784314,
"b": 0.9254901960784314,
"a": 1
},
"hex": "#b7ececff"
},
{
"name": "tealLighter",
"rgba": {
"r": 0.8784313725490196,
"g": 0.9607843137254902,
"b": 0.9607843137254902,
"a": 1
},
"hex": "#e0f5f5ff"
},
{
"name": "greenText",
"rgba": {
"r": 0.2549019607843137,
"g": 0.30980392156862746,
"b": 0.24313725490196078,
"a": 1
},
"hex": "#414f3eff"
},
{
"name": "greenDarker",
"rgba": {
"r": 0.09019607843137255,
"g": 0.21176470588235294,
"b": 0.18823529411764706,
"a": 1
},
"hex": "#173630ff"
},
{
"name": "greenDark",
"rgba": {
"r": 0.06274509803921569,
"g": 0.5019607843137255,
"b": 0.2627450980392157,
"a": 1
},
"hex": "#108043ff"
},
{
"name": "green",
"rgba": {
"r": 0.3137254901960784,
"g": 0.7215686274509804,
"b": 0.23529411764705882,
"a": 1
},
"hex": "#50b83cff"
},
{
"name": "greenLight",
"rgba": {
"r": 0.7333333333333333,
"g": 0.8980392156862745,
"b": 0.7019607843137254,
"a": 1
},
"hex": "#bbe5b3ff"
},
{
"name": "greenLighter",
"rgba": {
"r": 0.8901960784313725,
"g": 0.9450980392156862,
"b": 0.8745098039215686,
"a": 1
},
"hex": "#e3f1dfff"
},
{
"name": "yellowText",
"rgba": {
"r": 0.34901960784313724,
"g": 0.3176470588235294,
"b": 0.18823529411764706,
"a": 1
},
"hex": "#595130ff"
},
{
"name": "yellowDarker",
"rgba": {"r": 0.3411764705882353, "g": 0.23137254901960785, "b": 0, "a": 1},
"hex": "#573b00ff"
},
{
"name": "yellowDark",
"rgba": {
"r": 0.5411764705882353,
"g": 0.3803921568627451,
"b": 0.08627450980392157,
"a": 1
},
"hex": "#8a6116ff"
},
{
"name": "yellow",
"rgba": {"r": 0.9333333333333333, "g": 0.7607843137254902, "b": 0, "a": 1},
"hex": "#eec200ff"
},
{
"name": "yellowLight",
"rgba": {"r": 1, "g": 0.9176470588235294, "b": 0.5411764705882353, "a": 1},
"hex": "#ffea8aff"
},
{
"name": "yellowLighter",
"rgba": {
"r": 0.9882352941176471,
"g": 0.9450980392156862,
"b": 0.803921568627451,
"a": 1
},
"hex": "#fcf1cdff"
},
{
"name": "orangeText",
"rgba": {
"r": 0.34901960784313724,
"g": 0.26666666666666666,
"b": 0.18823529411764706,
"a": 1
},
"hex": "#594430ff"
},
{
"name": "orangeDarker",
"rgba": {
"r": 0.2901960784313726,
"g": 0.08235294117647059,
"b": 0.01568627450980392,
"a": 1
},
"hex": "#4a1504ff"
},
{
"name": "orangeDark",
"rgba": {
"r": 0.7529411764705882,
"g": 0.3411764705882353,
"b": 0.09019607843137255,
"a": 1
},
"hex": "#c05717ff"
},
{
"name": "orange",
"rgba": {
"r": 0.9568627450980393,
"g": 0.5764705882352941,
"b": 0.25882352941176473,
"a": 1
},
"hex": "#f49342ff"
},
{
"name": "orangeLight",
"rgba": {"r": 1, "g": 0.7725490196078432, "b": 0.5450980392156862, "a": 1},
"hex": "#ffc58bff"
},
{
"name": "orangeLighter",
"rgba": {
"r": 0.9882352941176471,
"g": 0.9215686274509803,
"b": 0.8588235294117647,
"a": 1
},
"hex": "#fcebdbff"
},
{
"name": "redText",
"rgba": {
"r": 0.34509803921568627,
"g": 0.23529411764705882,
"b": 0.20784313725490197,
"a": 1
},
"hex": "#583c35ff"
},
{
"name": "redDarker",
"rgba": {
"r": 0.2,
"g": 0.00392156862745098,
"b": 0.00392156862745098,
"a": 1
},
"hex": "#330101ff"
},
{
"name": "redDark",
"rgba": {
"r": 0.7490196078431373,
"g": 0.027450980392156862,
"b": 0.06666666666666667,
"a": 1
},
"hex": "#bf0711ff"
},
{
"name": "red",
"rgba": {
"r": 0.8705882352941177,
"g": 0.21176470588235294,
"b": 0.09411764705882353,
"a": 1
},
"hex": "#de3618ff"
},
{
"name": "redLight",
"rgba": {
"r": 0.996078431372549,
"g": 0.6784313725490196,
"b": 0.6039215686274509,
"a": 1
},
"hex": "#fead9aff"
},
{
"name": "redLighter",
"rgba": {
"r": 0.984313725490196,
"g": 0.9176470588235294,
"b": 0.8980392156862745,
"a": 1
},
"hex": "#fbeae5ff"
},
{
"name": "ink",
"rgba": {
"r": 0.12941176470588237,
"g": 0.16862745098039217,
"b": 0.21176470588235294,
"a": 1
},
"hex": "#212b36ff"
},
{
"name": "inkLight",
"rgba": {
"r": 0.27058823529411763,
"g": 0.30980392156862746,
"b": 0.3568627450980392,
"a": 1
},
"hex": "#454f5bff"
},
{
"name": "inkLighter",
"rgba": {
"r": 0.38823529411764707,
"g": 0.45098039215686275,
"b": 0.5058823529411764,
"a": 1
},
"hex": "#637381ff"
},
{
"name": "inkLightest",
"rgba": {
"r": 0.5686274509803921,
"g": 0.6196078431372549,
"b": 0.6705882352941176,
"a": 1
},
"hex": "#919eabff"
},
{
"name": "skyDark",
"rgba": {
"r": 0.7686274509803922,
"g": 0.803921568627451,
"b": 0.8352941176470589,
"a": 1
},
"hex": "#c4cdd5ff"
},
{
"name": "sky",
"rgba": {
"r": 0.8745098039215686,
"g": 0.8901960784313725,
"b": 0.9098039215686274,
"a": 1
},
"hex": "#dfe3e8ff"
},
{
"name": "skyLight",
"rgba": {
"r": 0.9568627450980393,
"g": 0.9647058823529412,
"b": 0.9725490196078431,
"a": 1
},
"hex": "#f4f6f8ff"
},
{
"name": "skyLighter",
"rgba": {
"r": 0.9764705882352941,
"g": 0.9803921568627451,
"b": 0.984313725490196,
"a": 1
},
"hex": "#f9fafbff"
},
{
"name": "black",
"rgba": {"r": 0, "g": 0, "b": 0, "a": 1},
"hex": "#000000ff"
},
{
"name": "white",
"rgba": {"r": 1, "g": 1, "b": 1, "a": 1},
"hex": "#ffffffff"
}
]