Color

Design tokens

Color tokens that can be applied for specific uses. All colors have a dark and high-contrast mode companion.

See our full palette

Accent primary

Accentuates UI elements such as buttons, links, and focus outlines.

color / accent

#0062fa

#00cadb

primary

color / accent / primary

#0053cb

#61dce9

hover

#0041a4

#a6ecf4

active

rgba(0,98,250,0.08)

rgba(0,202,219,0.08)

deemphasized

High contrast mode

Windows 11 Desert and Night sky examples:

color / accent

#202020

#ffee32

primary

color / accent / primary

#903909

#d6b4fd

hover

#d6b4fd

active

#903909

#d6b4fd

deemphasized

Background

Color

#ffffff

#23222b

box

Used for boxes, cards and containers

#ffffff

#1c1b22

canvas

Please use "canvas-v2" instead.

#ffe8ea

#6e001f

critical

#e2f7ff

#00317e

information

#e1ffe1

#004800

success

#fff4d0

#592b00

warning

High contrast mode

Windows 11 Desert and Night sky examples:

#000000

box

Used for boxes, cards and containers

#fffaef

#000000

canvas

Please use "canvas-v2" instead.

#000000

critical

#000000

information

#000000

success

#000000

warning

Border

Color

#cfcfd8

#3a3944

color

#bac2ca

#5b5b66

deemphasized

#8f8f9d

#bfbfc9

interactive

rgba(21,20,26,0.1)

rgba(251,251,254,0.1)

card

rgba(0,0,0,0)

transparent

High contrast mode

Windows 11 Desert and Night sky examples:

#3d3d3d

#ffffff

color

#202020

#ffee32

deemphasized

#202020

#ffee32

interactive

#903909

#d6b4fd

hover

#202020

#ffee32

active

#676767

#a6a6a6

disabled

#3d3d3d

#ffffff

card

#3d3d3d

#ffffff

transparent

Focus outline

Color

focus / outline

#0062fa

#00cadb

color

High contrast mode

Windows 11 Desert and Night sky examples:

focus / outline

#ffffff

color

Icon

Color

#5b5b66

#fbfbfe

color

#0062fa

#84c6ff

information

#008e00

#8adf8d

success

#b16a00

#f5cc58

warning

#cf1748

#ffa0aa

critical

High contrast

Windows 11 Desert and Night sky examples:

#ffffff

information

#ffffff

success

#ffffff

warning

#ffffff

critical

Outline

Color

outline / color

#b20037

#ffa0aa

error

High contrast

Windows 11 Desert and Night sky examples:

outline / color

#ffffff

error

Text

Color

#b20037

#ffa0aa

error

Critical

#15141a

#fbfbfe

color

rgba(21,20,26,0.69)

rgba(251,251,254,0.69)

deemphasized

Secondary

rgba(21,20,26,0.4)

rgba(251,251,254,0.4)

disabled

High contrast mode

Windows 11 Desert and Night sky examples:

#3d3d3d

#ffffff

error

Critical

#3d3d3d

#ffffff

color

#3d3d3d

#ffffff

deemphasized

Secondary

#676767

#a6a6a6

disabled