Colors
Dialpad uses specific color choices to help communicate user interface functionality, states, and actions within the product. These colors have been selected for on-screen use.
slate
#141721
slate-light
#292C33
slate-lighter
#4C4E56
slate-lightest
#6C6E75
ash-darkest
#9699A0
ash-darker
#C6C8CE
ash-dark
#E3E5E8
ash
#F1F2F4
blue-dark
#0009B0
blue
#1738FA
blue-light
#72BBFF
blue-lighter
#DDF1FF
navy
#000061
navy-light
#1111A1
navy-lighter
#91A0F1
navy-lightest
#E0E5FD
bright-emerald-dark
#02663C
bright-emerald
#5CD672
bright-emerald-light
#B0ECAF
bright-emerald-lighter
#E9F5E9
emerald-darker
#005343
emerald-dark
#008067
emerald
#04C29D
emerald-light
#6FE8D0
emerald-lighter
#D8FBF4
sunflower-dark
#FFA800
sunflower
#FFC635
sunflower-light
#FFDA7C
sunflower-lighter
#FFF2C1
wildberry-dark
#7A0D20
wildberry
#D2103E
wildberry-light
#FF768F
wildberry-lighter
#FFDCE2
crimson-dark
#622A2A
crimson
#F55
crimson-light
#FF8585
crimson-lighter
#FDD
berry-dark
#3F113C
berry
#852180
berry-light
#E48BE0
berry-lighter
#FDDEFB
rose-darker
#421620
rose-dark
#9E3149
rose
#FF8FA8
rose-light
#FFE5EB