Color

base / tertiary
#0b3251
midnight-100
Collection
ads-colors
#0b4d54
ocean-100
Collection
ads-colors
#10594b
forest-100
Collection
ads-colors
#1bc9c9
seabreeze-100
Collection
ads-colors
#c8ed77
lime-100
Collection
ads-colors
#f4ef4d
lemon-100
Collection
ads-colors
#f79219
tangerine-100
Collection
ads-colors
#ff4d80
flamingo-100
Collection
ads-colors
#fcacd1
cottoncandy-100
Collection
ads-colors
#bd5b00
warning-100
Collection
ads-colors
#dfcfeb
lavenderLighten-40
Collection
ads-colors
#f8f5fb
lavenderLighten-100
Collection
ads-colors
#5156ba
violet-80
Collection
ads-colors
base / primary / cyan
#2489a9
100
Collection
ads-colors
#34c3f2
50
Collection
ads-colors
#c2f0fc
20
Collection
ads-colors
#e6fbff
10
Collection
ads-colors
base / primary / grey
#1f1d1e
90
Collection
ads-colors
#3d3a3b
80
Collection
ads-colors
#7a7376
60
Collection
ads-colors
#999094
50
Collection
ads-colors
#b8b1b4
35
Collection
ads-colors
#ccc8ca
25
Collection
ads-colors
#e0dedf
15
Collection
ads-colors
#eeeced
10
Collection
ads-colors
#f5f4f4
5
Collection
ads-colors
#fafafa
1
Collection
ads-colors
#ffffff
white
Collection
ads-colors
#000000
black
Collection
ads-colors
rgba(0,0,0,0)
transparent
Collection
ads-colors
base / primary / green
#0e9976
100
Collection
ads-colors
#59c1a7
50
Collection
ads-colors
#caf3e7
20
Collection
ads-colors
#e6fff7
10
Collection
ads-colors
base / primary / red
#bf3144
100
Collection
ads-colors
#ef3d55
50
Collection
ads-colors
#fbc3cb
20
Collection
ads-colors
#fee5e9
10
Collection
ads-colors
base / primary / purple
#6a266d
100
Collection
ads-colors
#79347f
90
Collection
ads-colors
#9751a2
70
Collection
ads-colors
#b56dc6
50
Collection
ads-colors
#ebd3f1
20
Collection
ads-colors
#fdf5ff
10
Collection
ads-colors
base / secondary / salmon
#e66442
100
Collection
ads-colors
#ff6f49
50
Collection
ads-colors
#ffdad3
20
Collection
ads-colors
#fff5f5
10
Collection
ads-colors
base / secondary / mustard
#997d00
100
Collection
ads-colors
#f2ca1b
50
Collection
ads-colors
#faecad
20
Collection
ads-colors
#fff8d9
10
Collection
ads-colors
text
#3d3a3b
primary
Collection
ads-colors
#787174
secondary
Collection
ads-colors
#999094
disabled
Collection
ads-colors
#ffffff
on-color
Collection
ads-colors
rgba(255,255,255,0.8)
on-color-secondary
Collection
ads-colors
#9751a2
interactive
Collection
ads-colors
#6a266d
interactive-hover
Collection
ads-colors
#79347f
link
Collection
ads-colors
#bf3144
destructive
Collection
ads-colors
#0e9976
success
Collection
ads-colors
#bd5b00
warning
Collection
ads-colors
#2489a9
info
Collection
ads-colors
border
#e0dedf
primary
Collection
ads-colors
#eeeced
primary-subtle
Collection
ads-colors
#ccc8ca
strong
Collection
ads-colors
#999094
emphasis
Collection
ads-colors
#3d3a3b
dark
Collection
ads-colors
#ffffff
on-color
Collection
ads-colors
#b56dc6
interactive
Collection
ads-colors
#ebd3f1
interactive-subtle
Collection
ads-colors
#6a266d
interactive-strong
Collection
ads-colors
#bf3144
destructive
Collection
ads-colors
#fbc3cb
destructive-subtle
Collection
ads-colors
#0e9976
success
Collection
ads-colors
#caf3e7
success-subtle
Collection
ads-colors
#bd5b00
warning
Collection
ads-colors
#ffdad3
warning-subtle
Collection
ads-colors
#2489a9
info
Collection
ads-colors
#c2f0fc
info-subtle
Collection
ads-colors
rgba(0,0,0,0.08)
outlineDark
Used to add a subtle outline by by layering a dark overlay (#000 8%)
Collection
ads-colors
rgba(255,255,255,0.08)
outlineLight
Used to add a subtle outline by by layering a light overlay (#FFFFFF 8%)
Collection
ads-colors
icon
#787174
primary
Collection
ads-colors
#3d3a3b
primary-hover
Collection
ads-colors
#999094
subtle
Collection
ads-colors
#999094
disabled
Collection
ads-colors
#3d3a3b
emphasis
Collection
ads-colors
#ffffff
on-color
Collection
ads-colors
rgba(255,255,255,0.6)
on-color-subtle
Collection
ads-colors
#9751a2
interactive
Collection
ads-colors
#79347f
interactive-hover
Collection
ads-colors
#b56dc6
interactive-subtle
Collection
ads-colors
#bf3144
destructive
Collection
ads-colors
#0e9976
success
Collection
ads-colors
#bd5b00
warning