1// Colors that will eventually be in Structure package 2 3// Vault Gray 4$vault-gray-010: #fdfdfe; 5$vault-gray-050: #f7fafc; 6$vault-gray-100: #ebeef5; 7$vault-gray-200: #d3dbe6; 8$vault-gray-300: #b4bdcc; 9$vault-gray-400: #949fb0; 10$vault-gray-500: #7c8797; 11$vault-gray-600: #5a6370; 12$vault-gray-700: #3c434d; 13$vault-gray-800: #1d2126; 14$vault-gray-900: #060708; 15$vault-gray: $vault-gray-500; 16$vault-gray-dark: $vault-gray-700; 17 18// UI Gray 19$ui-gray-010: #FBFBFC; 20$ui-gray-050: #F7F8FA; 21$ui-gray-100: #EBEEF2; 22$ui-gray-200: #DCE0E6; 23$ui-gray-300: #BAC1CC; 24$ui-gray-500: #6F7682; 25$ui-gray-700: #525761; 26$ui-gray-800: #373a42; 27$ui-gray-900: #1f2124; 28$grey-lightest: $ui-gray-050; 29$grey-light: $ui-gray-300; 30$grey: $ui-gray-500; 31$grey-dark: $ui-gray-700; 32$grey-darkest: $ui-gray-900; 33 34// Blue 35$blue-010: #fbfcff; 36$blue-050: #f0f5ff; 37$blue-100: #bfd4ff; 38$blue-300: #5b92ff; 39$blue-500: #1563ff; 40$blue-700: #0e40a3; 41$blue-900: #061b46; 42$blue-lightest: $blue-050; 43$blue-light: $blue-300; 44$blue: $blue-500; 45$blue-dark: $blue-700; 46$blue-darkest: $blue-900; 47 48// Red 49$red-010: #fdfafb; 50$red-050: #f9ecee; 51$red-100: #efc7cc; 52$red-300: #db7d88; 53$red-500: #c73445; 54$red-700: #7f222c; 55$red-900: #370f13; 56$red-lightest: $red-050; 57$red-light: $red-300; 58$red: $red-500; 59$red-dark: $red-700; 60$red-darkest: $red-900; 61 62// Green 63$green-010: #fafdfa; 64$green-050: #ecf7ed; 65$green-100: #c6e9c9; 66$green-300: #7acc81; 67$green-500: #2eb039; 68$green-700: #1e7125; 69$green-900: #0d3010; 70$green-lightest: $green-050; 71$green-light: $green-300; 72$green: $green-500; 73$green-dark: $green-700; 74$green-darkest: $green-900; 75 76// Orange 77$orange-010: #fffcfa; 78$orange-050: #fef4ec; 79$orange-100: #fde0c8; 80$orange-300: #fbb77f; 81$orange-500: #fa8f37; 82$orange-700: #a05c23; 83$orange-900: #45270f; 84$orange-lightest: $orange-050; 85$orange-light: $orange-300; 86$orange: $orange-500; 87$orange-dark: $orange-700; 88$orange-darkest: $orange-900; 89 90// Yellow 91$yellow-010: #fffdf6; 92$yellow-050: #fffbed; 93$yellow-100: #fdeeba; 94$yellow-300: #fbd95e; 95$yellow-500: #fac402; 96$yellow-700: #a07d02; 97$yellow-900: #453601; 98$yellow-lightest: $yellow-050; 99$yellow-light: $yellow-300; 100$yellow: $yellow-500; 101$yellow-dark: $yellow-700; 102$yellow-darkest: $yellow-900; 103