aave.com. A light lavender noon collapses into a midnight product surface, and one electric violet is the only color that survives the transition.
- Crypto
- Mixed theme
- 10 colors
- 2 typefaces
Aave operates as a dual-mood system: a sunlit lavender hero dissolves into a near-black product surface, with vivid violet (#998eff) threading both halves as the sole chromatic accent. Typography runs on a custom display family (Aave Repro) held in a narrow 400–500 weight range — hierarchy comes from generous size jumps and aggressive negative tracking, not from going bold. Components are soft and pill-shaped by default: 20px is the workhorse corner radius, 1584px marks the full-pill CTA, and elevation is essentially absent — a single soft shadow recipe appears on floating elements only. The result reads as a fintech app that absorbed crypto's electric energy and SaaS's editorial restraint simultaneously, presenting dense DeFi mechanics through a calm, high-contrast canvas.
aave.com design system
Brand1
Primary CTA fill, outlined action borders, category label accent, decorative icon strokes — the single chromatic thread across light and dark sections; warm enough to feel alive against matte black without becoming aggressive
Neutrals9
Pure-black fallbacks for fills, strokes, and high-contrast borders
High-contrast neutral action fill for primary buttons on light surfaces.
Dominant dark surface, body text in light sections, primary nav text — the near-black that anchors the Pro and Markets bands
Body text, muted paragraph copy, secondary nav text — carries the bulk of reading weight in light sections
Medium-neutral helper text, secondary borders, placeholder fills
Icon strokes, tertiary borders, disabled-state outlines
Hairline dividers, subtle fills, low-emphasis SVG strokes
Off-white card surface, light icon borders, tinted secondary background — the warm neutral behind badges and product pills
Page canvas, card surfaces, light button fills, text in dark sections
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Charcoal on Aave Violet
7.67 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
