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