@spaced-out/ui-design-system
Version:
Sense UI components library
397 lines (396 loc) • 6.56 kB
JSON
{
"baseColor": {
"purple": {
"50": {
"value": "#efebfa"
},
"100": {
"value": "#ccc0f0"
},
"200": {
"value": "#b4a2e8"
},
"300": {
"value": "#9277de"
},
"400": {
"value": "#7d5dd7"
},
"500": {
"value": "#5c34cd"
},
"600": {
"value": "#542fbb"
},
"700": {
"value": "#412592"
},
"800": {
"value": "#331d71"
},
"900": {
"value": "#271656"
}
},
"gray": {
"25": {
"value": "#fafafa"
},
"50": {
"value": "#f4f4f4"
},
"75": {
"value": "#EBEBEB"
},
"100": {
"value": "#e1e1e1"
},
"200": {
"value": "#d1d1d1"
},
"250": {
"value": "#AEAEAE"
},
"300": {
"value": "#939393"
},
"400": {
"value": "#7e7e7e"
},
"500": {
"value": "#5e5e5e"
},
"600": {
"value": "#565656"
},
"700": {
"value": "#434343"
},
"800": {
"value": "#343434"
},
"900": {
"value": "#272727"
},
"920": {
"value": "#1e1e1e"
},
"940": {
"value": "#171717"
},
"960": {
"value": "#121212"
}
},
"indigo": {
"50": {
"value": "#f1f1f5"
},
"100": {
"value": "#E6E5EF"
},
"200": {
"value": "#D3D2E0"
},
"300": {
"value": "#9F9FBC"
},
"400": {
"value": "#8D8CAF"
},
"500": {
"value": "#706F9B"
},
"600": {
"value": "#66658D"
},
"700": {
"value": "#504F6E"
},
"800": {
"value": "#3E3D55"
},
"900": {
"value": "#2C2C47"
},
"920": {
"value": "#1F1F36"
},
"940": {
"value": "#17172A",
"95": {
"value": "rgba(23, 23, 42, 0.95)"
},
"70": {
"value": "rgba(23, 23, 42, 0.7)"
}
}
},
"blue": {
"50": {
"value": "#e6f0fe"
},
"100": {
"value": "#b2d1fa"
},
"200": {
"value": "#8dbaf8"
},
"300": {
"value": "#599bf5"
},
"400": {
"value": "#3987f3"
},
"500": {
"value": "#0769f0"
},
"600": {
"value": "#0660da"
},
"700": {
"value": "#054baa"
},
"800": {
"value": "#043a84"
},
"900": {
"value": "#032c65"
}
},
"green": {
"50": {
"value": "#e6f5ed"
},
"100": {
"value": "#b1dec8"
},
"200": {
"value": "#8bcfad"
},
"300": {
"value": "#56b988"
},
"400": {
"value": "#35ab71"
},
"500": {
"value": "#03964d"
},
"600": {
"value": "#038946"
},
"700": {
"value": "#026b37"
},
"800": {
"value": "#02532a"
},
"900": {
"value": "#013f20"
}
},
"orange": {
"50": {
"value": "#fcf2e7"
},
"100": {
"value": "#f5d7b4"
},
"200": {
"value": "#f0c48f"
},
"300": {
"value": "#eaa95c"
},
"400": {
"value": "#e5983d"
},
"500": {
"value": "#df7e0c"
},
"600": {
"value": "#cb730b"
},
"700": {
"value": "#9e5909"
},
"800": {
"value": "#7b4507"
},
"900": {
"value": "#5e3505"
}
},
"red": {
"50": {
"value": "#fce8ed"
},
"100": {
"value": "#f6b9c8"
},
"200": {
"value": "#f297ad"
},
"300": {
"value": "#ec6787"
},
"400": {
"value": "#e94970"
},
"500": {
"value": "#e31c4c"
},
"600": {
"value": "#cf1945"
},
"700": {
"value": "#a11436"
},
"800": {
"value": "#7d0f2a"
},
"900": {
"value": "#5f0c20"
}
},
"yellow": {
"50": {
"value": "#FCF8E7"
},
"100": {
"value": "#F5EBB4"
},
"200": {
"value": "#F0E190"
},
"300": {
"value": "#EAD35D"
},
"400": {
"value": "#E5CA3D"
},
"500": {
"value": "#DFBD0D"
},
"600": {
"value": "#CBAC0C"
},
"700": {
"value": "#9E8609"
},
"800": {
"value": "#7B6807"
},
"900": {
"value": "#5E4F05"
}
},
"teal": {
"50": {
"value": "#E6FAF6"
},
"100": {
"value": "#B0F0E3"
},
"200": {
"value": "#8AE9D6"
},
"300": {
"value": "#54E0C3"
},
"400": {
"value": "#33D9B8"
},
"500": {
"value": "#00D0A6"
},
"600": {
"value": "#00BD97"
},
"700": {
"value": "#009476"
},
"800": {
"value": "#00725B"
},
"900": {
"value": "#005746"
}
},
"violet": {
"50": {
"value": "#F7E9FB"
},
"100": {
"value": "#E7BCF2"
},
"200": {
"value": "#DC9CEB"
},
"300": {
"value": "#CC6EE2"
},
"400": {
"value": "#C252DD"
},
"500": {
"value": "#B327D4"
},
"600": {
"value": "#A323C1"
},
"700": {
"value": "#7F1C97"
},
"800": {
"value": "#621575"
},
"900": {
"value": "#4B1059"
}
},
"pink": {
"50": {
"value": "#FCE8F5"
},
"100": {
"value": "#F5B8E1"
},
"200": {
"value": "#F196D2"
},
"300": {
"value": "#EA66BD"
},
"400": {
"value": "#E648B1"
},
"500": {
"value": "#E01A9D"
},
"600": {
"value": "#CC188F"
},
"700": {
"value": "#9F126F"
},
"800": {
"value": "#7B0E56"
},
"900": {
"value": "#5E0B42"
}
},
"white": {
"100": {
"value": "#ffffff"
}
},
"transparent": {
"0": {
"value": "rgba(255,255,255,0)"
}
}
}
}