{ BRANDKIT // Color }

Color

DESIGN SYSTEM

OUR BRAND COLORS

SHOWCASE OUR VOICE

{ BRANDKIT // Color }

Color

DESIGN SYSTEM

OUR BRAND COLORS

SHOWCASE OUR VOICE

{ BRANDKIT // Color }

Color

OUR BRAND COLORS

SHOWCASE OUR VOICE

BrandKit®

Color is one of the fastest ways our brand is recognized

(Color)

Color is one of the fastest ways our brand is recognizedit sets the mood before a single word is read. Our palette is designed to feel confident and modern: bold enough to stand out, restrained enough to stay timeless. This section defines our core colors, supporting tones, and usage rules so every screen, slide, and surface looks unmistakably like us.

BrandKit®

Color is one of the fastest ways our brand is recognized

Color is one of the fastest ways our brand is recognizedit sets the mood before a single word is read. Our palette is designed to feel confident and modern: bold enough to stand out, restrained enough to stay timeless. This section defines our core colors, supporting tones, and usage rules so every screen, slide, and surface looks unmistakably like us.
Color is one of the fastest ways our brand is recognizedit sets the mood before a single word is read. Our palette is designed to feel confident and modern: bold enough to stand out, restrained enough to stay timeless. This section defines our core colors, supporting tones, and usage rules so every screen, slide, and surface looks unmistakably like us.

{ COLOR // PRIMARY PALETTE }

Primary Palette

Our primary palette is a tight set of core colors used to anchor the brand in high-contrast & instantly recognizable.

Deep Blue

P—001

#0019FF

Black

P—002

#050505

Off White

P—003

#F5F1E6

ORANGE

p—004

#FF8063

TEAL

p—005

#BBFFF2

{ COLOR // SECONDARY PALETTE }

Secondary Palette

Our primary palette is a tight set of core colors used to anchor the brand in high-contrast & instantly recognizable.

YELLOW

S—001

#FDC187

RED

S—002

#F66485

PURPLE

S—003

#8250FF

{ COLOR // PRIMARY SHADES }

Primary Shades

Our primary shades are lighter and darker tonal steps of the core colors, used to create hierarchy, depth, and flexibility.

PRIMARY Blue ShadeS

P—001

P—1

#0019FF

P-002

#0C0E4B

P-003

#151763

P-004

#1B1D77

P-005

#272CA6

P-006

#353AD1

P-007

#4348FF

P-008

#6A6EFF

P-009

#B6B6FF

PRIMARY Blue ShadeS

P—001

P—1

#0019FF

P-002

#0C0E4B

P-003

#151763

P-004

#1B1D77

P-005

#272CA6

P-006

#353AD1

P-007

#4348FF

P-008

#6A6EFF

P-009

#B6B6FF

PRIMARY Blue ShadeS

P—001

P—1

#0019FF

P-002

#0C0E4B

P-003

#151763

P-004

#1B1D77

P-005

#272CA6

P-006

#353AD1

P-007

#4348FF

P-008

#6A6EFF

P-009

#B6B6FF

{ COLOR // GREYSCALE }

Greyscale

Our greyscale palette provides neutral structure for typography, UI, and backgrounds—keeping layouts clean.

GREYSCALE

GR—001

G—1

#96A4A5

GR-002

#101A24

GR-003

#1A2B3C

GR-004

#23384D

GR-005

#30485E

GR-006

#516D85

GR-007

#768FA6

GR-008

#A7BACC

GR-009

#DAE5ED

GREYSCALE

GR—001

G—1

#96A4A5

GR-002

#101A24

GR-003

#1A2B3C

GR-004

#23384D

GR-005

#30485E

GR-006

#516D85

GR-007

#768FA6

GR-008

#A7BACC

GR-009

#DAE5ED

GREYSCALE

GR—001

G—1

#96A4A5

GR-002

#101A24

GR-003

#1A2B3C

GR-004

#23384D

GR-005

#30485E

GR-006

#516D85

GR-007

#768FA6

GR-008

#A7BACC

GR-009

#DAE5ED

{ COLOR // SPECTRUM }

Spectrum

Our full color spectrum is an extended set of secondary and accent hues used sparingly for charts & highlights.

PRIMARY 50

#C7C7FF

PRIMARY 50

#C7C7FF

PRIMARY 50

#C7C7FF

PRIMARY 100

#B6B6FF

PRIMARY 100

#B6B6FF

PRIMARY 100

#B6B6FF

PRIMARY 200

#7377FA

PRIMARY 200

#7377FA

PRIMARY 200

#7377FA

PRIMARY 300

#595FFF

PRIMARY 300

#595FFF

PRIMARY 300

#595FFF

PRIMARY 400

#4348FF

PRIMARY 400

#4348FF

PRIMARY 400

#4348FF

PRIMARY 500

#0019FF

PRIMARY 500

#0019FF

PRIMARY 500

#0019FF

PRIMARY 600

#041AD9

PRIMARY 600

#041AD9

PRIMARY 600

#041AD9

PRIMARY 700

#0010A6

PRIMARY 700

#0010A6

PRIMARY 700

#0010A6

PRIMARY 800

#020E8A

PRIMARY 800

#020E8A

PRIMARY 800

#020E8A

PRIMARY 900

#000A69

PRIMARY 900

#000A69

PRIMARY 900

#000A69

ORANGE 50

#FFE4E0

ORANGE 50

#FFE4E0

ORANGE 50

#FFE4E0

ORANGE 100

#FFDAD2

ORANGE 100

#FFDAD2

ORANGE 100

#FFDAD2

ORANGE 200

#FFCDC2

ORANGE 200

#FFCDC2

ORANGE 200

#FFCDC2

ORANGE 300

#FFB2A3

ORANGE 300

#FFB2A3

ORANGE 300

#FFB2A3

ORANGE 400

#FF9982

ORANGE 400

#FF9982

ORANGE 400

#FF9982

ORANGE 500

#FF7F63

ORANGE 500

#FF7F63

ORANGE 500

#FF7F63

ORANGE 600

#D86850

ORANGE 600

#D86850

ORANGE 600

#D86850

ORANGE 700

#B3503E

ORANGE 700

#B3503E

ORANGE 700

#B3503E

ORANGE 800

#8A3A29

ORANGE 800

#8A3A29

ORANGE 800

#8A3A29

ORANGE 900

#642213

ORANGE 900

#642213

ORANGE 900

#642213

TEAL 50

#D8FBFD

TEAL 50

#D8FBFD

TEAL 50

#D8FBFD

TEAL 100

#C7F9F9

TEAL 100

#C7F9F9

TEAL 100

#C7F9F9

TEAL 200

#B5F8F6

TEAL 200

#B5F8F6

TEAL 200

#B5F8F6

TEAL 300

#8EF6F3

TEAL 300

#8EF6F3

TEAL 300

#8EF6F3

TEAL 400

#6AEEF0

TEAL 400

#6AEEF0

TEAL 400

#6AEEF0

TEAL 500

#47ECED

TEAL 500

#47ECED

TEAL 500

#47ECED

TEAL 600

#3ABFBF

TEAL 600

#3ABFBF

TEAL 600

#3ABFBF

TEAL 700

#2D9291

TEAL 700

#2D9291

TEAL 700

#2D9291

TEAL 800

#196463

TEAL 800

#196463

TEAL 800

#196463

TEAL 900

#0D3537

TEAL 900

#0D3537

TEAL 900

#0D3537

INDIGO 50

#E7DCFF

INDIGO 50

#E7DCFF

INDIGO 50

#E7DCFF

INDIGO 100

#CDBBFF

INDIGO 100

#CDBBFF

INDIGO 100

#CDBBFF

INDIGO 200

#B897FF

INDIGO 200

#B897FF

INDIGO 200

#B897FF

INDIGO 300

#A076FD

INDIGO 300

#A076FD

INDIGO 300

#A076FD

INDIGO 400

#8953FD

INDIGO 400

#8953FD

INDIGO 400

#8953FD

INDIGO 500

#6F42D0

INDIGO 500

#6F42D0

INDIGO 500

#6F42D0

INDIGO 600

#5632A8

INDIGO 600

#5632A8

INDIGO 600

#5632A8

INDIGO 700

#3F217D

INDIGO 700

#3F217D

INDIGO 700

#3F217D

INDIGO 800

#321967

INDIGO 800

#321967

INDIGO 800

#321967

INDIGO 900

#261154

INDIGO 900

#261154

INDIGO 900

#261154

BLUE 50

#D1D6FA

BLUE 50

#D1D6FA

BLUE 50

#D1D6FA

BLUE 100

#A8AEF6

BLUE 100

#A8AEF6

BLUE 100

#A8AEF6

BLUE 200

#7D86F1

BLUE 200

#7D86F1

BLUE 200

#7D86F1

BLUE 300

#535FEC

BLUE 300

#535FEC

BLUE 300

#535FEC

BLUE 400

#2734E9

BLUE 400

#2734E9

BLUE 400

#2734E9

BLUE 500

#1D2AB9

BLUE 500

#1D2AB9

BLUE 500

#1D2AB9

BLUE 600

#18208D

BLUE 600

#18208D

BLUE 600

#18208D

BLUE 700

#10165C

BLUE 700

#10165C

BLUE 700

#10165C

BLUE 800

#0C1044

BLUE 800

#0C1044

BLUE 800

#0C1044

BLUE 900

#050A2D

BLUE 900

#050A2D

BLUE 900

#050A2D

RED 50

#FFD9E2

RED 50

#FFD9E2

RED 50

#FFD9E2

RED 100

#FEC6D0

RED 100

#FEC6D0

RED 100

#FEC6D0

RED 200

#FBB2C4

RED 200

#FBB2C4

RED 200

#FBB2C4

RED 300

#FA8DA2

RED 300

#FA8DA2

RED 300

#FA8DA2

RED 400

#F66485

RED 400

#F66485

RED 400

#F66485

RED 500

#F73D68

RED 500

#F73D68

RED 500

#F73D68

RED 600

#C83053

RED 600

#C83053

RED 600

#C83053

RED 700

#992540

RED 700

#992540

RED 700

#992540

RED 800

#6A1929

RED 800

#6A1929

RED 800

#6A1929

RED 900

#53101F

RED 900

#53101F

RED 900

#53101F

GREEN 50

#E7FBF1

GREEN 50

#E7FBF1

GREEN 50

#E7FBF1

GREEN 100

#D3F7E2

GREEN 100

#D3F7E2

GREEN 100

#D3F7E2

GREEN 200

#A7EEC2

GREEN 200

#A7EEC2

GREEN 200

#A7EEC2

GREEN 300

#7AE6A4

GREEN 300

#7AE6A4

GREEN 300

#7AE6A4

GREEN 400

#4EDD84

GREEN 400

#4EDD84

GREEN 400

#4EDD84

GREEN 500

#20D566

GREEN 500

#20D566

GREEN 500

#20D566

GREEN 600

#17AA4F

GREEN 600

#17AA4F

GREEN 600

#17AA4F

GREEN 700

#13803B

GREEN 700

#13803B

GREEN 700

#13803B

GREEN 800

#055528

GREEN 800

#055528

GREEN 800

#055528

GREEN 900

#08421E

GREEN 900

#08421E

GREEN 900

#08421E

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