Design Tokens
Fonts
Customizing fonts for your design system.
Overview [sr-only]
sansHeavy boxes perform quick waltzes and jigs.
serifHeavy boxes perform quick waltzes and jigs.
monoHeavy boxes perform quick waltzes and jigs.
There are three default font family variables, sans, serif, and mono, to facilitate your use as fallbacks when adding custom fonts.
View the default variables
{ "font-family": { "mono": [ "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace" ], "sans": [ "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ], "serif": [ "ui-serif", "Georgia", "Cambria", "Times New Roman", "Times", "serif" ] }, "box-size": { "4xs": 360, "3xs": 480, "2xs": 600, "xs": 768, "sm": 834, "md": 1024, "lg": 1280, "xl": 1440, "2xl": 1600, "3xl": 1920, "4xl": 2560, "full": "100%", "fit": "fit-content", "max": "max-content", "min": "min-content" }, "font-weight": { "thin": 100, "extralight": 200, "light": 300, "regular": 400, "medium": 500, "semibold": 600, "bold": 700, "extrabold": 800, "heavy": 900 }, "flex-direction": { "col": "column", "col-reverse": "column-reverse" }, "box-sizing": { "content": "content-box", "border": "border-box" }, "position": { "abs": "absolute", "rel": "relative" }, "transform-box": { "content": "content-box", "border": "border-box", "padding": "padding-box", "fill": "fill-box", "stroke": "stroke-box", "view": "view-box" }, "animation-direction": { "alt": "alternate", "alt-reverse": "alternate-reverse" }, "background-clip": { "content": "content-box", "border": "border-box", "padding": "padding-box" }, "background-origin": { "content": "content-box", "border": "border-box", "padding": "padding-box" }, "order": { "first": -999999, "last": 999999 }, "shape-outside": { "content": "content-box", "border": "border-box", "padding": "padding-box", "margin": "margin-box" }, "clip-path": { "content": "content-box", "border": "border-box", "padding": "padding-box", "margin": "margin-box", "fill": "fill-box", "stroke": "stroke-box", "view": "view-box", "black": "#000000" }, "black": "#000000", "white": "#ffffff", "current": "currentColor", "slate": { "1": "#040609", "2": "#080c11", "3": "#0c121a", "4": "#101822", "5": "#141e2b", "6": "#151f2b", "7": "#161f2c", "8": "#17202c", "9": "#18202d", "10": "#19212d", "11": "#1a222f", "12": "#1c2430", "13": "#1d2532", "14": "#1e2734", "15": "#202836", "16": "#212937", "17": "#222b39", "18": "#232c3b", "19": "#252e3c", "20": "#262f3e", "21": "#273140", "22": "#283242", "23": "#2a3444", "24": "#2b3546", "25": "#2c3748", "26": "#2d384a", "27": "#2e3a4c", "28": "#303b4e", "29": "#313d50", "30": "#323e52", "31": "#344055", "32": "#354257", "33": "#37445a", "34": "#38465c", "35": "#3a485f", "36": "#3b4961", "37": "#3d4b64", "38": "#3e4d66", "39": "#404f69", "40": "#41516b", "41": "#44546e", "42": "#475670", "43": "#4b5973", "44": "#4e5b75", "45": "#515e78", "46": "#54607a", "47": "#57637d", "48": "#5b657f", "49": "#5e6882", "50": "#616a84", "51": "#636c87", "52": "#656f8a", "53": "#68718d", "54": "#6a7490", "55": "#6c7693", "56": "#747e99", "57": "#7c86a0", "58": "#858da6", "59": "#8d95ad", "60": "#959db3", "61": "#969eb4", "62": "#98a0b5", "63": "#99a1b7", "64": "#9ba3b8", "65": "#9ca4b9", "66": "#9da5ba", "67": "#9fa7bb", "68": "#a0a8bd", "69": "#a2aabe", "70": "#a3abbf", "71": "#a8b0c3", "72": "#adb4c6", "73": "#b3b9ca", "74": "#b8becd", "75": "#bdc3d1", "76": "#c2c7d5", "77": "#c7ccd8", "78": "#cdd1dc", "79": "#d2d5df", "80": "#d7dae3", "81": "#d9dce4", "82": "#dbdee6", "83": "#dde0e7", "84": "#dfe2e9", "85": "#e1e4ea", "86": "#e3e6eb", "87": "#e5e8ed", "88": "#e8e9ee", "89": "#eaebf0", "90": "#ecedf1", "91": "#eeeff2", "92": "#f0f1f4", "93": "#f2f3f5", "94": "#f4f5f7", "95": "#f6f7f8", "96": "#f8f9f9", "97": "#fafafb", "98": "#fbfcfc", "99": "#fdfdfe", "": "#616a84" }, "gray": { "1": "#060606", "2": "#0c0c0c", "3": "#121113", "4": "#181719", "5": "#1e1d1f", "6": "#1f1e20", "7": "#1f1e20", "8": "#201f21", "9": "#201f21", "10": "#212022", "11": "#222123", "12": "#242325", "13": "#252426", "14": "#272628", "15": "#282729", "16": "#29282a", "17": "#2b2a2c", "18": "#2c2b2d", "19": "#2e2d2f", "20": "#2f2e30", "21": "#313032", "22": "#323133", "23": "#343335", "24": "#353436", "25": "#373638", "26": "#38373a", "27": "#3a393b", "28": "#3b3a3d", "29": "#3d3c3e", "30": "#3e3d40", "31": "#403f42", "32": "#424144", "33": "#434245", "34": "#454447", "35": "#474649", "36": "#49484b", "37": "#4b4a4d", "38": "#4c4b4e", "39": "#4e4d50", "40": "#504f52", "41": "#535255", "42": "#555457", "43": "#58575a", "44": "#5b5a5d", "45": "#5e5d60", "46": "#605f62", "47": "#636265", "48": "#666568", "49": "#68676a", "50": "#6b6a6d", "51": "#6d6c6f", "52": "#706f72", "53": "#727174", "54": "#757477", "55": "#777679", "56": "#7f7e81", "57": "#878689", "58": "#8e8d90", "59": "#969598", "60": "#9e9da0", "61": "#9f9ea1", "62": "#a1a0a3", "63": "#a2a1a4", "64": "#a3a2a6", "65": "#a5a4a7", "66": "#a6a5a8", "67": "#a7a6aa", "68": "#a8a7ab", "69": "#aaa9ad", "70": "#abaaae", "71": "#b0afb3", "72": "#b4b3b7", "73": "#b9b8bc", "74": "#bebdc0", "75": "#c3c2c5", "76": "#c7c6c9", "77": "#cccbce", "78": "#d1d0d2", "79": "#d5d4d7", "80": "#dad9db", "81": "#dcdbdd", "82": "#dedddf", "83": "#dfdee1", "84": "#e1e0e2", "85": "#e3e2e4", "86": "#e5e4e6", "87": "#e7e6e8", "88": "#e8e7ea", "89": "#eae9ec", "90": "#ecebee", "91": "#eeedf0", "92": "#f0eff1", "93": "#f1f0f3", "94": "#f3f2f5", "95": "#f5f4f7", "96": "#f7f6f9", "97": "#f9f8fa", "98": "#fbfbfc", "99": "#fdfdfd", "": "#6b6a6d" }, "brown": { "1": "#080504", "2": "#100b08", "3": "#17100d", "4": "#1f1611", "5": "#271b15", "6": "#281c16", "7": "#291c16", "8": "#291d17", "9": "#2a1d17", "10": "#2b1e18", "11": "#2d1f19", "12": "#2e211a", "13": "#30221b", "14": "#32231c", "15": "#34251d", "16": "#35261e", "17": "#37271f", "18": "#392820", "19": "#3a2a21", "20": "#3c2b22", "21": "#3e2c23", "22": "#402e24", "23": "#422f25", "24": "#443026", "25": "#463227", "26": "#483328", "27": "#4a3429", "28": "#4c352a", "29": "#4e372b", "30": "#50382c", "31": "#533a2d", "32": "#553b2f", "33": "#583d30", "34": "#5a3e31", "35": "#5d4033", "36": "#5f4234", "37": "#624335", "38": "#644536", "39": "#674638", "40": "#694839", "41": "#6d4a3b", "42": "#704d3d", "43": "#744f3e", "44": "#775240", "45": "#7b5442", "46": "#7f5644", "47": "#825946", "48": "#865b47", "49": "#895e49", "50": "#8d604b", "51": "#90624d", "52": "#93644e", "53": "#976750", "54": "#9a6951", "55": "#9d6b53", "56": "#a2745e", "57": "#a77d68", "58": "#ad8573", "59": "#b28e7d", "60": "#b79788", "61": "#b8988a", "62": "#b99a8b", "63": "#ba9b8d", "64": "#bb9d8e", "65": "#bc9e90", "66": "#bd9f92", "67": "#bea193", "68": "#bfa295", "69": "#c0a496", "70": "#c1a598", "71": "#c6aa9d", "72": "#caafa2", "73": "#cfb3a7", "74": "#d3b8ac", "75": "#d8bdb1", "76": "#ddc2b5", "77": "#e1c7ba", "78": "#e6cbbf", "79": "#ead0c4", "80": "#efd5c9", "81": "#f0d7cc", "82": "#f0d9ce", "83": "#f1dbd1", "84": "#f2ddd3", "85": "#f3dfd6", "86": "#f3e1d8", "87": "#f4e3db", "88": "#f5e4dd", "89": "#f6e6e0", "90": "#f6e8e2", "91": "#f7eae5", "92": "#f8ece7", "93": "#f9eeea", "94": "#f9f0ec", "95": "#faf2ef", "96": "#fbf5f2", "97": "#fcf7f5", "98": "#fdfaf9", "99": "#fefcfc", "": "#8d604b" }, "orange": { "1": "#090501", "2": "#120a03", "3": "#1c0f04", "4": "#251406", "5": "#2e1907", "6": "#2f1907", "7": "#301a07", "8": "#311a07", "9": "#321b07", "10": "#331b07", "11": "#351c07", "12": "#371d08", "13": "#391e08", "14": "#3b1f09", "15": "#3d2109", "16": "#3f2209", "17": "#41230a", "18": "#43240a", "19": "#45250b", "20": "#47260b", "21": "#49270b", "22": "#4b280c", "23": "#4e2a0c", "24": "#502b0c", "25": "#522c0d", "26": "#542d0d", "27": "#562e0d", "28": "#59300d", "29": "#5b310e", "30": "#5d320e", "31": "#60340e", "32": "#63350f", "33": "#66370f", "34": "#69380f", "35": "#6c3a10", "36": "#6e3b10", "37": "#713d10", "38": "#743e10", "39": "#774011", "40": "#7a4111", "41": "#7e4312", "42": "#824512", "43": "#864813", "44": "#8a4a13", "45": "#8e4c14", "46": "#914e15", "47": "#955015", "48": "#995316", "49": "#9d5516", "50": "#a15717", "51": "#a55918", "52": "#a95b18", "53": "#ac5d19", "54": "#b05f19", "55": "#b4611a", "56": "#bd6920", "57": "#c77026", "58": "#d0782d", "59": "#da7f33", "60": "#e38739", "61": "#e3893c", "62": "#e48a3f", "63": "#e48c41", "64": "#e58e44", "65": "#e59047", "66": "#e5914a", "67": "#e6934d", "68": "#e6954f", "69": "#e79652", "70": "#e79855", "71": "#e99e5f", "72": "#eaa468", "73": "#ecaa72", "74": "#edb07b", "75": "#efb685", "76": "#f1bc8f", "77": "#f2c298", "78": "#f4c8a2", "79": "#f5ceab", "80": "#f7d4b5", "81": "#f7d6b8", "82": "#f8d8bc", "83": "#f8dabf", "84": "#f8dcc2", "85": "#f9dec6", "86": "#f9e0c9", "87": "#f9e2cc", "88": "#fae3d0", "89": "#fae5d3", "90": "#fae7d6", "91": "#fbe9da", "92": "#fbebdd", "93": "#fbede0", "94": "#fcefe4", "95": "#fcf1e7", "96": "#fdf4ec", "97": "#fdf7f1", "98": "#fef9f5", "99": "#fefcfa", "": "#a15717" }, "gold": { "1": "#080500", "2": "#100b00", "3": "#181000", "4": "#201600", "5": "#281b00", "6": "#291c00", "7": "#2a1c00", "8": "#2b1d01", "9": "#2c1d01", "10": "#2d1e01", "11": "#2f1f01", "12": "#312001", "13": "#322201", "14": "#342301", "15": "#362401", "16": "#382500", "17": "#3a2600", "18": "#3b2800", "19": "#3d2900", "20": "#3f2a00", "21": "#412b00", "22": "#432d00", "23": "#452e00", "24": "#473000", "25": "#4a3100", "26": "#4c3200", "27": "#4e3400", "28": "#503500", "29": "#523700", "30": "#543800", "31": "#573a00", "32": "#593b00", "33": "#5c3d00", "34": "#5e3f00", "35": "#614100", "36": "#634200", "37": "#664400", "38": "#684600", "39": "#6b4700", "40": "#6d4900", "41": "#714b00", "42": "#744e00", "43": "#785000", "44": "#7b5200", "45": "#7f5500", "46": "#825700", "47": "#865900", "48": "#895b00", "49": "#8d5e00", "50": "#906000", "51": "#926300", "52": "#956500", "53": "#976800", "54": "#9a6a00", "55": "#9c6d00", "56": "#a67400", "57": "#b17b00", "58": "#bb8300", "59": "#c68a00", "60": "#d09100", "61": "#d19300", "62": "#d29400", "63": "#d49600", "64": "#d59700", "65": "#d69900", "66": "#d79a00", "67": "#d89c00", "68": "#da9d00", "69": "#db9f00", "70": "#dca000", "71": "#dfa50d", "72": "#e2ab19", "73": "#e5b026", "74": "#e8b633", "75": "#ecbb40", "76": "#efc04c", "77": "#f2c659", "78": "#f5cb66", "79": "#f8d172", "80": "#fbd67f", "81": "#fbd885", "82": "#fcda8b", "83": "#fcdc91", "84": "#fcde97", "85": "#fce09d", "86": "#fde2a3", "87": "#fde4a9", "88": "#fde5ae", "89": "#fde7b4", "90": "#fee9ba", "91": "#feebc0", "92": "#feedc6", "93": "#feefcc", "94": "#fff1d2", "95": "#fff3d8", "96": "#fff5e0", "97": "#fff8e8", "98": "#fffaef", "99": "#fffdf7", "": "#906000" }, "yellow": { "1": "#070600", "2": "#0f0c00", "3": "#161100", "4": "#1e1700", "5": "#251d00", "6": "#261e00", "7": "#261e00", "8": "#271f00", "9": "#271f00", "10": "#282000", "11": "#2a2100", "12": "#2c2300", "13": "#2d2400", "14": "#2f2600", "15": "#312701", "16": "#332801", "17": "#352a01", "18": "#362b01", "19": "#382d01", "20": "#3a2e01", "21": "#3c2f01", "22": "#3d3101", "23": "#3f3201", "24": "#413301", "25": "#433501", "26": "#443600", "27": "#463700", "28": "#483800", "29": "#493a00", "30": "#4b3b00", "31": "#4d3d00", "32": "#503f00", "33": "#524100", "34": "#544300", "35": "#574500", "36": "#594600", "37": "#5b4800", "38": "#5d4a00", "39": "#604c00", "40": "#624e00", "41": "#655100", "42": "#685300", "43": "#6b5600", "44": "#6e5800", "45": "#715b00", "46": "#745d00", "47": "#776000", "48": "#7a6200", "49": "#7d6500", "50": "#806700", "51": "#836900", "52": "#866b00", "53": "#886e00", "54": "#8b7000", "55": "#8e7200", "56": "#987a00", "57": "#a18200", "58": "#ab8900", "59": "#b49100", "60": "#be9900", "61": "#c09a00", "62": "#c29c00", "63": "#c39d00", "64": "#c59f00", "65": "#c7a000", "66": "#c9a100", "67": "#cba300", "68": "#cca400", "69": "#cea600", "70": "#d0a700", "71": "#d3ac0e", "72": "#d6b11d", "73": "#d9b62b", "74": "#dcbb39", "75": "#dfc148", "76": "#e1c656", "77": "#e4cb64", "78": "#e7d072", "79": "#ead581", "80": "#edda8f", "81": "#eedc93", "82": "#efde97", "83": "#f1df9b", "84": "#f2e19f", "85": "#f3e3a3", "86": "#f4e5a7", "87": "#f5e7ab", "88": "#f7e8ae", "89": "#f8eab2", "90": "#f9ecb6", "91": "#faeeba", "92": "#fbf0be", "93": "#fdf1c2", "94": "#fef3c6", "95": "#fff5ca", "96": "#fff7d5", "97": "#fff9df", "98": "#fffbea", "99": "#fffdf4", "": "#806700" }, "grass": { "1": "#040701", "2": "#090d02", "3": "#0d1404", "4": "#121a05", "5": "#162106", "6": "#162206", "7": "#172206", "8": "#172306", "9": "#182306", "10": "#182406", "11": "#192606", "12": "#1a2706", "13": "#1b2907", "14": "#1c2a07", "15": "#1d2c07", "16": "#1e2d07", "17": "#1f2f07", "18": "#203008", "19": "#213208", "20": "#223308", "21": "#233508", "22": "#243608", "23": "#253808", "24": "#263a08", "25": "#273c08", "26": "#283d08", "27": "#293f08", "28": "#2a4108", "29": "#2b4208", "30": "#2c4408", "31": "#2d4608", "32": "#2f4809", "33": "#304a09", "34": "#324c09", "35": "#334e0a", "36": "#344f0a", "37": "#36510a", "38": "#37530a", "39": "#39550b", "40": "#3a570b", "41": "#3c5a0b", "42": "#3e5d0c", "43": "#40600c", "44": "#42630c", "45": "#44660d", "46": "#46690d", "47": "#486c0d", "48": "#4a6f0d", "49": "#4c720e", "50": "#4e750e", "51": "#527b0f", "52": "#56800f", "53": "#598610", "54": "#5d8c11", "55": "#619212", "56": "#659712", "57": "#699d13", "58": "#6ca314", "59": "#70a814", "60": "#74ae15", "61": "#75af15", "62": "#76b115", "63": "#77b216", "64": "#78b416", "65": "#79b516", "66": "#79b616", "67": "#7ab816", "68": "#7bb917", "69": "#7cbb17", "70": "#7dbc17", "71": "#84c021", "72": "#8ac52b", "73": "#91c935", "74": "#97ce3f", "75": "#9ed24a", "76": "#a5d654", "77": "#abdb5e", "78": "#b2df68", "79": "#b8e472", "80": "#bfe87c", "81": "#c2e982", "82": "#c5ea88", "83": "#c8ec8e", "84": "#cbed93", "85": "#ceee99", "86": "#d1ef9f", "87": "#d4f0a5", "88": "#d6f2ab", "89": "#d9f3b1", "90": "#dcf4b7", "91": "#dff5bd", "92": "#e2f6c2", "93": "#e5f8c8", "94": "#e8f9ce", "95": "#ebfad4", "96": "#effbdd", "97": "#f3fce5", "98": "#f7fdee", "99": "#fbfef6", "": "#4e750e" }, "green": { "1": "#010703", "2": "#020e07", "3": "#02150a", "4": "#031c0e", "5": "#042311", "6": "#042411", "7": "#042411", "8": "#032511", "9": "#032511", "10": "#032611", "11": "#032812", "12": "#032912", "13": "#032b13", "14": "#032d13", "15": "#032f14", "16": "#023015", "17": "#023215", "18": "#023416", "19": "#023516", "20": "#023717", "21": "#023918", "22": "#023a19", "23": "#023c19", "24": "#023e1a", "25": "#03401b", "26": "#03411c", "27": "#03431d", "28": "#03451d", "29": "#03461e", "30": "#03481f", "31": "#034a20", "32": "#034c20", "33": "#034e21", "34": "#035022", "35": "#035323", "36": "#025523", "37": "#025724", "38": "#025925", "39": "#025b25", "40": "#025d26", "41": "#026027", "42": "#036329", "43": "#03662a", "44": "#04692c", "45": "#046c2d", "46": "#046f2e", "47": "#057230", "48": "#057531", "49": "#067833", "50": "#067b34", "51": "#067e35", "52": "#068036", "53": "#078338", "54": "#078539", "55": "#07883a", "56": "#07913e", "57": "#089a42", "58": "#08a445", "59": "#09ad49", "60": "#09b64d", "61": "#09b84e", "62": "#09b94e", "63": "#09bb4f", "64": "#09bc4f", "65": "#0abe50", "66": "#0abf51", "67": "#0ac151", "68": "#0ac252", "69": "#0ac452", "70": "#0ac553", "71": "#16c95b", "72": "#22ce63", "73": "#2dd26b", "74": "#39d773", "75": "#45db7c", "76": "#51df84", "77": "#5de48c", "78": "#68e894", "79": "#74ed9c", "80": "#80f1a4", "81": "#86f2a9", "82": "#8df2ad", "83": "#93f3b2", "84": "#9af3b6", "85": "#a0f4bb", "86": "#a6f5bf", "87": "#adf5c4", "88": "#b3f6c8", "89": "#baf6cd", "90": "#c0f7d1", "91": "#c6f8d6", "92": "#cdf8da", "93": "#d3f9df", "94": "#daf9e3", "95": "#e0fae8", "96": "#e6fbed", "97": "#ecfcf1", "98": "#f3fdf6", "99": "#f9fefa", "": "#067b34" }, "beryl": { "1": "#000705", "2": "#000e0a", "3": "#00150f", "4": "#001c14", "5": "#002319", "6": "#00241a", "7": "#00251a", "8": "#00251b", "9": "#00261b", "10": "#00271c", "11": "#00291d", "12": "#002a1e", "13": "#002c1f", "14": "#002d20", "15": "#002f21", "16": "#003022", "17": "#003223", "18": "#003324", "19": "#003525", "20": "#003626", "21": "#003827", "22": "#003928", "23": "#003b2a", "24": "#003d2b", "25": "#003f2c", "26": "#00402d", "27": "#00422e", "28": "#004430", "29": "#004531", "30": "#004732", "31": "#004934", "32": "#004b35", "33": "#004d37", "34": "#004f38", "35": "#00523a", "36": "#00543b", "37": "#00563d", "38": "#00583e", "39": "#005a40", "40": "#005c41", "41": "#005f43", "42": "#006245", "43": "#006547", "44": "#006849", "45": "#006b4b", "46": "#006d4c", "47": "#00704e", "48": "#007350", "49": "#007652", "50": "#007954", "51": "#007c56", "52": "#007f58", "53": "#00815a", "54": "#00845c", "55": "#00875e", "56": "#009064", "57": "#00996a", "58": "#00a170", "59": "#00aa76", "60": "#00b37c", "61": "#00b57d", "62": "#00b67e", "63": "#00b87f", "64": "#00b980", "65": "#00bb82", "66": "#00bd83", "67": "#00be84", "68": "#00c085", "69": "#00c186", "70": "#00c387", "71": "#0bc88d", "72": "#17cc93", "73": "#22d19a", "74": "#2ed5a0", "75": "#39daa6", "76": "#44deac", "77": "#50e3b2", "78": "#5be7b9", "79": "#67ecbf", "80": "#72f0c5", "81": "#79f1c8", "82": "#7ff2cb", "83": "#86f2cd", "84": "#8df3d0", "85": "#93f4d3", "86": "#9af5d6", "87": "#a1f6d9", "88": "#a7f6db", "89": "#aef7de", "90": "#b5f8e1", "91": "#bbf9e4", "92": "#c2fae7", "93": "#c9fae9", "94": "#cffbec", "95": "#d6fcef", "96": "#defdf2", "97": "#e6fdf5", "98": "#effef9", "99": "#f7fefc", "": "#007954" }, "teal": { "1": "#000706", "2": "#000e0d", "3": "#011413", "4": "#011b1a", "5": "#012220", "6": "#012321", "7": "#012422", "8": "#012422", "9": "#012523", "10": "#012624", "11": "#012825", "12": "#012927", "13": "#012b28", "14": "#012c2a", "15": "#012e2b", "16": "#002f2c", "17": "#00312e", "18": "#00322f", "19": "#003431", "20": "#003532", "21": "#003734", "22": "#003835", "23": "#003a37", "24": "#003b38", "25": "#003d3a", "26": "#003f3b", "27": "#00403d", "28": "#00423e", "29": "#004340", "30": "#004541", "31": "#004743", "32": "#004945", "33": "#004b47", "34": "#004d49", "35": "#00504b", "36": "#00524c", "37": "#00544e", "38": "#005650", "39": "#005852", "40": "#005a54", "41": "#005d57", "42": "#006059", "43": "#00635c", "44": "#00665f", "45": "#006962", "46": "#006b64", "47": "#006e67", "48": "#00716a", "49": "#00746c", "50": "#00776f", "51": "#007a72", "52": "#007d74", "53": "#007f77", "54": "#008279", "55": "#00857c", "56": "#008e84", "57": "#00978c", "58": "#009f95", "59": "#00a89d", "60": "#00b1a5", "61": "#00b2a6", "62": "#00b4a8", "63": "#00b5a9", "64": "#00b7aa", "65": "#00b8ac", "66": "#00b9ad", "67": "#00bbae", "68": "#00bcaf", "69": "#00beb1", "70": "#00bfb2", "71": "#0bc4b7", "72": "#15c8bc", "73": "#20cdc1", "74": "#2ad2c6", "75": "#35d7cc", "76": "#40dbd1", "77": "#4ae0d6", "78": "#55e5db", "79": "#5fe9e0", "80": "#6aeee5", "81": "#71efe6", "82": "#78f0e8", "83": "#7ff1e9", "84": "#86f2ea", "85": "#8df3eb", "86": "#94f4ed", "87": "#9bf5ee", "88": "#a3f5ef", "89": "#aaf6f0", "90": "#b1f7f2", "91": "#b8f8f3", "92": "#bff9f4", "93": "#c6faf5", "94": "#cdfbf7", "95": "#d4fcf8", "96": "#ddfdf9", "97": "#e5fdfb", "98": "#eefefc", "99": "#f6fefe", "": "#00776f" }, "cyan": { "1": "#000709", "2": "#000e11", "3": "#00141a", "4": "#001b22", "5": "#00222b", "6": "#00232c", "7": "#00232c", "8": "#00242d", "9": "#00242d", "10": "#00252e", "11": "#002630", "12": "#002832", "13": "#002933", "14": "#002b35", "15": "#012c37", "16": "#012d39", "17": "#012f3b", "18": "#01303c", "19": "#01323e", "20": "#013340", "21": "#013542", "22": "#013645", "23": "#013847", "24": "#013a49", "25": "#013c4c", "26": "#003d4e", "27": "#003f50", "28": "#004152", "29": "#004255", "30": "#004457", "31": "#004659", "32": "#00485c", "33": "#004a5e", "34": "#004c61", "35": "#004e63", "36": "#004f65", "37": "#005168", "38": "#00536a", "39": "#00556d", "40": "#00576f", "41": "#005a72", "42": "#005d76", "43": "#005f79", "44": "#00627d", "45": "#006580", "46": "#006883", "47": "#006b87", "48": "#006d8a", "49": "#00708e", "50": "#007391", "51": "#007694", "52": "#007897", "53": "#007b9b", "54": "#007d9e", "55": "#0080a1", "56": "#0089ac", "57": "#0091b7", "58": "#009ac1", "59": "#00a2cc", "60": "#00abd7", "61": "#00acd9", "62": "#00aedb", "63": "#00afdc", "64": "#00b1de", "65": "#00b2e0", "66": "#00b3e2", "67": "#00b5e4", "68": "#00b6e5", "69": "#00b8e7", "70": "#00b9e9", "71": "#0fbeeb", "72": "#1ec2ec", "73": "#2dc7ee", "74": "#3ccbf0", "75": "#4cd0f2", "76": "#5bd4f3", "77": "#6ad9f5", "78": "#79ddf7", "79": "#88e2f8", "80": "#97e6fa", "81": "#9ce7fa", "82": "#a1e8fb", "83": "#a5eafb", "84": "#aaebfb", "85": "#afecfc", "86": "#b4edfc", "87": "#b9eefc", "88": "#bdf0fd", "89": "#c2f1fd", "90": "#c7f2fd", "91": "#ccf3fe", "92": "#d1f4fe", "93": "#d5f6fe", "94": "#daf7ff", "95": "#dff8ff", "96": "#e5f9ff", "97": "#ecfbff", "98": "#f2fcff", "99": "#f9feff", "": "#007391" }, "sky": { "1": "#01060a", "2": "#010c15", "3": "#02131f", "4": "#02192a", "5": "#031f34", "6": "#032035", "7": "#032136", "8": "#032137", "9": "#032238", "10": "#032339", "11": "#03243b", "12": "#03263d", "13": "#03273f", "14": "#032941", "15": "#042a44", "16": "#042b46", "17": "#042d48", "18": "#042e4a", "19": "#04304c", "20": "#04314e", "21": "#043351", "22": "#043453", "23": "#043656", "24": "#043759", "25": "#04395c", "26": "#043b5e", "27": "#043c61", "28": "#043e64", "29": "#043f66", "30": "#044169", "31": "#04436c", "32": "#04456f", "33": "#054672", "34": "#054875", "35": "#054a78", "36": "#054c7a", "37": "#054e7d", "38": "#064f80", "39": "#065183", "40": "#065386", "41": "#06568b", "42": "#06588f", "43": "#075b94", "44": "#075e98", "45": "#07619d", "46": "#0763a1", "47": "#0766a6", "48": "#0869aa", "49": "#086baf", "50": "#086eb3", "51": "#0870b7", "52": "#0873ba", "53": "#0975be", "54": "#0978c1", "55": "#097ac5", "56": "#0f82cf", "57": "#168bd8", "58": "#1c93e2", "59": "#239ceb", "60": "#29a4f5", "61": "#2da6f5", "62": "#30a7f5", "63": "#34a9f6", "64": "#37aaf6", "65": "#3bacf6", "66": "#3fadf6", "67": "#42aff6", "68": "#46b0f7", "69": "#49b2f7", "70": "#4db3f7", "71": "#57b8f8", "72": "#61bcf9", "73": "#6cc1f9", "74": "#76c5fa", "75": "#80cafb", "76": "#8acefc", "77": "#94d3fd", "78": "#9fd7fd", "79": "#a9dcfe", "80": "#b3e0ff", "81": "#b7e1ff", "82": "#bae3ff", "83": "#bee4ff", "84": "#c2e6ff", "85": "#c5e7ff", "86": "#c9e9ff", "87": "#cdeaff", "88": "#d0ecfe", "89": "#d4edfe", "90": "#d8effe", "91": "#dbf0fe", "92": "#dff2fe", "93": "#e3f3fe", "94": "#e6f5fe", "95": "#eaf6fe", "96": "#eef8fe", "97": "#f2fafe", "98": "#f7fbff", "99": "#fbfdff", "": "#086eb3" }, "blue": { "1": "#01050f", "2": "#030a1e", "3": "#040f2c", "4": "#06143b", "5": "#07194a", "6": "#071a4c", "7": "#071a4e", "8": "#081b4f", "9": "#081b51", "10": "#081c53", "11": "#081d56", "12": "#081e59", "13": "#091f5d", "14": "#092060", "15": "#092263", "16": "#092366", "17": "#092469", "18": "#0a256d", "19": "#0a2670", "20": "#0a2773", "21": "#0a2877", "22": "#0b2a7a", "23": "#0b2b7e", "24": "#0c2c81", "25": "#0c2e85", "26": "#0c2f88", "27": "#0d308c", "28": "#0d318f", "29": "#0e3393", "30": "#0e3496", "31": "#0e3699", "32": "#0f389c", "33": "#0f39a0", "34": "#0f3ba3", "35": "#103da6", "36": "#103fa9", "37": "#1041ac", "38": "#1042b0", "39": "#1144b3", "40": "#1146b6", "41": "#1249bb", "42": "#124bc0", "43": "#134ec5", "44": "#1350ca", "45": "#1453d0", "46": "#1555d5", "47": "#1558da", "48": "#165adf", "49": "#165de4", "50": "#175fe9", "51": "#1a63e9", "52": "#1d66e9", "53": "#206aea", "54": "#236dea", "55": "#2671ea", "56": "#347aeb", "57": "#4283ed", "58": "#4f8cee", "59": "#5d95f0", "60": "#6b9ef1", "61": "#6d9ff1", "62": "#6fa1f1", "63": "#72a2f2", "64": "#74a4f2", "65": "#76a5f2", "66": "#78a6f2", "67": "#7aa8f2", "68": "#7da9f3", "69": "#7fabf3", "70": "#81acf3", "71": "#88b1f4", "72": "#8fb5f5", "73": "#96baf6", "74": "#9dbff7", "75": "#a4c4f9", "76": "#aac8fa", "77": "#b1cdfb", "78": "#b8d2fc", "79": "#bfd6fd", "80": "#c6dbfe", "81": "#c9ddfe", "82": "#cbdefe", "83": "#cee0fe", "84": "#d0e2fe", "85": "#d3e3fe", "86": "#d6e5fe", "87": "#d8e7fe", "88": "#dbe8fe", "89": "#ddeafe", "90": "#e0ecfe", "91": "#e3edfe", "92": "#e5effe", "93": "#e8f1fe", "94": "#eaf2fe", "95": "#edf4fe", "96": "#f1f6fe", "97": "#f4f8fe", "98": "#f8fbff", "99": "#fbfdff", "": "#175fe9" }, "indigo": { "1": "#06040e", "2": "#0c091c", "3": "#130d29", "4": "#191237", "5": "#1f1645", "6": "#1f1647", "7": "#1f1649", "8": "#20174b", "9": "#20174d", "10": "#20174f", "11": "#211853", "12": "#221956", "13": "#23195a", "14": "#241a5e", "15": "#261b62", "16": "#271c65", "17": "#281d69", "18": "#291d6d", "19": "#2a1e70", "20": "#2b1f74", "21": "#2c2078", "22": "#2d217c", "23": "#2f2280", "24": "#302384", "25": "#312489", "26": "#32248d", "27": "#332591", "28": "#352695", "29": "#362799", "30": "#37289d", "31": "#392a9f", "32": "#3a2da1", "33": "#3c2fa3", "34": "#3d31a5", "35": "#3f34a7", "36": "#4036a9", "37": "#4238ab", "38": "#433aad", "39": "#453daf", "40": "#463fb1", "41": "#4842b5", "42": "#4a45b8", "43": "#4c47bc", "44": "#4e4abf", "45": "#504dc3", "46": "#5250c7", "47": "#5453ca", "48": "#5655ce", "49": "#5858d1", "50": "#5a5bd5", "51": "#5c5ddb", "52": "#5e5fe0", "53": "#6060e6", "54": "#6262eb", "55": "#6464f1", "56": "#6d6df2", "57": "#7777f3", "58": "#8080f3", "59": "#8a8af4", "60": "#9393f5", "61": "#9495f4", "62": "#9697f4", "63": "#9798f3", "64": "#999af2", "65": "#9a9cf2", "66": "#9b9ef1", "67": "#9da0f0", "68": "#9ea1ef", "69": "#a0a3ef", "70": "#a1a5ee", "71": "#a6aaf0", "72": "#abaff1", "73": "#b1b4f3", "74": "#b6b9f4", "75": "#bbbef6", "76": "#c0c3f8", "77": "#c5c8f9", "78": "#cbcdfb", "79": "#d0d2fc", "80": "#d5d7fe", "81": "#d7d9fe", "82": "#d9dbfe", "83": "#dbdcfe", "84": "#dcdefe", "85": "#dee0fe", "86": "#e0e2fe", "87": "#e2e4fe", "88": "#e4e5ff", "89": "#e6e7ff", "90": "#e8e9ff", "91": "#eaebff", "92": "#ebedff", "93": "#edeeff", "94": "#eff0ff", "95": "#f1f2ff", "96": "#f4f5ff", "97": "#f7f7ff", "98": "#f9faff", "99": "#fcfcff", "": "#5a5bd5" }, "violet": { "1": "#090210", "2": "#11041f", "3": "#1a062f", "4": "#22083e", "5": "#2b0a4e", "6": "#2c0a50", "7": "#2c0a52", "8": "#2d0b53", "9": "#2d0b55", "10": "#2e0b57", "11": "#300c5a", "12": "#310c5e", "13": "#330d61", "14": "#340d65", "15": "#360e68", "16": "#370f6b", "17": "#390f6f", "18": "#3a1072", "19": "#3c1076", "20": "#3d1179", "21": "#3f127d", "22": "#401281", "23": "#421384", "24": "#441388", "25": "#46148c", "26": "#471490", "27": "#491594", "28": "#4b1597", "29": "#4c169b", "30": "#4e169f", "31": "#5018a2", "32": "#511ba4", "33": "#531da7", "34": "#5520aa", "35": "#5722ad", "36": "#5824af", "37": "#5a27b2", "38": "#5c29b5", "39": "#5d2cb7", "40": "#5f2eba", "41": "#6231be", "42": "#6433c3", "43": "#6736c7", "44": "#6939cb", "45": "#6c3cd0", "46": "#6f3ed4", "47": "#7141d8", "48": "#7444dc", "49": "#7646e1", "50": "#7949e5", "51": "#7c4be8", "52": "#7f4eeb", "53": "#8150ef", "54": "#8453f2", "55": "#8755f5", "56": "#8e60f6", "57": "#966af6", "58": "#9d75f7", "59": "#a57ff7", "60": "#ac8af8", "61": "#ad8cf8", "62": "#ae8df8", "63": "#b08ff8", "64": "#b191f8", "65": "#b293f9", "66": "#b394f9", "67": "#b496f9", "68": "#b698f9", "69": "#b799f9", "70": "#b89bf9", "71": "#bca1fa", "72": "#c0a6fa", "73": "#c4acfb", "74": "#c8b2fb", "75": "#cdb8fc", "76": "#d1bdfc", "77": "#d5c3fd", "78": "#d9c9fd", "79": "#ddcefe", "80": "#e1d4fe", "81": "#e2d6fe", "82": "#e4d8fe", "83": "#e5dafe", "84": "#e6dcfe", "85": "#e8defe", "86": "#e9e0fe", "87": "#eae2fe", "88": "#ece3ff", "89": "#ede5ff", "90": "#eee7ff", "91": "#f0e9ff", "92": "#f1ebff", "93": "#f2edff", "94": "#f4efff", "95": "#f5f1ff", "96": "#f7f4ff", "97": "#f9f7ff", "98": "#fbf9ff", "99": "#fdfcff", "": "#7949e5" }, "purple": { "1": "#09020e", "2": "#12051c", "3": "#1c072b", "4": "#250a39", "5": "#2e0c47", "6": "#2f0c48", "7": "#300c4a", "8": "#310c4b", "9": "#320c4d", "10": "#330c4e", "11": "#350c51", "12": "#370d54", "13": "#390d57", "14": "#3b0d5a", "15": "#3d0e5d", "16": "#3e0e60", "17": "#400e63", "18": "#420e66", "19": "#440f69", "20": "#460f6c", "21": "#480f70", "22": "#4a1073", "23": "#4c1077", "24": "#4e117a", "25": "#51117e", "26": "#531182", "27": "#551285", "28": "#571289", "29": "#59138c", "30": "#5b1390", "31": "#5e1493", "32": "#601697", "33": "#63179a", "34": "#65199d", "35": "#681aa1", "36": "#6a1ba4", "37": "#6d1da7", "38": "#6f1eaa", "39": "#7220ae", "40": "#7421b1", "41": "#7823b6", "42": "#7b24bb", "43": "#7f26c0", "44": "#8228c5", "45": "#862acb", "46": "#8a2bd0", "47": "#8d2dd5", "48": "#912fda", "49": "#9430df", "50": "#9832e4", "51": "#9a36e5", "52": "#9c3be5", "53": "#9f3fe6", "54": "#a144e6", "55": "#a348e7", "56": "#a954e9", "57": "#af60ea", "58": "#b56cec", "59": "#bb78ed", "60": "#c184ef", "61": "#c286ef", "62": "#c388ef", "63": "#c489f0", "64": "#c58bf0", "65": "#c68df0", "66": "#c68ff0", "67": "#c791f0", "68": "#c892f1", "69": "#c994f1", "70": "#ca96f1", "71": "#cd9cf2", "72": "#d0a2f4", "73": "#d4a8f5", "74": "#d7aef6", "75": "#dab4f8", "76": "#ddb9f9", "77": "#e0bffa", "78": "#e4c5fb", "79": "#e7cbfd", "80": "#ead1fe", "81": "#ebd3fe", "82": "#ecd5fe", "83": "#edd7fe", "84": "#eed9fe", "85": "#efdbfe", "86": "#f0ddfe", "87": "#f1dffe", "88": "#f2e2ff", "89": "#f3e4ff", "90": "#f4e6ff", "91": "#f5e8ff", "92": "#f6eaff", "93": "#f7ecff", "94": "#f8eeff", "95": "#f9f0ff", "96": "#faf3ff", "97": "#fbf6ff", "98": "#fdf9ff", "99": "#fefcff", "": "#9832e4" }, "fuchsia": { "1": "#0b0208", "2": "#170411", "3": "#220519", "4": "#2e0722", "5": "#39092a", "6": "#3a092c", "7": "#3c092d", "8": "#3d092f", "9": "#3f0930", "10": "#400932", "11": "#420934", "12": "#440a37", "13": "#470a39", "14": "#490b3c", "15": "#4b0b3e", "16": "#4d0b40", "17": "#4f0c43", "18": "#520c45", "19": "#540d48", "20": "#560d4a", "21": "#590d4d", "22": "#5b0e4f", "23": "#5e0e52", "24": "#600f55", "25": "#630f58", "26": "#650f5a", "27": "#68105d", "28": "#6a1060", "29": "#6d1162", "30": "#6f1165", "31": "#721169", "32": "#75126c", "33": "#781270", "34": "#7b1374", "35": "#7e1378", "36": "#80137b", "37": "#83147f", "38": "#861483", "39": "#891586", "40": "#8c158a", "41": "#90168f", "42": "#941694", "43": "#991799", "44": "#9d189e", "45": "#a119a3", "46": "#a519a7", "47": "#a91aac", "48": "#ae1bb1", "49": "#b21bb6", "50": "#b61cbb", "51": "#ba1dbf", "52": "#be1dc3", "53": "#c21ec6", "54": "#c61eca", "55": "#ca1fce", "56": "#d02fd3", "57": "#d53fd9", "58": "#db4ede", "59": "#e05ee4", "60": "#e66ee9", "61": "#e670e9", "62": "#e773ea", "63": "#e775ea", "64": "#e878eb", "65": "#e87aeb", "66": "#e87ceb", "67": "#e97fec", "68": "#e981ec", "69": "#ea84ed", "70": "#ea86ed", "71": "#ec8dee", "72": "#ed94f0", "73": "#ef9bf1", "74": "#f0a2f3", "75": "#f2a9f4", "76": "#f4aff5", "77": "#f5b6f7", "78": "#f7bdf8", "79": "#f8c4fa", "80": "#facbfb", "81": "#facdfb", "82": "#fbd0fc", "83": "#fbd2fc", "84": "#fbd5fc", "85": "#fbd7fc", "86": "#fcd9fd", "87": "#fcdcfd", "88": "#fcdefd", "89": "#fce1fd", "90": "#fde3fe", "91": "#fde5fe", "92": "#fde8fe", "93": "#fdeafe", "94": "#feedff", "95": "#feefff", "96": "#fef2ff", "97": "#fef5ff", "98": "#fff9ff", "99": "#fffcff", "": "#b61cbb" }, "pink": { "1": "#0c0107", "2": "#18030e", "3": "#250414", "4": "#31061b", "5": "#3d0722", "6": "#3e0723", "7": "#3f0723", "8": "#410724", "9": "#420724", "10": "#430725", "11": "#460726", "12": "#480728", "13": "#4b0829", "14": "#4d082b", "15": "#50082c", "16": "#53082d", "17": "#55082f", "18": "#580930", "19": "#5a0932", "20": "#5d0933", "21": "#600935", "22": "#630a36", "23": "#650a38", "24": "#680b3a", "25": "#6b0b3c", "26": "#6e0b3d", "27": "#710c3f", "28": "#730c41", "29": "#760d42", "30": "#790d44", "31": "#7c0d46", "32": "#800e48", "33": "#830e4a", "34": "#860e4c", "35": "#8a0f4e", "36": "#8d0f50", "37": "#900f52", "38": "#930f54", "39": "#971056", "40": "#9a1058", "41": "#9f105b", "42": "#a4115d", "43": "#a81160", "44": "#ad1263", "45": "#b21266", "46": "#b71268", "47": "#bc136b", "48": "#c0136e", "49": "#c51470", "50": "#ca1473", "51": "#cf1476", "52": "#d31579", "53": "#d8157b", "54": "#dc167e", "55": "#e11681", "56": "#e4288b", "57": "#e73a95", "58": "#eb4ca0", "59": "#ee5eaa", "60": "#f170b4", "61": "#f172b5", "62": "#f175b6", "63": "#f277b8", "64": "#f27ab9", "65": "#f27cba", "66": "#f27ebb", "67": "#f281bc", "68": "#f383be", "69": "#f386bf", "70": "#f388c0", "71": "#f48fc4", "72": "#f596c8", "73": "#f69dcb", "74": "#f7a4cf", "75": "#f8abd3", "76": "#f9b1d7", "77": "#fab8db", "78": "#fbbfde", "79": "#fcc6e2", "80": "#fdcde6", "81": "#fdcfe7", "82": "#fdd2e8", "83": "#fdd4ea", "84": "#fed6eb", "85": "#fed9ec", "86": "#fedbed", "87": "#feddee", "88": "#fee0f0", "89": "#fee2f1", "90": "#fee4f2", "91": "#fee7f3", "92": "#ffe9f4", "93": "#ffebf6", "94": "#ffeef7", "95": "#fff0f8", "96": "#fff3f9", "97": "#fff6fb", "98": "#fff9fc", "99": "#fffcfe", "": "#ca1473" }, "crimson": { "1": "#0d0004", "2": "#1b0108", "3": "#28010b", "4": "#36020f", "5": "#430213", "6": "#440213", "7": "#450213", "8": "#450314", "9": "#460314", "10": "#470314", "11": "#4a0315", "12": "#4c0316", "13": "#4f0316", "14": "#520317", "15": "#550418", "16": "#570419", "17": "#5a041a", "18": "#5d041a", "19": "#5f041b", "20": "#62041c", "21": "#65041d", "22": "#68041e", "23": "#6b041e", "24": "#6e041f", "25": "#710520", "26": "#740521", "27": "#770522", "28": "#7a0522", "29": "#7d0523", "30": "#800524", "31": "#830626", "32": "#860728", "33": "#890829", "34": "#8c092b", "35": "#900b2d", "36": "#930c2f", "37": "#960d31", "38": "#990e32", "39": "#9c0f34", "40": "#9f1036", "41": "#a41138", "42": "#a8123a", "43": "#ad133c", "44": "#b2143e", "45": "#b71541", "46": "#bb1643", "47": "#c01745", "48": "#c51847", "49": "#c91949", "50": "#ce1a4b", "51": "#d3194b", "52": "#d8184b", "53": "#de164c", "54": "#e3154c", "55": "#e8144c", "56": "#ea275b", "57": "#ec3b6a", "58": "#ef4e78", "59": "#f16287", "60": "#f37596", "61": "#f37798", "62": "#f37999", "63": "#f47c9b", "64": "#f47e9d", "65": "#f4809f", "66": "#f482a0", "67": "#f484a2", "68": "#f587a4", "69": "#f589a5", "70": "#f58ba7", "71": "#f692ac", "72": "#f798b1", "73": "#f79fb6", "74": "#f8a6bb", "75": "#f9adc1", "76": "#fab3c6", "77": "#fbbacb", "78": "#fbc1d0", "79": "#fcc7d5", "80": "#fdceda", "81": "#fdd0dc", "82": "#fdd3dd", "83": "#fdd5df", "84": "#fed7e1", "85": "#fedae3", "86": "#fedce4", "87": "#fedee6", "88": "#fee1e8", "89": "#fee3ea", "90": "#fee5eb", "91": "#fee8ed", "92": "#ffeaef", "93": "#ffecf1", "94": "#ffeff2", "95": "#fff1f4", "96": "#fff4f6", "97": "#fff7f8", "98": "#fff9fb", "99": "#fffcfd", "": "#ce1a4b" }, "red": { "1": "#0e0000", "2": "#1c0000", "3": "#290001", "4": "#370001", "5": "#450001", "6": "#460001", "7": "#470001", "8": "#470102", "9": "#480102", "10": "#490102", "11": "#4c0102", "12": "#4e0102", "13": "#510203", "14": "#540203", "15": "#570203", "16": "#590203", "17": "#5c0203", "18": "#5f0304", "19": "#610304", "20": "#640304", "21": "#670304", "22": "#6a0304", "23": "#6c0405", "24": "#6f0405", "25": "#720405", "26": "#750405", "27": "#780405", "28": "#7a0506", "29": "#7d0506", "30": "#800506", "31": "#830607", "32": "#870708", "33": "#8a080a", "34": "#8d090b", "35": "#910b0c", "36": "#940c0d", "37": "#970d0e", "38": "#9a0e10", "39": "#9e0f11", "40": "#a11012", "41": "#a61113", "42": "#ab1214", "43": "#af1316", "44": "#b41417", "45": "#b91518", "46": "#be1619", "47": "#c3171a", "48": "#c7181c", "49": "#cc191d", "50": "#d11a1e", "51": "#d7171b", "52": "#dc1418", "53": "#e21014", "54": "#e70d11", "55": "#ed0a0e", "56": "#ef1f23", "57": "#f23438", "58": "#f44a4c", "59": "#f75f61", "60": "#f97476", "61": "#f97678", "62": "#f9797b", "63": "#f97b7d", "64": "#f97d7f", "65": "#fa8082", "66": "#fa8284", "67": "#fa8486", "68": "#fa8688", "69": "#fa898b", "70": "#fa8b8d", "71": "#fa9294", "72": "#fb999a", "73": "#fb9fa1", "74": "#fba6a7", "75": "#fcadae", "76": "#fcb4b5", "77": "#fcbbbb", "78": "#fcc1c2", "79": "#fdc8c8", "80": "#fdcfcf", "81": "#fdd1d1", "82": "#fdd4d4", "83": "#fdd6d6", "84": "#fed8d8", "85": "#fedada", "86": "#fedddd", "87": "#fedfdf", "88": "#fee1e1", "89": "#fee3e3", "90": "#fee6e6", "91": "#fee8e8", "92": "#ffeaea", "93": "#ffecec", "94": "#ffefef", "95": "#fff1f1", "96": "#fff4f4", "97": "#fff7f7", "98": "#fff9f9", "99": "#fffcfc", "": "#d11a1e" }}Apply the defined font-family variables using the inherited rules font, font-family. For example, presetting the global fonts in <body>:
<body class="font:sans font:mono_:where(code,pre) font-feature:'salt'">…</body>Basic usage
Add a font
Customize your font tokens by defining variables. For example, add Inter as the general font and Fira Code as the code font.
import { variables } from '@master/css' export default { variables: { 'font-family': { sans: ['Inter', ...variables['font-family'].sans], mono: ['Fira Code', ...variables['font-family'].mono] } }}Font faces
Google Fonts
The fastest way to declare custom font faces is through Google Fonts.
<!DOCTYPE html><html lang="en"><head> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"></head></html>Self-hosted fonts
You can also self-host the fonts via native CSS, as usual.
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/Inter-Regular.woff2") format("woff2"), url("/fonts/Inter-Regular.woff") format("woff");}