Color
Primary Color Palette
Brand Colors
This typically includes one or two primary brand colors. These colors should reflect your brand's identity and personality.
Blue
#089cec
hsl(201, 93%, 48%)
Blue-AA-white
#077cbb
hsl(201, 93%, 38%)
Contrast Ratio: 4.56
Neutrals
Black
#000000
hsl(0, 0%, 0%)
--color-neutral-0
White
#FFFFFF
hsl(0, 0%, 100%)
--color-neutral-100
Grey
#808080
hsl(0, 0%, 50%)
--color-neutral-50
Alias
Text
Text Primary
#000000
hsl(0, 0%, 0%)
--color-text-primary
Text on Dark
#ffffff
hsl(0, 0%, 100%)
--color-text-on-dark
Backgrounds
Background Primary
#ffffff
hsl(0, 0%, 100%)
--color-background-primary
Background Secondary
#E6E6E6
hsl(0, 0%, 90%)
--color-background-secondary
Background Tertiary
#077cbb
hsl(201, 93%, 38%)
--color-background-tertiary
Contrast Ratio: 4.56
Other
Danger
#ff0000
hsl(0, 100%, 50%)
--color-danger