Color Palette Reference

All the color tokens of your palette

Color Tokens

Color tokens are semantic variables that represent specific colors in your design system. They help maintain consistency and make it easier to update colors across your entire application.

PrimaryPink pride
On PrimaryBack in black
SecondaryLilac lotion
On SecondaryScandinavian liquorice
AccentHotspot
On AccentScandinavian liquorice
ErrorHotspot
On ErrorScandinavian liquorice
Primary ContainerKissed by mist
On Primary ContainerPurple
Secondary ContainerPig pink
On Secondary ContainerInescapable lover
Accent ContainerYours truly
On Accent ContainerIndian red
Error ContainerYours truly
On Error ContainerIndian red
Surface DimViolet vapor
SurfaceSnow
Surface BrightSnow
Surf. Container LowestWhite
Surf. Container LowPartial pink
Surf. ContainerFairy dust
Surf. Container HighMinute mauve
Surf. Container HighestAntarctic love
On SurfaceUmbra
On Surface VariantBlack magic
OutlineChain mail
Outline VariantTamed beauty
Inverse SurfaceJet black
Inverse On SurfacePartial pink
Inverse PrimaryPink elephants
ScrimBlack
ShadowBlack