Contrast. Neon coral signal on white silence.
- SaaS
- Light theme
- 10 colors
- 1 typeface
Contrast runs on white-silence interrupted by one vivid coral signal. The entire visual system is deliberately restrained — generous whitespace, monochrome surfaces, heavy geometric type — so that the single warm-red CTA can do all the emotional work. Cards float on barely-visible shadows (0.06 alpha), radii are generous and pill-heavy, and the coral accent repeats as a system: buttons, borders, icons, badges, decorative washes. Black text is near-pure (#0e0f10) rather than softened gray, giving the headlines weight and authority that the otherwise delicate chrome would otherwise lack. Layout alternates between full-bleed centered hero stacks and dense multi-column card grids, with a persistent floating webinar widget anchoring the lower-left.

Contrast design system
Brand1
Primary action buttons, active links, icon accents, decorative badges — the only chromatic element allowed to fill space
Accent3
Secondary warm accent for icon borders, decorative fills, and illustration strokes when coral needs a lighter companion
Deepest warm accent for icon borders, decorative fills, and hero illustration strokes
Soft pink-tinted wash for accent backgrounds, hover surfaces, and decorative bands
Neutrals6
Primary text, filled neutral buttons, dark surface backgrounds
Badge fills, dark nav backgrounds, subtle card borders
Secondary text on light surfaces
Muted helper text, icon strokes, secondary borders, list dividers
Subtle section backgrounds, tertiary surface layer
Page canvas, card surfaces, text on dark fills, outlined button borders
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Carbon Ink on Signal Coral
6.02 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7











