Champagne Paper

Foundations / Color

Color

The Champagne Paper palette is drawn from the material world of academic publishing. Nothing is pure white. Nothing is pure black. Every color earns its place by referencing a physical substance: binding cloth, archival paper, letterpress gold, India ink.

Core Palette

WCAG AAA

Burgundy

#800020

--primary

Library binding cloth · authority · primary CTAs

WCAG AA

Champagne

#FCFCE9

--accent

Antique gold foil · warmth · text on primary surfaces

Paper

#FCFCFA

--background

Heavyweight cream laid paper · all light surfaces

WCAG AAA

Ink

#1B1B27

--foreground

India ink · primary text · dark background surfaces

Semantic Tokens

24 semantic tokens map the core palette to UI roles. Use these tokens — not raw hex values — in all component code. This ensures correct behavior in both light and dark themes.

UI Elements

card

#FCFCF5

popover

#FCFCF5

muted

#F6F1E7

muted-foreground

#6F575F

AA

border

#D8CAB2

input

#D8CAB2

Interactive

primary

#800020

AAA

primary-foreground

#FCFCE9

AAA

secondary

#F5EFE3

accent

#FCFCE9

AA

ring

#800020

AA

destructive

#B42318

AAA

Charts

chart-1

#800020

AA

chart-2

#B06D2D

AA

chart-3

#5A4A6C

AA

chart-4

#3B6B5A

AA

chart-5

#6B3B4A

AA

Dark Mode Strategy

Dark and light themes don't feel like "dark mode" — they feel like the same document viewed in different lighting. The warm undertone is preserved in both. Burgundy inverts to its champagne complement rather than disappearing.

Light Theme · Paper

Primary Action

--primary: #800020 Burgundy

Dark Theme · Deep Ink

Primary Action

--primary: #E8C98A Champagne (inverted)

← Foundations Typography →