DigiKey colors
Light mode
Red
var(--red)#FF2100
Dark Red
var(--dark-red)#6a0a06
Light Red
var(--light-red)#FFBCB3
Dark Blurple
var(--dark-blurple)#080623
Blurple Blue
var(--blurple-blue)#1a1552
Blurple
var(--blurple)#480BBE
Light Blurple
var(--light-blurple)#D4D8FB
Board
var(--board)#D3A269
Light Board
var(--light-board)#E7CCAB
Pale Board
var(--pale-board)#F9EFE4
Dark mode
Red
var(--red)#FFBCB3
Dark Red
var(--dark-red)#A30000
Light Red
var(--light-red)#FFBCB3
Dark Blurple
var(--dark-blurple)#080623
Blurple Blue
var(--blurple-blue)#73bcff
Blurple
var(--blurple)#D4D8FB
Light Blurple
var(--light-blurple)#480BBE
Board
var(--board)#D3A269
Light Board
var(--light-board)#D3A269
Pale Board
var(--pale-board)#E7CCAB
Primary Buttons
Light mode
Red
var(--red)#FF2100
Red Hover
var(--red--hover)#a20000
Red Clicked
var(--red--clicked)#890000
Dark Mode
Red
var(--red)#F74141
Red Hover
var(--red--hover)#a20000
Red Clicked
var(--red--clicked)#890000
Messaging
Light mode
Link Blue
var(--link-blue)#221abb
Info
var(--info)#217ae2
Warn
var(--warn)#eec201
Success
var(--success)#289c28
Error
var(--error)#cc0000
Dark mode
Link Blue
var(--link-blue)#73bcff
Info
var(--info)#217ae2
Warn
var(--warn)#eec201
Success
var(--success)#74E092
Error
var(--error)#F74141
Grayscale
Black
var(--black)#000
Onyx Grey
var(--onyx-grey)#222
Slate Grey
var(--slate-grey)#444
Slate Grey Lighten
var(--slate-grey-lighten)#4b4b4b
Stone Grey
var(--stone-grey)#666
Rain Grey
var(--rain-grey)#a4a4a4
Cloud Grey
var(--cloud-grey)#ccc
Outline Grey
var(--outline-grey)#ddd
Wispy Grey
var(--wispy-grey)#eaeaea
Ice Grey Darken
var(--ice-grey-darken)#e6e6e6
Ice Grey
var(--ice-grey)#f5f5f5
White
var(--white)#fff