Nubank. One vivid accent on luminous off-white, all surfaces curved into soft pills.
- Finance
- Mixed theme
- 10 colors
- 1 typeface
Nubank operates on a radical one-accent system: a white porcelain canvas, black ink typography, and a single vivid violet that functions as the only chromatic note in the entire interface. The visual grammar is built on pill shapes — buttons, inputs, and links all curve into 999px capsules, giving the system a soft, rounded, approachable personality that softens the severity of high-contrast black-on-white. Typography carries the authority: a custom geometric sans (Graphik) at weights 400-500 with aggressive negative tracking, creating tight, composed headlines that whisper rather than shout. The page breathes — generous 8px-based spacing, large display sizes (up to 56px), and dark photo sections that contrast with otherwise luminous white surfaces. Every interaction surface is a pill, every accent is violet, and every screen feels like a single page from a meticulously typeset magazine.

Nubank design system
Brand3
Violet supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color
Violet supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color
Subtle violet washes, disabled violet states, muted brand backgrounds
Neutrals7
Dark supporting neutral for text, icons, and strong contrast. Do not promote it to the primary CTA color
Mid-neutral fills, muted backgrounds for nested sections
Tertiary text, footer secondary lines, metadata
Secondary text, helper labels, placeholder text, icon strokes at rest
Hairline borders, dividers, subtle UI separators
Page canvas, subtle section backgrounds, input field fills — the porcelain tone that defines the overall light theme
Card surfaces, input fills, text on dark backgrounds, page sections over the mist base
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Snow on Nubank Violet
7.21 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7











