Skip to content

Primary Colors

Orange

Orange
#FF7B00
rgb(255, 133, 0)
Only to be used in the gradient

PinkOrange

Pink/Orange
#FF4431
rgb(255, 68, 49)
To be used in the gradient and divider lines 

Pink

Pink
#C70375
rgb(199, 3, 117)
To be used as pop-out text, dividers, outlines, and part of the gradient

Neutral Colors

Black-1

Black
#000000
rgb(0,0,0)
Background Gradients

Grey Dark

Gray Dark
#31363E
rgb(49,54,62)
Body text and secondary headings

Gray Medium

Gray Medium
#4A5565
rgb(74,85,101)
Captions and metadata text

Gray Light

Light Gray
#F9FAFB
rgb(249,250,251)                            Borders, dividers, and backgrounds

Accent Colors 

Dark Purple

Dark Purple
#30005D
rgb(48, 0, 93)

Puprple Light

Purple Light
#F9F8FC
rgb(255, 255, 255)

Pink Light

Pink Light
#FCEFF1
rgb(2552, 239, 241)

Color Usage Guidelines

• Always use primary blue for main CTAs and interactive elements

• Maintain a minimum contrast ratio of 4.5:1 for text

• Use accent colors sparingly to highlight important information

• Stick to the defined palette to maintain brand consistency