Thinking with Type by Ellen Lupton

Thinking with Type

Ellen Lupton / 2004

Lupton's accessible guide to typography combines sharp pedagogy with bold red accents on crisp white. The palette is pure editorial — high contrast, signal red, grey scaffolding.

typographyeducationeditorial

Extracted Palette Palettes are free. Exports aren't.

#FFFFFF background RGB 255 255 255
#231F20 ink RGB 35 31 32
#E8322E accent RGB 232 50 46
#58595B support RGB 88 89 91
#BCBEC0 neutral RGB 188 190 192
Processed in 0ms

CSS Variables

:root {
  --palette-background: #FFFFFF;
  --palette-ink: #231F20;
  --palette-accent: #E8322E;
  --palette-support: #58595B;
  --palette-neutral: #BCBEC0;
}

Tailwind Config

{
  "palette-background": "#FFFFFF",
  "palette-ink": "#231F20",
  "palette-accent": "#E8322E",
  "palette-support": "#58595B",
  "palette-neutral": "#BCBEC0"
}

Pro Exports Pro

Unlock for £4/month
AI-ready Export this palette as COLORS.md for Claude, Cursor, and Windsurf.

Warm Monochrome Ramp

PAPER 100
WARM 200
WARM 300
WARM 400
WARM 500
WARM 600
INK 900

Your turn. Extract your own.