KAAT · Brand Colors

KAAT color palette

Anchored on the KAAT brand periwinkle #8287EB. Below are the two modes we use across the app and web — a light theme and a dark theme — with the exact hex values for each surface, the brand color, and its hover state. Use this as the starting point for marketing assets.

Light Mode

Default

Brand

Primary

#8287EB

Primary hover

#6B70DE

Accent wash

#EEF0FB

Border

#E2E6EF

Surfaces

Background

#FFFFFF

Card

#F7F8FC

Text

#1E2430

Muted text

#5B6472

← hover the buttons to see the states

Dark Mode

Night

Brand

Primary

#8287EB

Primary hover

#9EA2F2

Accent wash

#1E2130

Border

#262A35

Surfaces

Background

#0C0D12

Card

#14161D

Text

#E6E8EF

Muted text

#9AA1B2

← hover the buttons to see the states

Logo

Pick a color combination beneath the logo to preview it on every brand surface — white, ink, or periwinkle. Downloads export a transparent SVG in the currently selected logo color.

Typography

Display

Didot

Headlines, the wordmark, and editorial moments.

Body

San Francisco

System sans — UI and body copy.

Notes for marketing

The brand color is #8287EB — please keep this exact value on any asset, in both light and dark contexts. Typography pairs Didot (display / headlines) with San Francisco (body & UI). Logos may be used freely — wordmark or mark, in white, ink, or periwinkle. Feel free to propose an extended palette (secondary accents, illustration colors) that complements this periwinkle.