Foundations
Color with a clear job.
A small palette keeps eeya recognizable. Slate carries trust; lime and mint bring warmth and movement.
Brand palette
Use token names in every interface. The role matters more than the literal value.
Slate
bg-slate · #1A3C44
Logo, text, and strong backgrounds
Lime
bg-lime · #A9D629
Primary actions and the core ribbon
Mint
bg-mint · #2AC9A4
Supporting surfaces and secondary ribbon
Light
bg-light · #F5F5F5
Main page background
White
bg-white · #FFFFFF
Raised specimens and clean contrast
Semantic roles
Semantic tokens keep common interface decisions consistent.
bg-primary
Primary action
bg-secondary
Supporting emphasis
bg-background
Page canvas
text-foreground
Default text
Alert · bg-alert
Only for overdue payments, failed debit orders, and other in-app warnings. Never use alert in marketing.
Contrast
These pairings protect readability and keep the palette confident.
Slate on light
Lime on slate
Mint on slate
Slate on lime
Lime on light
Mint on light
White on lime
White on mint