Colors

Color brings the brand to life. It defines the mood, emotion, and energy that people feel when they see it. This section explains how to use the brand colors consistently to create harmony.

Primary colors

3 colors

Loading…
HEX:#C4BAFF
RGB:196, 186, 255
CMYK:23 27 0 0
PMS:PMS 194 C
Logo
Loading…
HEX:#FFFFFF
RGB:255, 255, 255
CMYK:0 0 0 0
PMS:PMS 255 C
Logo
Loading…
HEX:#000000
RGB:0, 0, 0
CMYK:0 0 0 100
PMS:PMS 1 C
Logo

Secondary colors

4 colors

Loading…
HEX:#000000
RGB:0, 0, 0
CMYK:0 0 0 100
PMS:PMS 1 C
Logo
Loading…
HEX:#000000
RGB:0, 0, 0
CMYK:0 0 0 100
PMS:PMS 1 C
Logo
Loading…
HEX:#000000
RGB:0, 0, 0
CMYK:0 0 0 100
PMS:PMS 1 C
Logo
Loading…
HEX:#000000
RGB:0, 0, 0
CMYK:0 0 0 100
PMS:PMS 1 C
Logo

Accessibility

The following are suggestions on color usage for the web that accommodate accessibility and legibility. If you need to test accessibility for typography or graphics you can use Contrast Plugin for Figma or Adobe's color accessibility tool.

Aa

Aa

Aa

11.81 : 1

Aa

Aa

Aa

21 : 1

Aa

Aa

Aa

21 : 1

Aa

Aa

Aa

12.37 : 1

Aa

Aa

Aa

19.55 : 1

Aa

Aa

Aa

6.78 : 1

Aa

Aa

Aa

3.49 : 1

Create a free website with Framer, the website builder loved by startups, designers and agencies.