Brand

EEZEE_BLUE

#2A64DB

EEZEE_BLUE_DARK

#1E4DAF

EEZEE_BLUE_DARKER

#15367A

EEZEE_BLUE_DARK_BACKGROUND

#0C1F47

EEZEE_BLUE_LIGHT

#DBE5FA

EEZEE_BLUE_LIGHT_BACKGROUND

#EEF3FC

Accent

EEZEE_YELLOW

#FFC822

EEZEE_YELLOW_DARK

#6A5001

EEZEE_YELLOW_LIGHT

#FFE69C

EEZEE_YELLOW_LIGHT_BACKGROUND

#FFF2CC

Neutral

BLACK

#000000

GREY_BASE

#242528

GREY_PRIMARY

#55585D

GREY_SECONDARY

#868A92

GREY_TERTIARY

#BCBEC2

BORDER

#D7D8DB

DIVIDER

#E4E5E7

BACKGROUND

#EFEFF0

FOREGROUND

#F5F5F7

WHITE

#FFFFFF

OVERLAY_BACKGROUND_FOCUS

rgba(0, 0, 0, 0.70)

OVERLAY_BACKGROUND_ASSIST

rgba(0, 0, 0, 0.20)

Functional

WARNING

#F49725

WARNING_DARK

#9E5700

WARNING_LIGHT

#FFEDC4

WARNING_LIGHT_BACKGROUND

#FFF7E6

DANGER

#DC0112

DANGER_DARK

#AE010E

DANGER_DARKER

#7A010A

DANGER_LIGHT

#FFD9DC

DANGER_LIGHT_BACKGROUND

#FFF1F0

SUCCESS

#267500

SUCCESS_DARK

#194D00

SUCCESS_LIGHT

#DAF0D1

SUCCESS_LIGHT_BACKGROUND

#F3F9F0

Label Color

PURPLE

#882BD9

PURPLE_DARK

#5C1A94

PURPLE_LIGHT

#E9DAF7

PURPLE_LIGHT_BACKGROUND

#F3E9FC

TURQUOISE

#1AADA6

TURQUOISE_DARK

#064D49

TURQUOISE_LIGHT

#CAEDEC

TURQUOISE_LIGHT_BACKGROUND

#E0F7F6

MAGENTA

#D11F96

MAGENTA_DARK

#980C69

MAGENTA_LIGHT

#F5CEE8

MAGENTA_LIGHT_BACKGROUND

#FCE9F6

Guidelines

Figma