base / tertiary
midnight-100
Collection
ads-colors
ocean-100
Collection
ads-colors
forest-100
Collection
ads-colors
seabreeze-100
Collection
ads-colors
lime-100
Collection
ads-colors
lemon-100
Collection
ads-colors
tangerine-100
Collection
ads-colors
flamingo-100
Collection
ads-colors
cottoncandy-100
Collection
ads-colors
warning-100
Collection
ads-colors
lavenderLighten-40
Collection
ads-colors
lavenderLighten-100
Collection
ads-colors
violet-80
Collection
ads-colors
base / primary / cyan
100
Collection
ads-colors
50
Collection
ads-colors
20
Collection
ads-colors
10
Collection
ads-colors
base / primary / grey
90
Collection
ads-colors
80
Collection
ads-colors
60
Collection
ads-colors
50
Collection
ads-colors
35
Collection
ads-colors
25
Collection
ads-colors
15
Collection
ads-colors
10
Collection
ads-colors
5
Collection
ads-colors
1
Collection
ads-colors
white
Collection
ads-colors
black
Collection
ads-colors
transparent
Collection
ads-colors
base / primary / green
100
Collection
ads-colors
50
Collection
ads-colors
20
Collection
ads-colors
10
Collection
ads-colors
base / primary / red
100
Collection
ads-colors
50
Collection
ads-colors
20
Collection
ads-colors
10
Collection
ads-colors
base / primary / purple
100
Collection
ads-colors
90
Collection
ads-colors
70
Collection
ads-colors
50
Collection
ads-colors
20
Collection
ads-colors
10
Collection
ads-colors
base / secondary / salmon
100
Collection
ads-colors
50
Collection
ads-colors
20
Collection
ads-colors
10
Collection
ads-colors
base / secondary / mustard
100
Collection
ads-colors
50
Collection
ads-colors
20
Collection
ads-colors
10
Collection
ads-colors
text
primary
Collection
ads-colors
secondary
Collection
ads-colors
disabled
Collection
ads-colors
on-color
Collection
ads-colors
on-color-secondary
Collection
ads-colors
interactive
Collection
ads-colors
interactive-hover
Collection
ads-colors
link
Collection
ads-colors
destructive
Collection
ads-colors
success
Collection
ads-colors
warning
Collection
ads-colors
info
Collection
ads-colors
border
primary
Collection
ads-colors
primary-subtle
Collection
ads-colors
strong
Collection
ads-colors
emphasis
Collection
ads-colors
dark
Collection
ads-colors
on-color
Collection
ads-colors
interactive
Collection
ads-colors
interactive-subtle
Collection
ads-colors
interactive-strong
Collection
ads-colors
destructive
Collection
ads-colors
destructive-subtle
Collection
ads-colors
success
Collection
ads-colors
success-subtle
Collection
ads-colors
warning
Collection
ads-colors
warning-subtle
Collection
ads-colors
info
Collection
ads-colors
info-subtle
Collection
ads-colors
outlineDark
Used to add a subtle outline by by layering a dark overlay (#000 8%)
Collection
ads-colors
outlineLight
Used to add a subtle outline by by layering a light overlay (#FFFFFF 8%)
Collection
ads-colors
icon
primary
Collection
ads-colors
primary-hover
Collection
ads-colors
subtle
Collection
ads-colors
disabled
Collection
ads-colors
emphasis
Collection
ads-colors
on-color
Collection
ads-colors
on-color-subtle
Collection
ads-colors
interactive
Collection
ads-colors
interactive-hover
Collection
ads-colors
interactive-subtle
Collection
ads-colors
destructive
Collection
ads-colors
success
Collection
ads-colors
warning