{ "id": "adobe", "version": "1.0.0", "name": "Adobe", "description": "Adobe Inc. is the creator of Photoshop, Illustrator, InDesign, Acrobat, and the Creative / Document / Experience Cloud product families. Adobe Spectrum is the design system that backs Adobe's product surfaces — a tonally-paired, dual-mode token system (light and dark hex pairs for every chromatic stop) anchored on a primary accent blue (#3B63FB on light, #5681FF on dark). The marketing brand is a separate, more saturated red (the wordmark), but product UIs render in Spectrum's calmer accent blue and neutral grays. The proprietary typeface family is Adobe Clean (sans), Adobe Clean Serif, and Source Code Pro for mono; Adobe Clean is not publicly distributed, so this atom references Inter as the open rendering substitute for sans and Source Sans 3 as a closer Source-family fallback, with Source Code Pro for monospace.\n", "provenance": { "source": "https://spectrum.adobe.com/", "license": "Proprietary — All Rights Reserved (palette tokens Apache-2.0)", "attribution": "Adobe Spectrum design tokens are licensed Apache-2.0 (see the `adobe/spectrum-css` repository). The Adobe wordmark, the Adobe Clean typeface family, and the Adobe trademark are property of Adobe Inc. This atom catalogues only the public, documented design- system surface; trademark and typeface use remain Adobe's.\n", "importedDate": "2026-05-19", "notes": "Spectrum is dual-mode by construction: every accent / surface / text token resolves to one hex on light and a paired hex on dark. This brand atom names light-mode swatches in the role map and lets the palette's `modes.dark` block do the swap at consumption time. The proprietary Adobe Clean family is not publicly licensed; Inter is referenced as the rendering substitute for sans (heading, body) and Source Sans 3 covers the Source-family marketing surface.\n" }, "tags": [ "adobe", "spectrum", "design-system", "creative-cloud", "document-cloud", "dual-mode" ], "palette": { "ref": "adobe@1.0.0", "swatches": [ { "id": "gray-25", "name": "Gray 25", "value": "#FFFFFF", "description": "Light canvas. The brightest neutral; pairs with text-primary on light surfaces.", "aliases": [] }, { "id": "gray-50", "name": "Gray 50", "value": "#F8F8F8", "aliases": [] }, { "id": "gray-75", "name": "Gray 75", "value": "#F3F3F3", "aliases": [] }, { "id": "gray-100", "name": "Gray 100", "value": "#E9E9E9", "description": "Light surface — Spectrum default surface in light mode.", "aliases": [] }, { "id": "gray-200", "name": "Gray 200", "value": "#E1E1E1", "aliases": [] }, { "id": "gray-300", "name": "Gray 300", "value": "#DADADA", "description": "Subtle border in light mode.", "aliases": [] }, { "id": "gray-400", "name": "Gray 400", "value": "#C6C6C6", "aliases": [] }, { "id": "gray-500", "name": "Gray 500", "value": "#8F8F8F", "aliases": [] }, { "id": "gray-600", "name": "Gray 600", "value": "#717171", "description": "Tertiary text on light surfaces.", "aliases": [] }, { "id": "gray-700", "name": "Gray 700", "value": "#505050", "description": "Secondary text on light surfaces.", "aliases": [] }, { "id": "gray-800", "name": "Gray 800", "value": "#292929", "description": "High-contrast text on light surfaces.", "aliases": [] }, { "id": "gray-900", "name": "Gray 900", "value": "#131313", "description": "Primary text on light surfaces.", "aliases": [] }, { "id": "gray-1000", "name": "Gray 1000", "value": "#000000", "aliases": [] }, { "id": "gray-25-dark", "name": "Gray 25 Dark", "value": "#111111", "description": "Dark canvas.", "aliases": [] }, { "id": "gray-50-dark", "name": "Gray 50 Dark", "value": "#1B1B1B", "aliases": [] }, { "id": "gray-75-dark", "name": "Gray 75 Dark", "value": "#222222", "aliases": [] }, { "id": "gray-100-dark", "name": "Gray 100 Dark", "value": "#2C2C2C", "description": "Dark surface — Spectrum default surface in dark mode.", "aliases": [] }, { "id": "gray-200-dark", "name": "Gray 200 Dark", "value": "#323232", "aliases": [] }, { "id": "gray-300-dark", "name": "Gray 300 Dark", "value": "#393939", "description": "Subtle border in dark mode.", "aliases": [] }, { "id": "gray-400-dark", "name": "Gray 400 Dark", "value": "#444444", "aliases": [] }, { "id": "gray-500-dark", "name": "Gray 500 Dark", "value": "#6D6D6D", "aliases": [] }, { "id": "gray-600-dark", "name": "Gray 600 Dark", "value": "#8A8A8A", "aliases": [] }, { "id": "gray-700-dark", "name": "Gray 700 Dark", "value": "#AFAFAF", "description": "Secondary text on dark surfaces.", "aliases": [] }, { "id": "gray-800-dark", "name": "Gray 800 Dark", "value": "#DBDBDB", "aliases": [] }, { "id": "gray-900-dark", "name": "Gray 900 Dark", "value": "#F2F2F2", "description": "Primary text on dark surfaces.", "aliases": [] }, { "id": "gray-1000-dark", "name": "Gray 1000 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "blue-100", "name": "Blue 100", "value": "#F5F9FF", "description": "Subtle blue background; matches accent-color-100.", "aliases": [] }, { "id": "blue-200", "name": "Blue 200", "value": "#E5F0FE", "aliases": [] }, { "id": "blue-300", "name": "Blue 300", "value": "#CBE2FE", "aliases": [] }, { "id": "blue-400", "name": "Blue 400", "value": "#ACCFFD", "aliases": [] }, { "id": "blue-500", "name": "Blue 500", "value": "#8EB9FC", "aliases": [] }, { "id": "blue-600", "name": "Blue 600", "value": "#729EFD", "aliases": [] }, { "id": "blue-700", "name": "Blue 700", "value": "#5D89FF", "description": "Pressed / hover variant of accent on light.", "aliases": [] }, { "id": "blue-800", "name": "Blue 800", "value": "#4B75FF", "aliases": [] }, { "id": "blue-900", "name": "Blue 900", "value": "#3B63FB", "description": "Spectrum primary interactive — accent-background-color-default (light).", "aliases": [] }, { "id": "blue-1000", "name": "Blue 1000", "value": "#274DEA", "description": "Accent pressed (light).", "aliases": [] }, { "id": "blue-1100", "name": "Blue 1100", "value": "#1D3ECF", "aliases": [] }, { "id": "blue-1200", "name": "Blue 1200", "value": "#1532AD", "aliases": [] }, { "id": "blue-1300", "name": "Blue 1300", "value": "#10288C", "aliases": [] }, { "id": "blue-1400", "name": "Blue 1400", "value": "#0C1F69", "aliases": [] }, { "id": "blue-1500", "name": "Blue 1500", "value": "#0E1843", "aliases": [] }, { "id": "blue-1600", "name": "Blue 1600", "value": "#070B1E", "aliases": [] }, { "id": "blue-100-dark", "name": "Blue 100 Dark", "value": "#0E173F", "aliases": [] }, { "id": "blue-200-dark", "name": "Blue 200 Dark", "value": "#0F1C52", "aliases": [] }, { "id": "blue-300-dark", "name": "Blue 300 Dark", "value": "#0C2175", "aliases": [] }, { "id": "blue-400-dark", "name": "Blue 400 Dark", "value": "#122D9A", "aliases": [] }, { "id": "blue-500-dark", "name": "Blue 500 Dark", "value": "#1A3AC3", "aliases": [] }, { "id": "blue-600-dark", "name": "Blue 600 Dark", "value": "#2549E5", "aliases": [] }, { "id": "blue-700-dark", "name": "Blue 700 Dark", "value": "#345BF8", "aliases": [] }, { "id": "blue-800-dark", "name": "Blue 800 Dark", "value": "#4069FD", "aliases": [] }, { "id": "blue-900-dark", "name": "Blue 900 Dark", "value": "#5681FF", "description": "Spectrum primary interactive — dark mode.", "aliases": [] }, { "id": "blue-1000-dark", "name": "Blue 1000 Dark", "value": "#6995FE", "description": "Accent hover — dark mode.", "aliases": [] }, { "id": "blue-1100-dark", "name": "Blue 1100 Dark", "value": "#7CA9FC", "aliases": [] }, { "id": "blue-1200-dark", "name": "Blue 1200 Dark", "value": "#98C0FC", "aliases": [] }, { "id": "blue-1300-dark", "name": "Blue 1300 Dark", "value": "#B5D5FD", "aliases": [] }, { "id": "blue-1400-dark", "name": "Blue 1400 Dark", "value": "#D5E7FE", "aliases": [] }, { "id": "blue-1500-dark", "name": "Blue 1500 Dark", "value": "#EEF5FF", "aliases": [] }, { "id": "blue-1600-dark", "name": "Blue 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "red-100", "name": "Red 100", "value": "#FFF6F5", "aliases": [] }, { "id": "red-200", "name": "Red 200", "value": "#FFEBE8", "aliases": [] }, { "id": "red-300", "name": "Red 300", "value": "#FFD6D1", "aliases": [] }, { "id": "red-400", "name": "Red 400", "value": "#FFBCB4", "aliases": [] }, { "id": "red-500", "name": "Red 500", "value": "#FF9D91", "aliases": [] }, { "id": "red-600", "name": "Red 600", "value": "#FF7665", "aliases": [] }, { "id": "red-700", "name": "Red 700", "value": "#FF513D", "aliases": [] }, { "id": "red-800", "name": "Red 800", "value": "#F03823", "aliases": [] }, { "id": "red-900", "name": "Red 900", "value": "#D73220", "description": "Spectrum negative semantic color (light).", "aliases": [] }, { "id": "red-1000", "name": "Red 1000", "value": "#B72818", "aliases": [] }, { "id": "red-1100", "name": "Red 1100", "value": "#9C2113", "aliases": [] }, { "id": "red-1200", "name": "Red 1200", "value": "#811B0E", "aliases": [] }, { "id": "red-1300", "name": "Red 1300", "value": "#68150A", "aliases": [] }, { "id": "red-1400", "name": "Red 1400", "value": "#501006", "aliases": [] }, { "id": "red-1500", "name": "Red 1500", "value": "#3B0B04", "aliases": [] }, { "id": "red-1600", "name": "Red 1600", "value": "#1D0502", "aliases": [] }, { "id": "red-100-dark", "name": "Red 100 Dark", "value": "#360A03", "aliases": [] }, { "id": "red-200-dark", "name": "Red 200 Dark", "value": "#440D05", "aliases": [] }, { "id": "red-300-dark", "name": "Red 300 Dark", "value": "#571107", "aliases": [] }, { "id": "red-400-dark", "name": "Red 400 Dark", "value": "#73180B", "aliases": [] }, { "id": "red-500-dark", "name": "Red 500 Dark", "value": "#931F11", "aliases": [] }, { "id": "red-600-dark", "name": "Red 600 Dark", "value": "#B12617", "aliases": [] }, { "id": "red-700-dark", "name": "Red 700 Dark", "value": "#CD2E1D", "aliases": [] }, { "id": "red-800-dark", "name": "Red 800 Dark", "value": "#DF3422", "aliases": [] }, { "id": "red-900-dark", "name": "Red 900 Dark", "value": "#FC432E", "description": "Spectrum negative — dark mode.", "aliases": [] }, { "id": "red-1000-dark", "name": "Red 1000 Dark", "value": "#FF6756", "aliases": [] }, { "id": "red-1100-dark", "name": "Red 1100 Dark", "value": "#FF8678", "aliases": [] }, { "id": "red-1200-dark", "name": "Red 1200 Dark", "value": "#FFA79D", "aliases": [] }, { "id": "red-1300-dark", "name": "Red 1300 Dark", "value": "#FFC4BD", "aliases": [] }, { "id": "red-1400-dark", "name": "Red 1400 Dark", "value": "#FFDEDB", "aliases": [] }, { "id": "red-1500-dark", "name": "Red 1500 Dark", "value": "#FFF2F0", "aliases": [] }, { "id": "red-1600-dark", "name": "Red 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "orange-100", "name": "Orange 100", "value": "#FFF6E7", "aliases": [] }, { "id": "orange-200", "name": "Orange 200", "value": "#FFECCF", "aliases": [] }, { "id": "orange-300", "name": "Orange 300", "value": "#FFDA9E", "aliases": [] }, { "id": "orange-400", "name": "Orange 400", "value": "#FFC15E", "aliases": [] }, { "id": "orange-500", "name": "Orange 500", "value": "#FFA213", "aliases": [] }, { "id": "orange-600", "name": "Orange 600", "value": "#FC7D00", "aliases": [] }, { "id": "orange-700", "name": "Orange 700", "value": "#E86A00", "aliases": [] }, { "id": "orange-800", "name": "Orange 800", "value": "#D45B00", "aliases": [] }, { "id": "orange-900", "name": "Orange 900", "value": "#C24E00", "description": "Spectrum notice semantic color (light).", "aliases": [] }, { "id": "orange-1000", "name": "Orange 1000", "value": "#A73E00", "aliases": [] }, { "id": "orange-1100", "name": "Orange 1100", "value": "#903300", "aliases": [] }, { "id": "orange-1200", "name": "Orange 1200", "value": "#762900", "aliases": [] }, { "id": "orange-1300", "name": "Orange 1300", "value": "#5F2000", "aliases": [] }, { "id": "orange-1400", "name": "Orange 1400", "value": "#491800", "aliases": [] }, { "id": "orange-1500", "name": "Orange 1500", "value": "#341200", "aliases": [] }, { "id": "orange-1600", "name": "Orange 1600", "value": "#190800", "aliases": [] }, { "id": "orange-100-dark", "name": "Orange 100 Dark", "value": "#311000", "aliases": [] }, { "id": "orange-200-dark", "name": "Orange 200 Dark", "value": "#3D1500", "aliases": [] }, { "id": "orange-300-dark", "name": "Orange 300 Dark", "value": "#501B00", "aliases": [] }, { "id": "orange-400-dark", "name": "Orange 400 Dark", "value": "#6A2400", "aliases": [] }, { "id": "orange-500-dark", "name": "Orange 500 Dark", "value": "#872F00", "aliases": [] }, { "id": "orange-600-dark", "name": "Orange 600 Dark", "value": "#A23B00", "aliases": [] }, { "id": "orange-700-dark", "name": "Orange 700 Dark", "value": "#B94900", "aliases": [] }, { "id": "orange-800-dark", "name": "Orange 800 Dark", "value": "#C75200", "aliases": [] }, { "id": "orange-900-dark", "name": "Orange 900 Dark", "value": "#E06400", "description": "Spectrum notice — dark mode.", "aliases": [] }, { "id": "orange-1000-dark", "name": "Orange 1000 Dark", "value": "#F37500", "aliases": [] }, { "id": "orange-1100-dark", "name": "Orange 1100 Dark", "value": "#FF8900", "aliases": [] }, { "id": "orange-1200-dark", "name": "Orange 1200 Dark", "value": "#FFAD2D", "aliases": [] }, { "id": "orange-1300-dark", "name": "Orange 1300 Dark", "value": "#FFC974", "aliases": [] }, { "id": "orange-1400-dark", "name": "Orange 1400 Dark", "value": "#FFE1B2", "aliases": [] }, { "id": "orange-1500-dark", "name": "Orange 1500 Dark", "value": "#FFF3E1", "aliases": [] }, { "id": "orange-1600-dark", "name": "Orange 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "yellow-100", "name": "Yellow 100", "value": "#FFF8CC", "aliases": [] }, { "id": "yellow-200", "name": "Yellow 200", "value": "#FFF197", "aliases": [] }, { "id": "yellow-300", "name": "Yellow 300", "value": "#FFDE2C", "aliases": [] }, { "id": "yellow-400", "name": "Yellow 400", "value": "#F5C700", "aliases": [] }, { "id": "yellow-500", "name": "Yellow 500", "value": "#E6AF00", "aliases": [] }, { "id": "yellow-600", "name": "Yellow 600", "value": "#D29500", "aliases": [] }, { "id": "yellow-700", "name": "Yellow 700", "value": "#C18300", "aliases": [] }, { "id": "yellow-800", "name": "Yellow 800", "value": "#AF7400", "aliases": [] }, { "id": "yellow-900", "name": "Yellow 900", "value": "#9E6600", "description": "Yellow at AA-readable stop.", "aliases": [] }, { "id": "yellow-1000", "name": "Yellow 1000", "value": "#865500", "aliases": [] }, { "id": "yellow-1100", "name": "Yellow 1100", "value": "#724800", "aliases": [] }, { "id": "yellow-1200", "name": "Yellow 1200", "value": "#5D3B00", "aliases": [] }, { "id": "yellow-1300", "name": "Yellow 1300", "value": "#4B2F00", "aliases": [] }, { "id": "yellow-1400", "name": "Yellow 1400", "value": "#382300", "aliases": [] }, { "id": "yellow-1500", "name": "Yellow 1500", "value": "#281900", "aliases": [] }, { "id": "yellow-1600", "name": "Yellow 1600", "value": "#120B00", "aliases": [] }, { "id": "yellow-100-dark", "name": "Yellow 100 Dark", "value": "#251700", "aliases": [] }, { "id": "yellow-200-dark", "name": "Yellow 200 Dark", "value": "#2F1D00", "aliases": [] }, { "id": "yellow-300-dark", "name": "Yellow 300 Dark", "value": "#3D2700", "aliases": [] }, { "id": "yellow-400-dark", "name": "Yellow 400 Dark", "value": "#533400", "aliases": [] }, { "id": "yellow-500-dark", "name": "Yellow 500 Dark", "value": "#6B4300", "aliases": [] }, { "id": "yellow-600-dark", "name": "Yellow 600 Dark", "value": "#825200", "aliases": [] }, { "id": "yellow-700-dark", "name": "Yellow 700 Dark", "value": "#976100", "aliases": [] }, { "id": "yellow-800-dark", "name": "Yellow 800 Dark", "value": "#A46A00", "aliases": [] }, { "id": "yellow-900-dark", "name": "Yellow 900 Dark", "value": "#BA7C00", "aliases": [] }, { "id": "yellow-1000-dark", "name": "Yellow 1000 Dark", "value": "#CB8D00", "aliases": [] }, { "id": "yellow-1100-dark", "name": "Yellow 1100 Dark", "value": "#DA9F00", "aliases": [] }, { "id": "yellow-1200-dark", "name": "Yellow 1200 Dark", "value": "#EBB700", "aliases": [] }, { "id": "yellow-1300-dark", "name": "Yellow 1300 Dark", "value": "#F9CE00", "aliases": [] }, { "id": "yellow-1400-dark", "name": "Yellow 1400 Dark", "value": "#FFE656", "aliases": [] }, { "id": "yellow-1500-dark", "name": "Yellow 1500 Dark", "value": "#FFF6C3", "aliases": [] }, { "id": "yellow-1600-dark", "name": "Yellow 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "chartreuse-100", "name": "Chartreuse 100", "value": "#F6FBDE", "aliases": [] }, { "id": "chartreuse-200", "name": "Chartreuse 200", "value": "#EAF6AD", "aliases": [] }, { "id": "chartreuse-300", "name": "Chartreuse 300", "value": "#D0EC46", "aliases": [] }, { "id": "chartreuse-400", "name": "Chartreuse 400", "value": "#B6DB00", "aliases": [] }, { "id": "chartreuse-500", "name": "Chartreuse 500", "value": "#A3C400", "aliases": [] }, { "id": "chartreuse-600", "name": "Chartreuse 600", "value": "#8FAC00", "aliases": [] }, { "id": "chartreuse-700", "name": "Chartreuse 700", "value": "#809900", "aliases": [] }, { "id": "chartreuse-800", "name": "Chartreuse 800", "value": "#728900", "aliases": [] }, { "id": "chartreuse-900", "name": "Chartreuse 900", "value": "#667A00", "aliases": [] }, { "id": "chartreuse-1000", "name": "Chartreuse 1000", "value": "#566700", "aliases": [] }, { "id": "chartreuse-1100", "name": "Chartreuse 1100", "value": "#495700", "aliases": [] }, { "id": "chartreuse-1200", "name": "Chartreuse 1200", "value": "#3C4700", "aliases": [] }, { "id": "chartreuse-1300", "name": "Chartreuse 1300", "value": "#2F3900", "aliases": [] }, { "id": "chartreuse-1400", "name": "Chartreuse 1400", "value": "#232B00", "aliases": [] }, { "id": "chartreuse-1500", "name": "Chartreuse 1500", "value": "#191E00", "aliases": [] }, { "id": "chartreuse-1600", "name": "Chartreuse 1600", "value": "#0B0E00", "aliases": [] }, { "id": "chartreuse-100-dark", "name": "Chartreuse 100 Dark", "value": "#171C00", "aliases": [] }, { "id": "chartreuse-200-dark", "name": "Chartreuse 200 Dark", "value": "#1E2400", "aliases": [] }, { "id": "chartreuse-300-dark", "name": "Chartreuse 300 Dark", "value": "#272F00", "aliases": [] }, { "id": "chartreuse-400-dark", "name": "Chartreuse 400 Dark", "value": "#353F00", "aliases": [] }, { "id": "chartreuse-500-dark", "name": "Chartreuse 500 Dark", "value": "#445200", "aliases": [] }, { "id": "chartreuse-600-dark", "name": "Chartreuse 600 Dark", "value": "#536400", "aliases": [] }, { "id": "chartreuse-700-dark", "name": "Chartreuse 700 Dark", "value": "#617400", "aliases": [] }, { "id": "chartreuse-800-dark", "name": "Chartreuse 800 Dark", "value": "#6A7F00", "aliases": [] }, { "id": "chartreuse-900-dark", "name": "Chartreuse 900 Dark", "value": "#7A9300", "aliases": [] }, { "id": "chartreuse-1000-dark", "name": "Chartreuse 1000 Dark", "value": "#88A400", "aliases": [] }, { "id": "chartreuse-1100-dark", "name": "Chartreuse 1100 Dark", "value": "#97B500", "aliases": [] }, { "id": "chartreuse-1200-dark", "name": "Chartreuse 1200 Dark", "value": "#A9CB00", "aliases": [] }, { "id": "chartreuse-1300-dark", "name": "Chartreuse 1300 Dark", "value": "#BBE100", "aliases": [] }, { "id": "chartreuse-1400-dark", "name": "Chartreuse 1400 Dark", "value": "#DBF075", "aliases": [] }, { "id": "chartreuse-1500-dark", "name": "Chartreuse 1500 Dark", "value": "#F2F9CE", "aliases": [] }, { "id": "chartreuse-1600-dark", "name": "Chartreuse 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "celery-100", "name": "Celery 100", "value": "#EBFFDC", "aliases": [] }, { "id": "celery-200", "name": "Celery 200", "value": "#C5FF9C", "aliases": [] }, { "id": "celery-300", "name": "Celery 300", "value": "#9DF75C", "aliases": [] }, { "id": "celery-400", "name": "Celery 400", "value": "#81E43A", "aliases": [] }, { "id": "celery-500", "name": "Celery 500", "value": "#6ECE2A", "aliases": [] }, { "id": "celery-600", "name": "Celery 600", "value": "#5DB41F", "aliases": [] }, { "id": "celery-700", "name": "Celery 700", "value": "#52A119", "aliases": [] }, { "id": "celery-800", "name": "Celery 800", "value": "#489014", "aliases": [] }, { "id": "celery-900", "name": "Celery 900", "value": "#408111", "aliases": [] }, { "id": "celery-1000", "name": "Celery 1000", "value": "#346D0C", "aliases": [] }, { "id": "celery-1100", "name": "Celery 1100", "value": "#2C5C09", "aliases": [] }, { "id": "celery-1200", "name": "Celery 1200", "value": "#234B06", "aliases": [] }, { "id": "celery-1300", "name": "Celery 1300", "value": "#1B3C03", "aliases": [] }, { "id": "celery-1400", "name": "Celery 1400", "value": "#132E00", "aliases": [] }, { "id": "celery-1500", "name": "Celery 1500", "value": "#0C2100", "aliases": [] }, { "id": "celery-1600", "name": "Celery 1600", "value": "#040F00", "aliases": [] }, { "id": "celery-100-dark", "name": "Celery 100 Dark", "value": "#0B1F00", "aliases": [] }, { "id": "celery-200-dark", "name": "Celery 200 Dark", "value": "#0F2600", "aliases": [] }, { "id": "celery-300-dark", "name": "Celery 300 Dark", "value": "#153301", "aliases": [] }, { "id": "celery-400-dark", "name": "Celery 400 Dark", "value": "#1F4304", "aliases": [] }, { "id": "celery-500-dark", "name": "Celery 500 Dark", "value": "#295608", "aliases": [] }, { "id": "celery-600-dark", "name": "Celery 600 Dark", "value": "#32690B", "aliases": [] }, { "id": "celery-700-dark", "name": "Celery 700 Dark", "value": "#3C7A0F", "aliases": [] }, { "id": "celery-800-dark", "name": "Celery 800 Dark", "value": "#428612", "aliases": [] }, { "id": "celery-900-dark", "name": "Celery 900 Dark", "value": "#4E9A17", "aliases": [] }, { "id": "celery-1000-dark", "name": "Celery 1000 Dark", "value": "#58AC1C", "aliases": [] }, { "id": "celery-1100-dark", "name": "Celery 1100 Dark", "value": "#64BE23", "aliases": [] }, { "id": "celery-1200-dark", "name": "Celery 1200 Dark", "value": "#74D52E", "aliases": [] }, { "id": "celery-1300-dark", "name": "Celery 1300 Dark", "value": "#88EA41", "aliases": [] }, { "id": "celery-1400-dark", "name": "Celery 1400 Dark", "value": "#AAFB70", "aliases": [] }, { "id": "celery-1500-dark", "name": "Celery 1500 Dark", "value": "#DEFFC6", "aliases": [] }, { "id": "celery-1600-dark", "name": "Celery 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "green-100", "name": "Green 100", "value": "#EDFCF1", "aliases": [] }, { "id": "green-200", "name": "Green 200", "value": "#D7F7E1", "aliases": [] }, { "id": "green-300", "name": "Green 300", "value": "#ADEEC5", "aliases": [] }, { "id": "green-400", "name": "Green 400", "value": "#6BE3A2", "aliases": [] }, { "id": "green-500", "name": "Green 500", "value": "#2BD17D", "aliases": [] }, { "id": "green-600", "name": "Green 600", "value": "#12B867", "aliases": [] }, { "id": "green-700", "name": "Green 700", "value": "#0BA45D", "aliases": [] }, { "id": "green-800", "name": "Green 800", "value": "#079355", "aliases": [] }, { "id": "green-900", "name": "Green 900", "value": "#05834E", "description": "Spectrum positive semantic color (light).", "aliases": [] }, { "id": "green-1000", "name": "Green 1000", "value": "#036E45", "aliases": [] }, { "id": "green-1100", "name": "Green 1100", "value": "#025D3C", "aliases": [] }, { "id": "green-1200", "name": "Green 1200", "value": "#014C34", "aliases": [] }, { "id": "green-1300", "name": "Green 1300", "value": "#003D2C", "aliases": [] }, { "id": "green-1400", "name": "Green 1400", "value": "#002E22", "aliases": [] }, { "id": "green-1500", "name": "Green 1500", "value": "#002119", "aliases": [] }, { "id": "green-1600", "name": "Green 1600", "value": "#000F0C", "aliases": [] }, { "id": "green-100-dark", "name": "Green 100 Dark", "value": "#001E17", "aliases": [] }, { "id": "green-200-dark", "name": "Green 200 Dark", "value": "#00261D", "aliases": [] }, { "id": "green-300-dark", "name": "Green 300 Dark", "value": "#003326", "aliases": [] }, { "id": "green-400-dark", "name": "Green 400 Dark", "value": "#004430", "aliases": [] }, { "id": "green-500-dark", "name": "Green 500 Dark", "value": "#02573A", "aliases": [] }, { "id": "green-600-dark", "name": "Green 600 Dark", "value": "#036A43", "aliases": [] }, { "id": "green-700-dark", "name": "Green 700 Dark", "value": "#047C4B", "aliases": [] }, { "id": "green-800-dark", "name": "Green 800 Dark", "value": "#068850", "aliases": [] }, { "id": "green-900-dark", "name": "Green 900 Dark", "value": "#099D59", "description": "Spectrum positive — dark mode.", "aliases": [] }, { "id": "green-1000-dark", "name": "Green 1000 Dark", "value": "#0EAF62", "aliases": [] }, { "id": "green-1100-dark", "name": "Green 1100 Dark", "value": "#18C16E", "aliases": [] }, { "id": "green-1200-dark", "name": "Green 1200 Dark", "value": "#39D786", "aliases": [] }, { "id": "green-1300-dark", "name": "Green 1300 Dark", "value": "#7EE7AC", "aliases": [] }, { "id": "green-1400-dark", "name": "Green 1400 Dark", "value": "#BDF1D0", "aliases": [] }, { "id": "green-1500-dark", "name": "Green 1500 Dark", "value": "#E5FAEC", "aliases": [] }, { "id": "green-1600-dark", "name": "Green 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "seafoam-100", "name": "Seafoam 100", "value": "#EBFBF6", "aliases": [] }, { "id": "seafoam-200", "name": "Seafoam 200", "value": "#D3F6EA", "aliases": [] }, { "id": "seafoam-300", "name": "Seafoam 300", "value": "#A9EDD8", "aliases": [] }, { "id": "seafoam-400", "name": "Seafoam 400", "value": "#5CE1C2", "aliases": [] }, { "id": "seafoam-500", "name": "Seafoam 500", "value": "#10CFA9", "aliases": [] }, { "id": "seafoam-600", "name": "Seafoam 600", "value": "#0DB595", "aliases": [] }, { "id": "seafoam-700", "name": "Seafoam 700", "value": "#0BA286", "aliases": [] }, { "id": "seafoam-800", "name": "Seafoam 800", "value": "#099078", "aliases": [] }, { "id": "seafoam-900", "name": "Seafoam 900", "value": "#07816D", "description": "Seafoam accent anchor.", "aliases": [] }, { "id": "seafoam-1000", "name": "Seafoam 1000", "value": "#056C5C", "aliases": [] }, { "id": "seafoam-1100", "name": "Seafoam 1100", "value": "#035C50", "aliases": [] }, { "id": "seafoam-1200", "name": "Seafoam 1200", "value": "#014B43", "aliases": [] }, { "id": "seafoam-1300", "name": "Seafoam 1300", "value": "#003C36", "aliases": [] }, { "id": "seafoam-1400", "name": "Seafoam 1400", "value": "#002E28", "aliases": [] }, { "id": "seafoam-1500", "name": "Seafoam 1500", "value": "#00211D", "aliases": [] }, { "id": "seafoam-1600", "name": "Seafoam 1600", "value": "#000F0E", "aliases": [] }, { "id": "seafoam-100-dark", "name": "Seafoam 100 Dark", "value": "#001E1B", "aliases": [] }, { "id": "seafoam-200-dark", "name": "Seafoam 200 Dark", "value": "#002723", "aliases": [] }, { "id": "seafoam-300-dark", "name": "Seafoam 300 Dark", "value": "#00322C", "aliases": [] }, { "id": "seafoam-400-dark", "name": "Seafoam 400 Dark", "value": "#00433B", "aliases": [] }, { "id": "seafoam-500-dark", "name": "Seafoam 500 Dark", "value": "#02564B", "aliases": [] }, { "id": "seafoam-600-dark", "name": "Seafoam 600 Dark", "value": "#046959", "aliases": [] }, { "id": "seafoam-700-dark", "name": "Seafoam 700 Dark", "value": "#067A67", "aliases": [] }, { "id": "seafoam-800-dark", "name": "Seafoam 800 Dark", "value": "#088670", "aliases": [] }, { "id": "seafoam-900-dark", "name": "Seafoam 900 Dark", "value": "#0A9A80", "aliases": [] }, { "id": "seafoam-1000-dark", "name": "Seafoam 1000 Dark", "value": "#0CAD8E", "aliases": [] }, { "id": "seafoam-1100-dark", "name": "Seafoam 1100 Dark", "value": "#0EBE9C", "aliases": [] }, { "id": "seafoam-1200-dark", "name": "Seafoam 1200 Dark", "value": "#1DD6B0", "aliases": [] }, { "id": "seafoam-1300-dark", "name": "Seafoam 1300 Dark", "value": "#7AE5CB", "aliases": [] }, { "id": "seafoam-1400-dark", "name": "Seafoam 1400 Dark", "value": "#BAF1DE", "aliases": [] }, { "id": "seafoam-1500-dark", "name": "Seafoam 1500 Dark", "value": "#E5F9F3", "aliases": [] }, { "id": "seafoam-1600-dark", "name": "Seafoam 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "cyan-100", "name": "Cyan 100", "value": "#EEFAFE", "aliases": [] }, { "id": "cyan-200", "name": "Cyan 200", "value": "#D9F4FD", "aliases": [] }, { "id": "cyan-300", "name": "Cyan 300", "value": "#B7E7FC", "aliases": [] }, { "id": "cyan-400", "name": "Cyan 400", "value": "#8AD5FF", "aliases": [] }, { "id": "cyan-500", "name": "Cyan 500", "value": "#5CC0FF", "aliases": [] }, { "id": "cyan-600", "name": "Cyan 600", "value": "#30A7FE", "aliases": [] }, { "id": "cyan-700", "name": "Cyan 700", "value": "#1D95E7", "aliases": [] }, { "id": "cyan-800", "name": "Cyan 800", "value": "#1286CD", "aliases": [] }, { "id": "cyan-900", "name": "Cyan 900", "value": "#0B78B3", "aliases": [] }, { "id": "cyan-1000", "name": "Cyan 1000", "value": "#046691", "aliases": [] }, { "id": "cyan-1100", "name": "Cyan 1100", "value": "#005779", "aliases": [] }, { "id": "cyan-1200", "name": "Cyan 1200", "value": "#004762", "aliases": [] }, { "id": "cyan-1300", "name": "Cyan 1300", "value": "#00394E", "aliases": [] }, { "id": "cyan-1400", "name": "Cyan 1400", "value": "#002B3B", "aliases": [] }, { "id": "cyan-1500", "name": "Cyan 1500", "value": "#001F2B", "aliases": [] }, { "id": "cyan-1600", "name": "Cyan 1600", "value": "#000E14", "aliases": [] }, { "id": "cyan-100-dark", "name": "Cyan 100 Dark", "value": "#001D27", "aliases": [] }, { "id": "cyan-200-dark", "name": "Cyan 200 Dark", "value": "#002431", "aliases": [] }, { "id": "cyan-300-dark", "name": "Cyan 300 Dark", "value": "#003041", "aliases": [] }, { "id": "cyan-400-dark", "name": "Cyan 400 Dark", "value": "#004058", "aliases": [] }, { "id": "cyan-500-dark", "name": "Cyan 500 Dark", "value": "#005271", "aliases": [] }, { "id": "cyan-600-dark", "name": "Cyan 600 Dark", "value": "#03638C", "aliases": [] }, { "id": "cyan-700-dark", "name": "Cyan 700 Dark", "value": "#0873A8", "aliases": [] }, { "id": "cyan-800-dark", "name": "Cyan 800 Dark", "value": "#0D7DBA", "aliases": [] }, { "id": "cyan-900-dark", "name": "Cyan 900 Dark", "value": "#188EDC", "aliases": [] }, { "id": "cyan-1000-dark", "name": "Cyan 1000 Dark", "value": "#269FF4", "aliases": [] }, { "id": "cyan-1100-dark", "name": "Cyan 1100 Dark", "value": "#3FB1FF", "aliases": [] }, { "id": "cyan-1200-dark", "name": "Cyan 1200 Dark", "value": "#6BC7FF", "aliases": [] }, { "id": "cyan-1300-dark", "name": "Cyan 1300 Dark", "value": "#98DBFF", "aliases": [] }, { "id": "cyan-1400-dark", "name": "Cyan 1400 Dark", "value": "#C3ECFC", "aliases": [] }, { "id": "cyan-1500-dark", "name": "Cyan 1500 Dark", "value": "#E6F8FD", "aliases": [] }, { "id": "cyan-1600-dark", "name": "Cyan 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "indigo-100", "name": "Indigo 100", "value": "#F7F8FF", "aliases": [] }, { "id": "indigo-200", "name": "Indigo 200", "value": "#EBEEFF", "aliases": [] }, { "id": "indigo-300", "name": "Indigo 300", "value": "#D8DEFF", "aliases": [] }, { "id": "indigo-400", "name": "Indigo 400", "value": "#C0C9FF", "aliases": [] }, { "id": "indigo-500", "name": "Indigo 500", "value": "#A7B2FF", "aliases": [] }, { "id": "indigo-600", "name": "Indigo 600", "value": "#9197FE", "aliases": [] }, { "id": "indigo-700", "name": "Indigo 700", "value": "#8480FE", "aliases": [] }, { "id": "indigo-800", "name": "Indigo 800", "value": "#7A6AFD", "aliases": [] }, { "id": "indigo-900", "name": "Indigo 900", "value": "#7155FA", "description": "Indigo accent anchor used in marketing/illustration.", "aliases": [] }, { "id": "indigo-1000", "name": "Indigo 1000", "value": "#6338EE", "aliases": [] }, { "id": "indigo-1100", "name": "Indigo 1100", "value": "#5424DB", "aliases": [] }, { "id": "indigo-1200", "name": "Indigo 1200", "value": "#4513BF", "aliases": [] }, { "id": "indigo-1300", "name": "Indigo 1300", "value": "#3706A0", "aliases": [] }, { "id": "indigo-1400", "name": "Indigo 1400", "value": "#2A0081", "aliases": [] }, { "id": "indigo-1500", "name": "Indigo 1500", "value": "#1F0062", "aliases": [] }, { "id": "indigo-1600", "name": "Indigo 1600", "value": "#110036", "aliases": [] }, { "id": "indigo-100-dark", "name": "Indigo 100 Dark", "value": "#1E005D", "aliases": [] }, { "id": "indigo-200-dark", "name": "Indigo 200 Dark", "value": "#23006E", "aliases": [] }, { "id": "indigo-300-dark", "name": "Indigo 300 Dark", "value": "#2F008C", "aliases": [] }, { "id": "indigo-400-dark", "name": "Indigo 400 Dark", "value": "#3E0CAE", "aliases": [] }, { "id": "indigo-500-dark", "name": "Indigo 500 Dark", "value": "#4F1ED1", "aliases": [] }, { "id": "indigo-600-dark", "name": "Indigo 600 Dark", "value": "#5F34EB", "aliases": [] }, { "id": "indigo-700-dark", "name": "Indigo 700 Dark", "value": "#6D4BF8", "aliases": [] }, { "id": "indigo-800-dark", "name": "Indigo 800 Dark", "value": "#745BFC", "aliases": [] }, { "id": "indigo-900-dark", "name": "Indigo 900 Dark", "value": "#8077FE", "aliases": [] }, { "id": "indigo-1000-dark", "name": "Indigo 1000 Dark", "value": "#8B8DFE", "aliases": [] }, { "id": "indigo-1100-dark", "name": "Indigo 1100 Dark", "value": "#99A1FF", "aliases": [] }, { "id": "indigo-1200-dark", "name": "Indigo 1200 Dark", "value": "#B0BAFF", "aliases": [] }, { "id": "indigo-1300-dark", "name": "Indigo 1300 Dark", "value": "#C7D0FF", "aliases": [] }, { "id": "indigo-1400-dark", "name": "Indigo 1400 Dark", "value": "#DFE4FF", "aliases": [] }, { "id": "indigo-1500-dark", "name": "Indigo 1500 Dark", "value": "#F3F4FF", "aliases": [] }, { "id": "indigo-1600-dark", "name": "Indigo 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "purple-100", "name": "Purple 100", "value": "#FBF7FE", "aliases": [] }, { "id": "purple-200", "name": "Purple 200", "value": "#F4EBFC", "aliases": [] }, { "id": "purple-300", "name": "Purple 300", "value": "#EBDAF9", "aliases": [] }, { "id": "purple-400", "name": "Purple 400", "value": "#DDC1F6", "aliases": [] }, { "id": "purple-500", "name": "Purple 500", "value": "#D0A7F3", "aliases": [] }, { "id": "purple-600", "name": "Purple 600", "value": "#BF8AEE", "aliases": [] }, { "id": "purple-700", "name": "Purple 700", "value": "#B272EB", "aliases": [] }, { "id": "purple-800", "name": "Purple 800", "value": "#A65CE7", "aliases": [] }, { "id": "purple-900", "name": "Purple 900", "value": "#9A47E2", "description": "Purple accent anchor.", "aliases": [] }, { "id": "purple-1000", "name": "Purple 1000", "value": "#8628D9", "aliases": [] }, { "id": "purple-1100", "name": "Purple 1100", "value": "#730DCC", "aliases": [] }, { "id": "purple-1200", "name": "Purple 1200", "value": "#5D00B1", "aliases": [] }, { "id": "purple-1300", "name": "Purple 1300", "value": "#4B0090", "aliases": [] }, { "id": "purple-1400", "name": "Purple 1400", "value": "#3B006F", "aliases": [] }, { "id": "purple-1500", "name": "Purple 1500", "value": "#2C0054", "aliases": [] }, { "id": "purple-1600", "name": "Purple 1600", "value": "#17002D", "aliases": [] }, { "id": "purple-100-dark", "name": "Purple 100 Dark", "value": "#29004F", "aliases": [] }, { "id": "purple-200-dark", "name": "Purple 200 Dark", "value": "#320060", "aliases": [] }, { "id": "purple-300-dark", "name": "Purple 300 Dark", "value": "#40007A", "aliases": [] }, { "id": "purple-400-dark", "name": "Purple 400 Dark", "value": "#53009F", "aliases": [] }, { "id": "purple-500-dark", "name": "Purple 500 Dark", "value": "#6B06C3", "aliases": [] }, { "id": "purple-600-dark", "name": "Purple 600 Dark", "value": "#8222D7", "aliases": [] }, { "id": "purple-700-dark", "name": "Purple 700 Dark", "value": "#943EE0", "aliases": [] }, { "id": "purple-800-dark", "name": "Purple 800 Dark", "value": "#9D4EE4", "aliases": [] }, { "id": "purple-900-dark", "name": "Purple 900 Dark", "value": "#AD69E9", "aliases": [] }, { "id": "purple-1000-dark", "name": "Purple 1000 Dark", "value": "#BA7FED", "aliases": [] }, { "id": "purple-1100-dark", "name": "Purple 1100 Dark", "value": "#C595F0", "aliases": [] }, { "id": "purple-1200-dark", "name": "Purple 1200 Dark", "value": "#D4B0F4", "aliases": [] }, { "id": "purple-1300-dark", "name": "Purple 1300 Dark", "value": "#E1C9F7", "aliases": [] }, { "id": "purple-1400-dark", "name": "Purple 1400 Dark", "value": "#EEE0FA", "aliases": [] }, { "id": "purple-1500-dark", "name": "Purple 1500 Dark", "value": "#F8F3FD", "aliases": [] }, { "id": "purple-1600-dark", "name": "Purple 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "fuchsia-100", "name": "Fuchsia 100", "value": "#FEF6FF", "aliases": [] }, { "id": "fuchsia-200", "name": "Fuchsia 200", "value": "#FDE9FF", "aliases": [] }, { "id": "fuchsia-300", "name": "Fuchsia 300", "value": "#FAD3FF", "aliases": [] }, { "id": "fuchsia-400", "name": "Fuchsia 400", "value": "#F7B5FF", "aliases": [] }, { "id": "fuchsia-500", "name": "Fuchsia 500", "value": "#F393FF", "aliases": [] }, { "id": "fuchsia-600", "name": "Fuchsia 600", "value": "#EC69FF", "aliases": [] }, { "id": "fuchsia-700", "name": "Fuchsia 700", "value": "#DF4DF5", "aliases": [] }, { "id": "fuchsia-800", "name": "Fuchsia 800", "value": "#C844DC", "aliases": [] }, { "id": "fuchsia-900", "name": "Fuchsia 900", "value": "#B539C8", "aliases": [] }, { "id": "fuchsia-1000", "name": "Fuchsia 1000", "value": "#9C28AF", "aliases": [] }, { "id": "fuchsia-1100", "name": "Fuchsia 1100", "value": "#871B9A", "aliases": [] }, { "id": "fuchsia-1200", "name": "Fuchsia 1200", "value": "#710F83", "aliases": [] }, { "id": "fuchsia-1300", "name": "Fuchsia 1300", "value": "#5C046D", "aliases": [] }, { "id": "fuchsia-1400", "name": "Fuchsia 1400", "value": "#480058", "aliases": [] }, { "id": "fuchsia-1500", "name": "Fuchsia 1500", "value": "#360042", "aliases": [] }, { "id": "fuchsia-1600", "name": "Fuchsia 1600", "value": "#1D0023", "aliases": [] }, { "id": "fuchsia-100-dark", "name": "Fuchsia 100 Dark", "value": "#32003D", "aliases": [] }, { "id": "fuchsia-200-dark", "name": "Fuchsia 200 Dark", "value": "#3D004A", "aliases": [] }, { "id": "fuchsia-300-dark", "name": "Fuchsia 300 Dark", "value": "#4F005F", "aliases": [] }, { "id": "fuchsia-400-dark", "name": "Fuchsia 400 Dark", "value": "#660978", "aliases": [] }, { "id": "fuchsia-500-dark", "name": "Fuchsia 500 Dark", "value": "#7F1792", "aliases": [] }, { "id": "fuchsia-600-dark", "name": "Fuchsia 600 Dark", "value": "#9726AA", "aliases": [] }, { "id": "fuchsia-700-dark", "name": "Fuchsia 700 Dark", "value": "#AD33C0", "aliases": [] }, { "id": "fuchsia-800-dark", "name": "Fuchsia 800 Dark", "value": "#BA3CCE", "aliases": [] }, { "id": "fuchsia-900-dark", "name": "Fuchsia 900 Dark", "value": "#D549EB", "aliases": [] }, { "id": "fuchsia-1000-dark", "name": "Fuchsia 1000 Dark", "value": "#E85BFD", "aliases": [] }, { "id": "fuchsia-1100-dark", "name": "Fuchsia 1100 Dark", "value": "#F07AFF", "aliases": [] }, { "id": "fuchsia-1200-dark", "name": "Fuchsia 1200 Dark", "value": "#F59FFF", "aliases": [] }, { "id": "fuchsia-1300-dark", "name": "Fuchsia 1300 Dark", "value": "#F8BFFF", "aliases": [] }, { "id": "fuchsia-1400-dark", "name": "Fuchsia 1400 Dark", "value": "#FBDBFF", "aliases": [] }, { "id": "fuchsia-1500-dark", "name": "Fuchsia 1500 Dark", "value": "#FDF1FF", "aliases": [] }, { "id": "fuchsia-1600-dark", "name": "Fuchsia 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "magenta-100", "name": "Magenta 100", "value": "#FFF5F8", "aliases": [] }, { "id": "magenta-200", "name": "Magenta 200", "value": "#FFE8F0", "aliases": [] }, { "id": "magenta-300", "name": "Magenta 300", "value": "#FFD5E3", "aliases": [] }, { "id": "magenta-400", "name": "Magenta 400", "value": "#FFB9D0", "aliases": [] }, { "id": "magenta-500", "name": "Magenta 500", "value": "#FF98BB", "aliases": [] }, { "id": "magenta-600", "name": "Magenta 600", "value": "#FF709F", "aliases": [] }, { "id": "magenta-700", "name": "Magenta 700", "value": "#FF4885", "aliases": [] }, { "id": "magenta-800", "name": "Magenta 800", "value": "#F02D6E", "aliases": [] }, { "id": "magenta-900", "name": "Magenta 900", "value": "#D92361", "description": "Magenta accent anchor.", "aliases": [] }, { "id": "magenta-1000", "name": "Magenta 1000", "value": "#BA1650", "aliases": [] }, { "id": "magenta-1100", "name": "Magenta 1100", "value": "#A3053E", "aliases": [] }, { "id": "magenta-1200", "name": "Magenta 1200", "value": "#880033", "aliases": [] }, { "id": "magenta-1300", "name": "Magenta 1300", "value": "#6F0028", "aliases": [] }, { "id": "magenta-1400", "name": "Magenta 1400", "value": "#56001E", "aliases": [] }, { "id": "magenta-1500", "name": "Magenta 1500", "value": "#400016", "aliases": [] }, { "id": "magenta-1600", "name": "Magenta 1600", "value": "#23000C", "aliases": [] }, { "id": "magenta-100-dark", "name": "Magenta 100 Dark", "value": "#3B0016", "aliases": [] }, { "id": "magenta-200-dark", "name": "Magenta 200 Dark", "value": "#4A001B", "aliases": [] }, { "id": "magenta-300-dark", "name": "Magenta 300 Dark", "value": "#5D0022", "aliases": [] }, { "id": "magenta-400-dark", "name": "Magenta 400 Dark", "value": "#7B002D", "aliases": [] }, { "id": "magenta-500-dark", "name": "Magenta 500 Dark", "value": "#98073C", "aliases": [] }, { "id": "magenta-600-dark", "name": "Magenta 600 Dark", "value": "#B5134C", "aliases": [] }, { "id": "magenta-700-dark", "name": "Magenta 700 Dark", "value": "#CF1F5C", "aliases": [] }, { "id": "magenta-800-dark", "name": "Magenta 800 Dark", "value": "#E02665", "aliases": [] }, { "id": "magenta-900-dark", "name": "Magenta 900 Dark", "value": "#FF3377", "aliases": [] }, { "id": "magenta-1000-dark", "name": "Magenta 1000 Dark", "value": "#FF6095", "aliases": [] }, { "id": "magenta-1100-dark", "name": "Magenta 1100 Dark", "value": "#FF80AB", "aliases": [] }, { "id": "magenta-1200-dark", "name": "Magenta 1200 Dark", "value": "#FFA3C2", "aliases": [] }, { "id": "magenta-1300-dark", "name": "Magenta 1300 Dark", "value": "#FFC1D6", "aliases": [] }, { "id": "magenta-1400-dark", "name": "Magenta 1400 Dark", "value": "#FFDCE8", "aliases": [] }, { "id": "magenta-1500-dark", "name": "Magenta 1500 Dark", "value": "#FFF1F6", "aliases": [] }, { "id": "magenta-1600-dark", "name": "Magenta 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "pink-100", "name": "Pink 100", "value": "#FFF6FC", "aliases": [] }, { "id": "pink-200", "name": "Pink 200", "value": "#FFE8F7", "aliases": [] }, { "id": "pink-300", "name": "Pink 300", "value": "#FFD3F0", "aliases": [] }, { "id": "pink-400", "name": "Pink 400", "value": "#FFB5E6", "aliases": [] }, { "id": "pink-500", "name": "Pink 500", "value": "#FF94DB", "aliases": [] }, { "id": "pink-600", "name": "Pink 600", "value": "#FF67CC", "aliases": [] }, { "id": "pink-700", "name": "Pink 700", "value": "#F24CB8", "aliases": [] }, { "id": "pink-800", "name": "Pink 800", "value": "#E434A3", "aliases": [] }, { "id": "pink-900", "name": "Pink 900", "value": "#CE2A92", "aliases": [] }, { "id": "pink-1000", "name": "Pink 1000", "value": "#B01F7B", "aliases": [] }, { "id": "pink-1100", "name": "Pink 1100", "value": "#981668", "aliases": [] }, { "id": "pink-1200", "name": "Pink 1200", "value": "#800C55", "aliases": [] }, { "id": "pink-1300", "name": "Pink 1300", "value": "#690344", "aliases": [] }, { "id": "pink-1400", "name": "Pink 1400", "value": "#530035", "aliases": [] }, { "id": "pink-1500", "name": "Pink 1500", "value": "#3E0027", "aliases": [] }, { "id": "pink-1600", "name": "Pink 1600", "value": "#210015", "aliases": [] }, { "id": "pink-100-dark", "name": "Pink 100 Dark", "value": "#3A0025", "aliases": [] }, { "id": "pink-200-dark", "name": "Pink 200 Dark", "value": "#47002C", "aliases": [] }, { "id": "pink-300-dark", "name": "Pink 300 Dark", "value": "#5A0039", "aliases": [] }, { "id": "pink-400-dark", "name": "Pink 400 Dark", "value": "#73074B", "aliases": [] }, { "id": "pink-500-dark", "name": "Pink 500 Dark", "value": "#8F1261", "aliases": [] }, { "id": "pink-600-dark", "name": "Pink 600 Dark", "value": "#AB1D77", "aliases": [] }, { "id": "pink-700-dark", "name": "Pink 700 Dark", "value": "#C4278A", "aliases": [] }, { "id": "pink-800-dark", "name": "Pink 800 Dark", "value": "#D52D97", "aliases": [] }, { "id": "pink-900-dark", "name": "Pink 900 Dark", "value": "#EC43AF", "aliases": [] }, { "id": "pink-1000-dark", "name": "Pink 1000 Dark", "value": "#FB5AC4", "aliases": [] }, { "id": "pink-1100-dark", "name": "Pink 1100 Dark", "value": "#FF7AD2", "aliases": [] }, { "id": "pink-1200-dark", "name": "Pink 1200 Dark", "value": "#FF9FDF", "aliases": [] }, { "id": "pink-1300-dark", "name": "Pink 1300 Dark", "value": "#FFBFEA", "aliases": [] }, { "id": "pink-1400-dark", "name": "Pink 1400 Dark", "value": "#FFDBF3", "aliases": [] }, { "id": "pink-1500-dark", "name": "Pink 1500 Dark", "value": "#FFF1FA", "aliases": [] }, { "id": "pink-1600-dark", "name": "Pink 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "brown-100", "name": "Brown 100", "value": "#FCF7F2", "aliases": [] }, { "id": "brown-200", "name": "Brown 200", "value": "#F7EEE1", "aliases": [] }, { "id": "brown-300", "name": "Brown 300", "value": "#EFDDC3", "aliases": [] }, { "id": "brown-400", "name": "Brown 400", "value": "#E5C89D", "aliases": [] }, { "id": "brown-500", "name": "Brown 500", "value": "#D6B17B", "aliases": [] }, { "id": "brown-600", "name": "Brown 600", "value": "#BE9B68", "aliases": [] }, { "id": "brown-700", "name": "Brown 700", "value": "#AB8A5A", "aliases": [] }, { "id": "brown-800", "name": "Brown 800", "value": "#9A7B4D", "aliases": [] }, { "id": "brown-900", "name": "Brown 900", "value": "#8B6D42", "aliases": [] }, { "id": "brown-1000", "name": "Brown 1000", "value": "#775B32", "aliases": [] }, { "id": "brown-1100", "name": "Brown 1100", "value": "#674C23", "aliases": [] }, { "id": "brown-1200", "name": "Brown 1200", "value": "#583D15", "aliases": [] }, { "id": "brown-1300", "name": "Brown 1300", "value": "#463111", "aliases": [] }, { "id": "brown-1400", "name": "Brown 1400", "value": "#34250D", "aliases": [] }, { "id": "brown-1500", "name": "Brown 1500", "value": "#261A09", "aliases": [] }, { "id": "brown-1600", "name": "Brown 1600", "value": "#100C04", "aliases": [] }, { "id": "brown-100-dark", "name": "Brown 100 Dark", "value": "#231808", "aliases": [] }, { "id": "brown-200-dark", "name": "Brown 200 Dark", "value": "#2C1F0B", "aliases": [] }, { "id": "brown-300-dark", "name": "Brown 300 Dark", "value": "#3A280E", "aliases": [] }, { "id": "brown-400-dark", "name": "Brown 400 Dark", "value": "#4E3713", "aliases": [] }, { "id": "brown-500-dark", "name": "Brown 500 Dark", "value": "#62471E", "aliases": [] }, { "id": "brown-600-dark", "name": "Brown 600 Dark", "value": "#73582F", "aliases": [] }, { "id": "brown-700-dark", "name": "Brown 700 Dark", "value": "#84683D", "aliases": [] }, { "id": "brown-800-dark", "name": "Brown 800 Dark", "value": "#8F7245", "aliases": [] }, { "id": "brown-900-dark", "name": "Brown 900 Dark", "value": "#A38454", "aliases": [] }, { "id": "brown-1000-dark", "name": "Brown 1000 Dark", "value": "#B59362", "aliases": [] }, { "id": "brown-1100-dark", "name": "Brown 1100 Dark", "value": "#C7A370", "aliases": [] }, { "id": "brown-1200-dark", "name": "Brown 1200 Dark", "value": "#DEB982", "aliases": [] }, { "id": "brown-1300-dark", "name": "Brown 1300 Dark", "value": "#E8CFA9", "aliases": [] }, { "id": "brown-1400-dark", "name": "Brown 1400 Dark", "value": "#F2E3CE", "aliases": [] }, { "id": "brown-1500-dark", "name": "Brown 1500 Dark", "value": "#FAF4EC", "aliases": [] }, { "id": "brown-1600-dark", "name": "Brown 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "silver-100", "name": "Silver 100", "value": "#F7F7F7", "aliases": [] }, { "id": "silver-200", "name": "Silver 200", "value": "#EFEFEF", "aliases": [] }, { "id": "silver-300", "name": "Silver 300", "value": "#DFDFDF", "aliases": [] }, { "id": "silver-400", "name": "Silver 400", "value": "#CCCCCC", "aliases": [] }, { "id": "silver-500", "name": "Silver 500", "value": "#B7B7B7", "aliases": [] }, { "id": "silver-600", "name": "Silver 600", "value": "#A0A0A0", "aliases": [] }, { "id": "silver-700", "name": "Silver 700", "value": "#8F8F8F", "aliases": [] }, { "id": "silver-800", "name": "Silver 800", "value": "#808080", "aliases": [] }, { "id": "silver-900", "name": "Silver 900", "value": "#727272", "aliases": [] }, { "id": "silver-1000", "name": "Silver 1000", "value": "#606060", "aliases": [] }, { "id": "silver-1100", "name": "Silver 1100", "value": "#515151", "aliases": [] }, { "id": "silver-1200", "name": "Silver 1200", "value": "#424242", "aliases": [] }, { "id": "silver-1300", "name": "Silver 1300", "value": "#343434", "aliases": [] }, { "id": "silver-1400", "name": "Silver 1400", "value": "#272727", "aliases": [] }, { "id": "silver-1500", "name": "Silver 1500", "value": "#1C1C1C", "aliases": [] }, { "id": "silver-1600", "name": "Silver 1600", "value": "#0C0C0C", "aliases": [] }, { "id": "silver-100-dark", "name": "Silver 100 Dark", "value": "#1A1A1A", "aliases": [] }, { "id": "silver-200-dark", "name": "Silver 200 Dark", "value": "#212121", "aliases": [] }, { "id": "silver-300-dark", "name": "Silver 300 Dark", "value": "#2C2C2C", "aliases": [] }, { "id": "silver-400-dark", "name": "Silver 400 Dark", "value": "#3B3B3B", "aliases": [] }, { "id": "silver-500-dark", "name": "Silver 500 Dark", "value": "#4C4C4C", "aliases": [] }, { "id": "silver-600-dark", "name": "Silver 600 Dark", "value": "#5C5C5C", "aliases": [] }, { "id": "silver-700-dark", "name": "Silver 700 Dark", "value": "#6C6C6C", "aliases": [] }, { "id": "silver-800-dark", "name": "Silver 800 Dark", "value": "#767676", "aliases": [] }, { "id": "silver-900-dark", "name": "Silver 900 Dark", "value": "#898989", "aliases": [] }, { "id": "silver-1000-dark", "name": "Silver 1000 Dark", "value": "#989898", "aliases": [] }, { "id": "silver-1100-dark", "name": "Silver 1100 Dark", "value": "#A9A9A9", "aliases": [] }, { "id": "silver-1200-dark", "name": "Silver 1200 Dark", "value": "#BEBEBE", "aliases": [] }, { "id": "silver-1300-dark", "name": "Silver 1300 Dark", "value": "#D3D3D3", "aliases": [] }, { "id": "silver-1400-dark", "name": "Silver 1400 Dark", "value": "#E5E5E5", "aliases": [] }, { "id": "silver-1500-dark", "name": "Silver 1500 Dark", "value": "#F4F4F4", "aliases": [] }, { "id": "silver-1600-dark", "name": "Silver 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "cinnamon-100", "name": "Cinnamon 100", "value": "#FDF7F3", "aliases": [] }, { "id": "cinnamon-200", "name": "Cinnamon 200", "value": "#F9ECE5", "aliases": [] }, { "id": "cinnamon-300", "name": "Cinnamon 300", "value": "#F4DACB", "aliases": [] }, { "id": "cinnamon-400", "name": "Cinnamon 400", "value": "#EDC4AC", "aliases": [] }, { "id": "cinnamon-500", "name": "Cinnamon 500", "value": "#E5AA88", "aliases": [] }, { "id": "cinnamon-600", "name": "Cinnamon 600", "value": "#D4916C", "aliases": [] }, { "id": "cinnamon-700", "name": "Cinnamon 700", "value": "#C67E58", "aliases": [] }, { "id": "cinnamon-800", "name": "Cinnamon 800", "value": "#B86D46", "aliases": [] }, { "id": "cinnamon-900", "name": "Cinnamon 900", "value": "#AA5E38", "aliases": [] }, { "id": "cinnamon-1000", "name": "Cinnamon 1000", "value": "#934D2B", "aliases": [] }, { "id": "cinnamon-1100", "name": "Cinnamon 1100", "value": "#803E20", "aliases": [] }, { "id": "cinnamon-1200", "name": "Cinnamon 1200", "value": "#6E3015", "aliases": [] }, { "id": "cinnamon-1300", "name": "Cinnamon 1300", "value": "#5C230B", "aliases": [] }, { "id": "cinnamon-1400", "name": "Cinnamon 1400", "value": "#481906", "aliases": [] }, { "id": "cinnamon-1500", "name": "Cinnamon 1500", "value": "#341204", "aliases": [] }, { "id": "cinnamon-1600", "name": "Cinnamon 1600", "value": "#180802", "aliases": [] }, { "id": "cinnamon-100-dark", "name": "Cinnamon 100 Dark", "value": "#301104", "aliases": [] }, { "id": "cinnamon-200-dark", "name": "Cinnamon 200 Dark", "value": "#3B1505", "aliases": [] }, { "id": "cinnamon-300-dark", "name": "Cinnamon 300 Dark", "value": "#4F1C07", "aliases": [] }, { "id": "cinnamon-400-dark", "name": "Cinnamon 400 Dark", "value": "#64290F", "aliases": [] }, { "id": "cinnamon-500-dark", "name": "Cinnamon 500 Dark", "value": "#7A391C", "aliases": [] }, { "id": "cinnamon-600-dark", "name": "Cinnamon 600 Dark", "value": "#8F4A28", "aliases": [] }, { "id": "cinnamon-700-dark", "name": "Cinnamon 700 Dark", "value": "#A35834", "aliases": [] }, { "id": "cinnamon-800-dark", "name": "Cinnamon 800 Dark", "value": "#B0623B", "aliases": [] }, { "id": "cinnamon-900-dark", "name": "Cinnamon 900 Dark", "value": "#C07750", "aliases": [] }, { "id": "cinnamon-1000-dark", "name": "Cinnamon 1000 Dark", "value": "#CE8863", "aliases": [] }, { "id": "cinnamon-1100-dark", "name": "Cinnamon 1100 Dark", "value": "#DC9A76", "aliases": [] }, { "id": "cinnamon-1200-dark", "name": "Cinnamon 1200 Dark", "value": "#E8B395", "aliases": [] }, { "id": "cinnamon-1300-dark", "name": "Cinnamon 1300 Dark", "value": "#EFCBB7", "aliases": [] }, { "id": "cinnamon-1400-dark", "name": "Cinnamon 1400 Dark", "value": "#F6E1D6", "aliases": [] }, { "id": "cinnamon-1500-dark", "name": "Cinnamon 1500 Dark", "value": "#FCF4EF", "aliases": [] }, { "id": "cinnamon-1600-dark", "name": "Cinnamon 1600 Dark", "value": "#FFFFFF", "aliases": [] }, { "id": "turquoise-100", "name": "Turquoise 100", "value": "#EEFBFB", "aliases": [] }, { "id": "turquoise-200", "name": "Turquoise 200", "value": "#D1F5F5", "aliases": [] }, { "id": "turquoise-300", "name": "Turquoise 300", "value": "#A9ECED", "aliases": [] }, { "id": "turquoise-400", "name": "Turquoise 400", "value": "#6FDDE4", "aliases": [] }, { "id": "turquoise-500", "name": "Turquoise 500", "value": "#27CAD8", "aliases": [] }, { "id": "turquoise-600", "name": "Turquoise 600", "value": "#0FB1C0", "aliases": [] }, { "id": "turquoise-700", "name": "Turquoise 700", "value": "#0C9EAB", "aliases": [] }, { "id": "turquoise-800", "name": "Turquoise 800", "value": "#0A8D99", "aliases": [] }, { "id": "turquoise-900", "name": "Turquoise 900", "value": "#087E89", "aliases": [] }, { "id": "turquoise-1000", "name": "Turquoise 1000", "value": "#056B74", "aliases": [] }, { "id": "turquoise-1100", "name": "Turquoise 1100", "value": "#035A62", "aliases": [] }, { "id": "turquoise-1200", "name": "Turquoise 1200", "value": "#014A51", "aliases": [] }, { "id": "turquoise-1300", "name": "Turquoise 1300", "value": "#003B41", "aliases": [] }, { "id": "turquoise-1400", "name": "Turquoise 1400", "value": "#002C31", "aliases": [] }, { "id": "turquoise-1500", "name": "Turquoise 1500", "value": "#002023", "aliases": [] }, { "id": "turquoise-1600", "name": "Turquoise 1600", "value": "#000F11", "aliases": [] }, { "id": "turquoise-100-dark", "name": "Turquoise 100 Dark", "value": "#001E21", "aliases": [] }, { "id": "turquoise-200-dark", "name": "Turquoise 200 Dark", "value": "#002529", "aliases": [] }, { "id": "turquoise-300-dark", "name": "Turquoise 300 Dark", "value": "#003136", "aliases": [] }, { "id": "turquoise-400-dark", "name": "Turquoise 400 Dark", "value": "#004248", "aliases": [] }, { "id": "turquoise-500-dark", "name": "Turquoise 500 Dark", "value": "#03545C", "aliases": [] }, { "id": "turquoise-600-dark", "name": "Turquoise 600 Dark", "value": "#056770", "aliases": [] }, { "id": "turquoise-700-dark", "name": "Turquoise 700 Dark", "value": "#077883", "aliases": [] }, { "id": "turquoise-800-dark", "name": "Turquoise 800 Dark", "value": "#09838E", "aliases": [] }, { "id": "turquoise-900-dark", "name": "Turquoise 900 Dark", "value": "#0B97A4", "aliases": [] }, { "id": "turquoise-1000-dark", "name": "Turquoise 1000 Dark", "value": "#0DA8B6", "aliases": [] }, { "id": "turquoise-1100-dark", "name": "Turquoise 1100 Dark", "value": "#10BACA", "aliases": [] }, { "id": "turquoise-1200-dark", "name": "Turquoise 1200 Dark", "value": "#40D0DC", "aliases": [] }, { "id": "turquoise-1300-dark", "name": "Turquoise 1300 Dark", "value": "#80E1E7", "aliases": [] }, { "id": "turquoise-1400-dark", "name": "Turquoise 1400 Dark", "value": "#B7F0F0", "aliases": [] }, { "id": "turquoise-1500-dark", "name": "Turquoise 1500 Dark", "value": "#E4F9F9", "aliases": [] }, { "id": "turquoise-1600-dark", "name": "Turquoise 1600 Dark", "value": "#FFFFFF", "aliases": [] } ], "modes": { "light": { "roles": { "background": "gray-25", "surface": "gray-100", "surface-elevated": "gray-25", "text-primary": "gray-900", "text-secondary": "gray-700", "text-tertiary": "gray-600", "primary": "blue-900", "primary-hover": "blue-1000", "accent": "blue-900", "accent-hover": "blue-1000", "warning": "orange-900", "warning-hover": "orange-700", "error": "red-900", "success": "green-900", "border": "gray-300" } }, "dark": { "roles": { "background": "gray-25-dark", "surface": "gray-100-dark", "surface-elevated": "gray-50-dark", "text-primary": "gray-900-dark", "text-secondary": "gray-700-dark", "text-tertiary": "gray-800-dark", "primary": "blue-900-dark", "primary-hover": "blue-1000-dark", "accent": "blue-900-dark", "accent-hover": "blue-1000-dark", "warning": "orange-900-dark", "warning-hover": "orange-900", "error": "red-900-dark", "success": "green-900-dark", "border": "gray-300-dark" } } } }, "fonts": [ { "role": "heading", "ref": "inter@1.0.0", "family": "Inter", "classification": "sans-serif", "source": { "kind": "google-fonts", "family": "Inter", "url": "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" }, "fallbackStack": [ "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif" ], "availableStyles": [ { "weight": 100, "style": "normal" }, { "weight": 100, "style": "italic" }, { "weight": 200, "style": "normal" }, { "weight": 200, "style": "italic" }, { "weight": 300, "style": "normal" }, { "weight": 300, "style": "italic" }, { "weight": 400, "style": "normal" }, { "weight": 400, "style": "italic" }, { "weight": 500, "style": "normal" }, { "weight": 500, "style": "italic" }, { "weight": 600, "style": "normal" }, { "weight": 600, "style": "italic" }, { "weight": 700, "style": "normal" }, { "weight": 700, "style": "italic" }, { "weight": 800, "style": "normal" }, { "weight": 800, "style": "italic" }, { "weight": 900, "style": "normal" }, { "weight": 900, "style": "italic" } ] }, { "role": "body", "ref": "inter@1.0.0", "family": "Inter", "classification": "sans-serif", "source": { "kind": "google-fonts", "family": "Inter", "url": "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" }, "fallbackStack": [ "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif" ], "availableStyles": [ { "weight": 100, "style": "normal" }, { "weight": 100, "style": "italic" }, { "weight": 200, "style": "normal" }, { "weight": 200, "style": "italic" }, { "weight": 300, "style": "normal" }, { "weight": 300, "style": "italic" }, { "weight": 400, "style": "normal" }, { "weight": 400, "style": "italic" }, { "weight": 500, "style": "normal" }, { "weight": 500, "style": "italic" }, { "weight": 600, "style": "normal" }, { "weight": 600, "style": "italic" }, { "weight": 700, "style": "normal" }, { "weight": 700, "style": "italic" }, { "weight": 800, "style": "normal" }, { "weight": 800, "style": "italic" }, { "weight": 900, "style": "normal" }, { "weight": 900, "style": "italic" } ] }, { "role": "serif", "ref": "source-sans-3@1.0.0", "family": "Source Sans 3", "classification": "sans-serif", "source": { "kind": "google-fonts", "family": "Source Sans 3", "url": "https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" }, "fallbackStack": [ "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif" ], "availableStyles": [ { "weight": 200, "style": "normal" }, { "weight": 200, "style": "italic" }, { "weight": 300, "style": "normal" }, { "weight": 300, "style": "italic" }, { "weight": 400, "style": "normal" }, { "weight": 400, "style": "italic" }, { "weight": 500, "style": "normal" }, { "weight": 500, "style": "italic" }, { "weight": 600, "style": "normal" }, { "weight": 600, "style": "italic" }, { "weight": 700, "style": "normal" }, { "weight": 700, "style": "italic" }, { "weight": 800, "style": "normal" }, { "weight": 800, "style": "italic" }, { "weight": 900, "style": "normal" }, { "weight": 900, "style": "italic" } ] }, { "role": "mono", "ref": "source-code-pro@1.0.0", "family": "Source Code Pro", "classification": "monospace", "source": { "kind": "google-fonts", "family": "Source Code Pro", "url": "https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap" }, "fallbackStack": [ "ui-monospace", "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", "monospace" ], "availableStyles": [ { "weight": 200, "style": "normal" }, { "weight": 200, "style": "italic" }, { "weight": 300, "style": "normal" }, { "weight": 300, "style": "italic" }, { "weight": 400, "style": "normal" }, { "weight": 400, "style": "italic" }, { "weight": 500, "style": "normal" }, { "weight": 500, "style": "italic" }, { "weight": 600, "style": "normal" }, { "weight": 600, "style": "italic" }, { "weight": 700, "style": "normal" }, { "weight": 700, "style": "italic" }, { "weight": 800, "style": "normal" }, { "weight": 800, "style": "italic" }, { "weight": 900, "style": "normal" }, { "weight": 900, "style": "italic" } ] } ], "roles": { "colors": { "identity": "gray-25", "on-identity": "gray-900", "primary": "blue-900", "primary-hover": "blue-1000", "accent": "blue-900", "accent-hover": "blue-1000", "mark": "blue-900", "success": "green-900", "warning": "orange-900", "error": "red-900", "text-primary-light": "gray-900", "text-primary-dark": "gray-900-dark", "background-light": "gray-25", "background-dark": "gray-25-dark", "surface-light": "gray-100", "surface-dark": "gray-100-dark", "text-secondary-light": "gray-700", "text-tertiary-light": "gray-600", "border-light": "gray-300" }, "typography": { "display": "heading", "prose": "body", "code": "mono" } }, "assets": [], "rules": [ { "type": "contrastRatio", "target": "text-primary", "severity": "error", "rationale": "Spectrum is positioned as a production design system for Adobe's shipped product surfaces; the documented contrast floor is WCAG 2.1 AA. Gray 900 (#131313) on Gray 25 (#FFFFFF) clears AA at ~20:1, and Gray 900 Dark (#F2F2F2) on Gray 25 Dark (#111111) clears AA at ~18:1.\n", "against": "background", "minRatio": 4.5, "standard": "WCAG-AA" }, { "type": "colorChoice", "target": "roles.colors.primary", "severity": "error", "rationale": "Spectrum's accent-background-color-default resolves to blue-900 on light and the paired blue-900-dark on dark. Other chromatic anchors (red, orange, green, purple, magenta) are reserved for semantic and illustrative roles and must not stand in for the primary interactive color.\n", "allowed": [ "blue-900", "blue-1000" ], "forbidden": [ "red-900", "orange-900", "green-900", "purple-900", "magenta-900" ] }, { "type": "forbiddenTreatment", "target": "logo", "severity": "error", "rationale": "Adobe's brand-guidelines treatment of the red Adobe wordmark and the corporate \"A\" mark prohibits stretching, rotating, recoloring, adding effects, or placing the mark on visually busy backgrounds. Spectrum surfaces inherit the same constraints.\n", "treatments": [ "stretched", "rotated", "recolored", "drop-shadow", "gradient-fill", "on-busy-photo" ] }, { "type": "contextRestriction", "target": "roles.colors.error", "severity": "error", "rationale": "Spectrum's negative semantic token (negative-color-900 = red-900) maps to error, destructive, and validation-failure states. Using it for confirmation or positive data-viz inverts the established meaning and breaks user expectations across Adobe products.\n", "allowedContexts": [ "error-state", "destructive-action", "validation-failure" ], "forbiddenContexts": [ "confirmation", "data-viz-positive" ] }, { "type": "contextRestriction", "target": "roles.colors.success", "severity": "error", "rationale": "Spectrum's positive semantic token (positive-color-900 = green-900) is reserved for confirmation, completion, and positive data-viz. Using it for error or destructive states inverts the documented semantic meaning.\n", "allowedContexts": [ "confirmation", "completion", "data-viz-positive" ], "forbiddenContexts": [ "error-state", "destructive-action" ] }, { "type": "enumMembership", "target": "typography.heading.fontWeight", "severity": "warning", "rationale": "Adobe Clean ships in Regular (400), Medium (500), Bold (700), Black (800), and Extra Bold (900) — the weights Spectrum's typography scale references. Lighter weights are not part of the licensed cut and read off-brand on product surfaces.\n", "allowed": [ "400", "500", "700", "800", "900" ] }, { "type": "fontPairing", "target": "typography.display", "severity": "error", "rationale": "Spectrum's type ramp pairs a display weight of Adobe Clean with body weight at a documented minimum ratio of 1.5× to preserve the hierarchy that Spectrum's components depend on.\n", "requires": "prose", "minSizeRatio": 1.5 }, { "type": "accessibilityRequirement", "target": "*", "severity": "error", "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Spectrum's published accessibility commitment treats AA as the floor across product surfaces; AAA is encouraged where contrast permits but is not the system-wide minimum.\n", "standard": "WCAG-AA", "criterion": "1.4.3" }, { "type": "compositionConstraint", "target": "roles.colors.primary", "severity": "recommendation", "rationale": "Spectrum accent blue is calibrated to read against neutral grays — Gray 25 / 50 / 100 surfaces and Gray 900 text. Placing it adjacent to red-900, orange-900, or magenta-900 at equal weight produces chromatic conflict and undermines the calm, focused voice Spectrum is built for.\n", "pairsWith": [ "gray-25", "gray-50", "gray-100", "gray-900" ], "doesNotPairWith": [ "red-900", "orange-900", "magenta-900" ] }, { "type": "variantSelection", "target": "logo", "severity": "error", "rationale": "On dark surfaces, use the documented light-fill variant of the Adobe mark. Inverting the red wordmark on the fly produces an off-brand pink that does not match Adobe's published assets.\n", "when": { "backgroundColorScheme": "dark" }, "use": "logo-light" } ] }