Brand kit

Primary palette

--gradient-brand

#F05041 → #F5832F · Primary CTA gradient (left to right)

--color-brand-purple

#503DC5 · Purple accent

--color-brand-medium-blue

#3EB4DE · Medium blue accent

--color-brand-dark

#22282C · Dark background, body text

--color-brand-light-bg

#FFFFFF · Page background

--color-brand-text-strong

#1A1B1C · Header text

Secondary palette

--color-brand-light-bg-2

#F5F7FA · Alternative light background

--color-brand-accent-blue-1

#36D2F7 · Accent blue (sky)

--color-brand-accent-gray-1

#303233 · Accent gray

--color-brand-light-gray

#F3F4F5 · Application-site gray

--color-brand-accent-blue-2

#CFEDF8 · Pale blue accent

--color-brand-accent-gray-2

#3C3F42 · Medium neutral

--color-brand-white

#FFFFFF · White surface

--color-brand-accent-blue-3

#F2F8FC · Off-white blue surface

Special-use colors

Restricted palette — use only when a design specifically calls for them. Do not use as default card backgrounds, buttons, links, or section accents.

--color-special-dark-teal

#05B3AF

--color-special-bright-teal

#06CDAE

--color-special-coral

#F05041

--color-special-dark-purple

#362985

--color-special-yellow

#FFD902

--color-special-soft-yellow

#FDEBA2

--color-special-mint

#E4FAF6

--color-special-lavender

#EBEBFF

--color-special-blush

#FAF1EF

Gradient direction

Token: --gradient-brand · Semantic: --color-action-gradient