Icon
Creator
0
/
Pricing
Primary
#1D4E89
Secondary
#0D2440
Accent
#6B9BD1
Surface
#EEF4FB
Tone Scale
Monochrome
HEX
CSS
Tailwind
Make a logo
App icon
tone
Contrast
Aa
Primary on surface
7.58:1
Aa
Secondary on surface
14.12:1
Aa
Accent on surface
2.62:1
Aa
Surface on primary
7.58:1
Aa
Primary on secondary
1.86:1
More in Monochrome
View all
Primary
#8B8178
Secondary
#2F2A26
Accent
#C4BCB3
Surface
#F7F5F2
Neutral Stack
Monochrome
→
Primary
#2D6A4F
Secondary
#10291E
Accent
#74C69D
Surface
#F0F7F3
Contrast Soft
Monochrome
→
Primary
#2B2B2B
Secondary
#111111
Accent
#8A8A8A
Surface
#F5F5F5
Pure Graphite
Monochrome
→
Home
Logo
Create
App icon
Tools
