Skip to content
Library

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.

Screenshot of Contrast
Captured from getcontrast.io on October 11, 2026

Contrast design system

Contrast

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

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.