Brand guidelines Colors Brand guidelines
Colors

Tips for working with colors

  • For print, it is highly recommended to use offset printing and the Pantone (PMS) color for Lavender.
  • Use the supporting hues moderately—a lot can be achieved with the three main colors.
Main color

Black

HEX #000000
R: 0 G: 0 B: 0
C: 0 M: 0 Y: 0 K: 100

Main color

Black

HEX #000000
R: 0 G: 0 B: 0
C: 0 M: 0 Y: 0 K: 100

Accent color

Lavender

HEX #718CFF
R: 113 G: 140 B: 255
C: 60 M: 42 Y: 0 K: 0
PMS 7452

Accent color

Lavender

HEX #718CFF
R: 113 G: 140 B: 255
C: 60 M: 42 Y: 0 K: 0
PMS 7452

Secondary color

White

HEX #FFFFFF
R: 255 G: 255 B: 255
C: 0 M: 0 Y: 0 K: 0

Secondary color

White

HEX #FFFFFF
R: 255 G: 255 B: 255
C: 0 M: 0 Y: 0 K: 0

Supporting hue

Hawkes

HEX #EAEEFE
R: 234 G: 238 B: 254
C: 30 M: 21 Y: 0 K: 0

Supporting hue

Hawkes

HEX #EAEEFE
R: 234 G: 238 B: 254
C: 30 M: 21 Y: 0 K: 0

UI functions color

Coral

HEX #FF6073
R: 255 G: 96 B: 115

UI functions color

Coral

HEX #FF6073
R: 255 G: 96 B: 115

Supporting hue

Dark

HEX #757575
R: 117 G: 117 B: 117

Supporting hue

Dark

HEX #757575
R: 117 G: 117 B: 117

Supporting hue

Grey

HEX #A6A6A6
R: 166 G: 166 B: 166

Supporting hue

Grey

HEX #A6A6A6
R: 166 G: 166 B: 166

Supporting hue

Dim

HEX #E5E5E5
R: 229 G: 229 B: 229

Supporting hue

Dim

HEX #E5E5E5
R: 229 G: 229 B: 229

Supporting hue

Light

HEX #F5F5F5
R: 245 G: 245 B: 245

Supporting hue

Light

HEX #F5F5F5
R: 245 G: 245 B: 245

This website uses cookies to ensure you get the best experience on our website.  Learn more Got it!