Skip to content
Library

Pastel. Quiet paper notebook with one vivid ink stamp.

  • SaaS
  • Light theme
  • 11 colors
  • 2 typefaces

Pastel is a quiet, paper-warm canvas interrupted by one vivid blue stamp. The interface is nearly monochrome — deep near-black text on a stone-white background, with cool gray-blue borders doing the structural work that shadows do elsewhere. A single cobalt accent surfaces only at decision points: the primary CTA, active link, and a few brand marks. The unusual 8.8px corner radius is the signature — softer than a 6px tech feel, tighter than a 12px consumer feel, it signals 'serious tool, friendly enough'. Figtree carries negative tracking at every size, pulling headlines into compact, confident shapes rather than letting them sprawl. Density is generous; whitespace is treated as a structural element, not a luxury. Components are flat with hairline borders, never elevated with shadows.

Screenshot of Pastel
Captured from usepastel.com on October 11, 2026

Pastel design system

Pastel

Brand1

  • Violet supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color

Neutrals10

  • Primary headings, body text, icon strokes — the dominant text and graphic color across all contexts

  • Secondary headings, card titles, slightly softer than Ink Black for hierarchical depth

  • Supporting neutral for secondary UI, dividers, and muted labels. Do not promote it to the primary CTA color

  • Secondary icon color, disabled-adjacent UI elements

  • Muted helper text, icon hints, tertiary metadata — warm gray that sits naturally on Paper Stone

  • Subtle link underlines, very light decorative borders

  • Hairline borders, card outlines, structural dividers — cool blue-tinted gray that distinguishes borders from text

  • Secondary card surface, subtle section bands one step above canvas

  • Light supporting surface for subtle backgrounds and section separation.

  • Button text on dark or accent surfaces, inverse text on dark blocks

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Pure White on Cobalt Stamp

5.26 : 1 contrast

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

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