@maggioli-design-system/design-tokens
Version:
This is the Design Token library of Maggioli Design System, here you'll find all the visual data used around the libraries.
870 lines • 17.2 kB
JSON
{
"color": {
"label": {
"red": {
"light": {
"1": {
"value": "#480909"
},
"2": {
"value": "#690e0e"
},
"3": {
"value": "#911313"
},
"4": {
"value": "#c31919"
},
"5": {
"value": "#e64242"
},
"6": {
"value": "#f08e8e"
},
"7": {
"value": "#f4adad"
},
"8": {
"value": "#f8c9c9"
},
"9": {
"value": "#fbe2e2"
},
"10": {
"value": "#fceaea"
},
"color": {
"value": "#d01b1b"
}
},
"dark": {
"1": {
"value": "#fef3f3"
},
"2": {
"value": "#fceaea"
},
"3": {
"value": "#fadada"
},
"4": {
"value": "#f7c3c3"
},
"5": {
"value": "#f4a7a7"
},
"6": {
"value": "#ec6e6e"
},
"7": {
"value": "#e53838"
},
"8": {
"value": "#c01919"
},
"9": {
"value": "#861111"
},
"10": {
"value": "#730f0f"
},
"color": {
"value": "#d01b1b"
}
}
},
"amaranth": {
"light": {
"1": {
"value": "#480410"
},
"2": {
"value": "#6a0617"
},
"3": {
"value": "#920820"
},
"4": {
"value": "#c40b2b"
},
"5": {
"value": "#f22548"
},
"6": {
"value": "#f8879b"
},
"7": {
"value": "#faaab7"
},
"8": {
"value": "#fcc5cf"
},
"9": {
"value": "#fde1e6"
},
"10": {
"value": "#fee9ed"
},
"color": {
"value": "#f43f5e"
}
},
"dark": {
"1": {
"value": "#fef3f5"
},
"2": {
"value": "#fee9ed"
},
"3": {
"value": "#fdd9df"
},
"4": {
"value": "#fbc0cb"
},
"5": {
"value": "#faa3b2"
},
"6": {
"value": "#f6637d"
},
"7": {
"value": "#ef0e34"
},
"8": {
"value": "#c10b2a"
},
"9": {
"value": "#87081e"
},
"10": {
"value": "#720719"
},
"color": {
"value": "#f43f5e"
}
}
},
"orchid": {
"light": {
"1": {
"value": "#460727"
},
"2": {
"value": "#660b38"
},
"3": {
"value": "#8e0f4d"
},
"4": {
"value": "#be1468"
},
"5": {
"value": "#e92c89"
},
"6": {
"value": "#f286bc"
},
"7": {
"value": "#f6a9cf"
},
"8": {
"value": "#f9c5df"
},
"9": {
"value": "#fce1ef"
},
"10": {
"value": "#fde9f3"
},
"color": {
"value": "#ec4899"
}
},
"dark": {
"1": {
"value": "#fef3f9"
},
"2": {
"value": "#fde9f3"
},
"3": {
"value": "#fbd8ea"
},
"4": {
"value": "#f8c0dc"
},
"5": {
"value": "#f5a3cb"
},
"6": {
"value": "#ef63a8"
},
"7": {
"value": "#e71c81"
},
"8": {
"value": "#bb1366"
},
"9": {
"value": "#830e47"
},
"10": {
"value": "#6f0c3d"
},
"color": {
"value": "#ec4899"
}
}
},
"purple": {
"light": {
"1": {
"value": "#31045c"
},
"2": {
"value": "#480687"
},
"3": {
"value": "#6409bc"
},
"4": {
"value": "#8919f4"
},
"5": {
"value": "#a856f7"
},
"6": {
"value": "#c792fa"
},
"7": {
"value": "#d7b0fb"
},
"8": {
"value": "#e4cafc"
},
"9": {
"value": "#f1e4fe"
},
"10": {
"value": "#f5eafe"
},
"color": {
"value": "#a855f7"
}
},
"dark": {
"1": {
"value": "#faf4fe"
},
"2": {
"value": "#f5eafe"
},
"3": {
"value": "#eddbfd"
},
"4": {
"value": "#e1c4fc"
},
"5": {
"value": "#d4aafb"
},
"6": {
"value": "#ba77f9"
},
"7": {
"value": "#a54ff7"
},
"8": {
"value": "#8511f4"
},
"9": {
"value": "#5c08ad"
},
"10": {
"value": "#4e0792"
},
"color": {
"value": "#a855f7"
}
}
},
"violet": {
"light": {
"1": {
"value": "#240668"
},
"2": {
"value": "#340899"
},
"3": {
"value": "#490cd3"
},
"4": {
"value": "#7239f4"
},
"5": {
"value": "#9164f6"
},
"6": {
"value": "#b799f9"
},
"7": {
"value": "#cab5fb"
},
"8": {
"value": "#dbcdfc"
},
"9": {
"value": "#ece4fe"
},
"10": {
"value": "#f1ecfe"
},
"color": {
"value": "#8b5cf6"
}
},
"dark": {
"1": {
"value": "#f8f4fe"
},
"2": {
"value": "#f1ebfe"
},
"3": {
"value": "#e7ddfd"
},
"4": {
"value": "#d8c8fc"
},
"5": {
"value": "#c6affb"
},
"6": {
"value": "#a681f8"
},
"7": {
"value": "#8d5ff6"
},
"8": {
"value": "#6f35f4"
},
"9": {
"value": "#430bc3"
},
"10": {
"value": "#3909a5"
},
"color": {
"value": "#8b5cf6"
}
}
},
"blue": {
"light": {
"1": {
"value": "#04156a"
},
"2": {
"value": "#061f9a"
},
"3": {
"value": "#082bd5"
},
"4": {
"value": "#2e51f7"
},
"5": {
"value": "#5a75f9"
},
"6": {
"value": "#92a4fb"
},
"7": {
"value": "#afbdfc"
},
"8": {
"value": "#c8d2fd"
},
"9": {
"value": "#e3e7fe"
},
"10": {
"value": "#eaeefe"
},
"color": {
"value": "#0E36F6"
}
},
"dark": {
"1": {
"value": "#f4f5ff"
},
"2": {
"value": "#eaeefe"
},
"3": {
"value": "#dae0fe"
},
"4": {
"value": "#c4cefd"
},
"5": {
"value": "#aab8fc"
},
"6": {
"value": "#798ffa"
},
"7": {
"value": "#5571f9"
},
"8": {
"value": "#2a4df7"
},
"9": {
"value": "#0728c4"
},
"10": {
"value": "#0622a6"
},
"color": {
"value": "#0E36F6"
}
}
},
"sky": {
"light": {
"1": {
"value": "#032839"
},
"2": {
"value": "#053b53"
},
"3": {
"value": "#075173"
},
"4": {
"value": "#096d9b"
},
"5": {
"value": "#0c88c1"
},
"6": {
"value": "#28b4f2"
},
"7": {
"value": "#6acbf6"
},
"8": {
"value": "#9ddcf9"
},
"9": {
"value": "#cdedfc"
},
"10": {
"value": "#dbf2fd"
},
"color": {
"value": "#0ea5e9"
}
},
"dark": {
"1": {
"value": "#ecf8fe"
},
"2": {
"value": "#dbf2fd"
},
"3": {
"value": "#bfe8fb"
},
"4": {
"value": "#94d9f9"
},
"5": {
"value": "#5ec6f5"
},
"6": {
"value": "#0d9ee0"
},
"7": {
"value": "#0b85bc"
},
"8": {
"value": "#096b98"
},
"9": {
"value": "#064c6b"
},
"10": {
"value": "#053f5a"
},
"color": {
"value": "#0ea5e9"
}
}
},
"aqua": {
"light": {
"1": {
"value": "#012930"
},
"2": {
"value": "#023d46"
},
"3": {
"value": "#035462"
},
"4": {
"value": "#047183"
},
"5": {
"value": "#058da5"
},
"6": {
"value": "#06b8d7"
},
"7": {
"value": "#07d0f3"
},
"8": {
"value": "#63e5fb"
},
"9": {
"value": "#b5f2fd"
},
"10": {
"value": "#cbf6fe"
},
"color": {
"value": "#06b6d4"
}
},
"dark": {
"1": {
"value": "#e5fbfe"
},
"2": {
"value": "#cbf6fe"
},
"3": {
"value": "#9eeefc"
},
"4": {
"value": "#51e1fa"
},
"5": {
"value": "#07cbed"
},
"6": {
"value": "#05a3be"
},
"7": {
"value": "#0589a0"
},
"8": {
"value": "#046e81"
},
"9": {
"value": "#034d5a"
},
"10": {
"value": "#02414c"
},
"color": {
"value": "#06b6d4"
}
}
},
"green": {
"light": {
"1": {
"value": "#082b15"
},
"2": {
"value": "#0b3f1e"
},
"3": {
"value": "#0f582a"
},
"4": {
"value": "#147739"
},
"5": {
"value": "#1a9447"
},
"6": {
"value": "#21c15c"
},
"7": {
"value": "#2cda6c"
},
"8": {
"value": "#7de8a4"
},
"9": {
"value": "#c1f4d4"
},
"10": {
"value": "#d3f7e1"
},
"color": {
"value": "#22c55e"
}
},
"dark": {
"1": {
"value": "#e7fbef"
},
"2": {
"value": "#d3f7e0"
},
"3": {
"value": "#adf1c6"
},
"4": {
"value": "#71e69c"
},
"5": {
"value": "#25d566"
},
"6": {
"value": "#1eab52"
},
"7": {
"value": "#199145"
},
"8": {
"value": "#147438"
},
"9": {
"value": "#0e5127"
},
"10": {
"value": "#0c4421"
},
"color": {
"value": "#22c55e"
}
}
},
"lime": {
"light": {
"1": {
"value": "#1b2a05"
},
"2": {
"value": "#283d07"
},
"3": {
"value": "#375509"
},
"4": {
"value": "#4a720c"
},
"5": {
"value": "#5d8f0f"
},
"6": {
"value": "#79bb14"
},
"7": {
"value": "#89d317"
},
"8": {
"value": "#9fe82e"
},
"9": {
"value": "#d1f49c"
},
"10": {
"value": "#dff7b9"
},
"color": {
"value": "#84cc16"
}
},
"dark": {
"1": {
"value": "#eefbd9"
},
"2": {
"value": "#dff7b9"
},
"3": {
"value": "#c1f17a"
},
"4": {
"value": "#94e519"
},
"5": {
"value": "#86cf16"
},
"6": {
"value": "#6ca712"
},
"7": {
"value": "#5a8b0f"
},
"8": {
"value": "#49700c"
},
"9": {
"value": "#334f08"
},
"10": {
"value": "#2b4207"
},
"color": {
"value": "#84cc16"
}
}
},
"yellow": {
"light": {
"1": {
"value": "#302402"
},
"2": {
"value": "#463602"
},
"3": {
"value": "#604a03"
},
"4": {
"value": "#816304"
},
"5": {
"value": "#a17c06"
},
"6": {
"value": "#d3a207"
},
"7": {
"value": "#efb708"
},
"8": {
"value": "#f9cf4e"
},
"9": {
"value": "#fce7a8"
},
"10": {
"value": "#fdeebf"
},
"color": {
"value": "#eab308"
}
},
"dark": {
"1": {
"value": "#fef6dd"
},
"2": {
"value": "#fdeebe"
},
"3": {
"value": "#fbe08e"
},
"4": {
"value": "#f8ca3c"
},
"5": {
"value": "#eab308"
},
"6": {
"value": "#bc8f06"
},
"7": {
"value": "#9e7805"
},
"8": {
"value": "#7f6104"
},
"9": {
"value": "#594403"
},
"10": {
"value": "#4b3903"
},
"color": {
"value": "#eab308"
}
}
},
"orange": {
"light": {
"1": {
"value": "#3e1b02"
},
"2": {
"value": "#5b2702"
},
"3": {
"value": "#7f3603"
},
"4": {
"value": "#ab4804"
},
"5": {
"value": "#d55a05"
},
"6": {
"value": "#fa8c40"
},
"7": {
"value": "#fcae79"
},
"8": {
"value": "#fdc9a6"
},
"9": {
"value": "#fee4d1"
},
"10": {
"value": "#feebdf"
},
"color": {
"value": "#f97316"
}
},
"dark": {
"1": {
"value": "#fff4ed"
},
"2": {
"value": "#feebde"
},
"3": {
"value": "#fddbc4"
},
"4": {
"value": "#fcc49e"
},
"5": {
"value": "#fba86f"
},
"6": {
"value": "#f76906"
},
"7": {
"value": "#d05805"
},
"8": {
"value": "#a74704"
},
"9": {
"value": "#743103"
},
"10": {
"value": "#632a03"
},
"color": {
"value": "#f97316"
}
}
}
}
}
}