Adora. Impressionist museum behind frosted glass.
- SaaS
- Light theme
- 13 colors
- 2 typefaces
Adora wraps a precise product-analytics interface inside an impressionist gallery — white cards and crisp dashboards sit on canvas-like backgrounds of swirling oil-paint color, with hand-drawn squiggle underlines giving headings a notebook-becoming-poster feel. The color story is white-surface discipline broken by a single vivid violet for action and a palette of pastel accents (sky blue, lime, bubblegum pink, hot magenta) that are used as small confetti, not washes. Shapes are confidently rounded: cards and the product frame are very generous (40-64px), badges and the floating nav pill are stadium-rounded, buttons are gently rounded (8-12px). Typography pairs a custom display face (PolySans) at heavy weights for headlines against Plus Jakarta Sans at 400-500 for UI, with universal -0.02em tracking pulling the whole system tight and contemporary.
Adora design system
Brand1
Primary action background, filled CTA buttons, active link borders, selected badge strokes — the single saturated chromatic that drives every conversion and active state
Accent6
Decorative pastel accent — painterly background fills, soft highlight washes, illustrative splashes
Decorative pastel accent — painterly background fills, squiggle underline fills, product card surface variation
Decorative pastel accent — soft pink washes, squiggle underline highlights, atmospheric card backgrounds
Badge stroke and informational icon accent — vivid, used in tag outlines and feature flags
Badge stroke and positive/success-leaning icon accent — vivid green used in tag outlines
Badge stroke and energetic icon accent — hot pink for tag outlines and feature highlights
Neutrals6
Headline text color, display-weight typography — deep violet-ink that reads as near-black but carries a violet undertone matching the primary
Body text, paragraph copy, list items, icon strokes, default borders and dividers — the workhorse neutral that defines almost all interface line work
Secondary body text, muted helper copy, supporting metadata
Hairline borders on buttons, cards, and inputs; subtle structural dividers
Subtle surface fills, secondary button backgrounds, disabled or recessed controls
Page and card surfaces, button text on violet fills, nav-pill and elevated panel backgrounds
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Pure White on Electric Violet
6.44 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
