Colors
Assetv1 (current)Retrieved 2026-05-12
Token values as CSS custom properties.
{
"text": {
"color.text": "#292A2E",
"color.text.subtle": "#505258",
"color.text.subtlest": "#6B6E76",
"color.text.disabled": "#080F214A",
"color.text.inverse": "#FFFFFF",
"color.text.selected": "#1868DB",
"color.text.brand": "#1868DB",
"color.text.danger": "#AE2E24",
"color.text.danger.bolder": "#5D1F1A",
"color.text.warning": "#9E4C00",
"color.text.warning.inverse": "#292A2E",
"color.text.warning.bolder": "#693200",
"color.text.success": "#4C6B1F",
"color.text.success.bolder": "#37471F",
"color.text.discovery": "#803FA5",
"color.text.discovery.bolder": "#48245D",
"color.text.information": "#1558BC",
"color.text.information.bolder": "#123263",
"color.text.accent.lime": "#4C6B1F",
"color.text.accent.lime.bolder": "#37471F",
"color.text.accent.red": "#AE2E24",
"color.text.accent.red.bolder": "#5D1F1A",
"color.text.accent.orange": "#9E4C00",
"color.text.accent.orange.bolder": "#693200",
"color.text.accent.yellow": "#7F5F01",
"color.text.accent.yellow.bolder": "#533F04",
"color.text.accent.green": "#216E4E",
"color.text.accent.green.bolder": "#164B35",
"color.text.accent.teal": "#206A83",
"color.text.accent.teal.bolder": "#164555",
"color.text.accent.blue": "#1558BC",
"color.text.accent.blue.bolder": "#123263",
"color.text.accent.purple": "#803FA5",
"color.text.accent.purple.bolder": "#48245D",
"color.text.accent.magenta": "#943D73",
"color.text.accent.magenta.bolder": "#50253F",
"color.text.accent.gray": "#505258",
"color.text.accent.gray.bolder": "#1E1F21"
},
"icon": {
"color.icon": "#292A2E",
"color.icon.subtle": "#505258",
"color.icon.subtlest": "#6B6E76",
"color.icon.disabled": "#080F214A",
"color.icon.inverse": "#FFFFFF",
"color.icon.selected": "#1868DB",
"color.icon.brand": "#1868DB",
"color.icon.danger": "#C9372C",
"color.icon.warning": "#E06C00",
"color.icon.warning.inverse": "#292A2E",
"color.icon.success": "#6A9A23",
"color.icon.discovery": "#AF59E1",
"color.icon.information": "#357DE8",
"color.icon.accent.lime": "#6A9A23",
"color.icon.accent.red": "#C9372C",
"color.icon.accent.orange": "#E06C00",
"color.icon.accent.yellow": "#B38600",
"color.icon.accent.green": "#22A06B",
"color.icon.accent.teal": "#2898BD",
"color.icon.accent.blue": "#357DE8",
"color.icon.accent.purple": "#AF59E1",
"color.icon.accent.magenta": "#CD519D",
"color.icon.accent.gray": "#7D818A"
},
"border": {
"color.border": "#0B120E24",
"color.border.bold": "#7D818A",
"color.border.disabled": "#0515240F",
"color.border.focused": "#4688EC",
"color.border.input": "#8C8F97",
"color.border.inverse": "#FFFFFF",
"color.border.selected": "#1868DB",
"color.border.brand": "#1868DB",
"color.border.danger": "#E2483D",
"color.border.warning": "#E06C00",
"color.border.success": "#6A9A23",
"color.border.discovery": "#AF59E1",
"color.border.information": "#357DE8",
"color.border.accent.lime": "#6A9A23",
"color.border.accent.red": "#E2483D",
"color.border.accent.orange": "#E06C00",
"color.border.accent.yellow": "#B38600",
"color.border.accent.green": "#22A06B",
"color.border.accent.teal": "#2898BD",
"color.border.accent.blue": "#357DE8",
"color.border.accent.purple": "#AF59E1",
"color.border.accent.magenta": "#CD519D",
"color.border.accent.gray": "#7D818A"
},
"link": {
"color.link": "#1868DB",
"color.link.pressed": "#1558BC",
"color.link.visited": "#803FA5",
"color.link.visited.pressed": "#48245D"
},
"background": {
"color.background.disabled": "#17171708",
"color.background.input": "#FFFFFF",
"color.background.input.hovered": "#F8F8F8",
"color.background.input.pressed": "#FFFFFF",
"color.background.neutral": "#0515240F",
"color.background.neutral.hovered": "#0B120E24",
"color.background.neutral.pressed": "#080F214A",
"color.background.neutral.subtle": "#00000000",
"color.background.neutral.subtle.hovered": "#0515240F",
"color.background.neutral.subtle.pressed": "#0B120E24",
"color.background.neutral.bold": "#292A2E",
"color.background.neutral.bold.hovered": "#3B3D42",
"color.background.neutral.bold.pressed": "#505258",
"color.background.selected": "#E9F2FE",
"color.background.selected.hovered": "#CFE1FD",
"color.background.selected.pressed": "#8FB8F6",
"color.background.selected.bold": "#1868DB",
"color.background.selected.bold.hovered": "#1558BC",
"color.background.selected.bold.pressed": "#123263",
"color.background.brand.subtlest": "#E9F2FE",
"color.background.brand.subtlest.hovered": "#CFE1FD",
"color.background.brand.subtlest.pressed": "#ADCBFB",
"color.background.brand.bold": "#1868DB",
"color.background.brand.bold.hovered": "#1558BC",
"color.background.brand.bold.pressed": "#144794",
"color.background.brand.boldest": "#1C2B42",
"color.background.brand.boldest.hovered": "#123263",
"color.background.brand.boldest.pressed": "#144794",
"color.background.danger": "#FFECEB",
"color.background.danger.hovered": "#FFD5D2",
"color.background.danger.pressed": "#FFB8B2",
"color.background.danger.bold": "#C9372C",
"color.background.danger.bold.hovered": "#AE2E24",
"color.background.danger.bold.pressed": "#872821",
"color.background.warning": "#FFF5DB",
"color.background.warning.hovered": "#FCE4A6",
"color.background.warning.pressed": "#FBD779",
"color.background.warning.bold": "#FBC828",
"color.background.warning.bold.hovered": "#FCA700",
"color.background.warning.bold.pressed": "#F68909",
"color.background.success": "#EFFFD6",
"color.background.success.hovered": "#D3F1A7",
"color.background.success.pressed": "#BDE97C",
"color.background.success.bold": "#5B7F24",
"color.background.success.bold.hovered": "#4C6B1F",
"color.background.success.bold.pressed": "#3F5224",
"color.background.discovery": "#F8EEFE",
"color.background.discovery.hovered": "#EED7FC",
"color.background.discovery.pressed": "#E3BDFA",
"color.background.discovery.bold": "#964AC0",
"color.background.discovery.bold.hovered": "#803FA5",
"color.background.discovery.bold.pressed": "#673286",
"color.background.information": "#E9F2FE",
"color.background.information.hovered": "#CFE1FD",
"color.background.information.pressed": "#ADCBFB",
"color.background.information.bold": "#1868DB",
"color.background.information.bold.hovered": "#1558BC",
"color.background.information.bold.pressed": "#144794"
},
"elevation": {
"elevation.surface": "#FFFFFF",
"elevation.surface.hovered": "#F0F1F2",
"elevation.surface.pressed": "#DDDEE1",
"elevation.surface.sunken": "#F8F8F8",
"elevation.surface.raised": "#FFFFFF",
"elevation.surface.raised.hovered": "#F0F1F2",
"elevation.surface.raised.pressed": "#DDDEE1",
"elevation.surface.overlay": "#FFFFFF",
"elevation.surface.overlay.hovered": "#F0F1F2",
"elevation.surface.overlay.pressed": "#DDDEE1",
"elevation.shadow.raised": "0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214F",
"elevation.shadow.overlay": "0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214F",
"elevation.shadow.overflow": "0px 0px 8px #1E1F2129, 0px 0px 1px #1E1F211F"
},
"blanket": {
"color.blanket": "#050C1F75",
"color.blanket.selected": "#388BFF14",
"color.blanket.danger": "#EF5C4814"
},
"skeleton": {
"color.skeleton": "#0515240F",
"color.skeleton.subtle": "#17171708"
}
}