Perplexity AI. Warm research terminal.
- AI
- Light theme
- 7 colors
- 1 typeface
Perplexity's interface operates like a quiet research terminal: a warm off-white canvas (#faf8f5) that reads more like aged paper than sterile app-white, a single monochrome typographic voice, and one restrained teal accent (#016a71) that appears only as functional punctuation. The entire visual system compresses to a search bar as the hero — every surrounding control (sidebar, top nav, model selector, voice button) is a subordinate satellite. Density is compact but not cramped: 8px is the workhorse gap, 12–16px the padding standard, with 9999px pill rounding on all interactive controls. There is almost no elevation — the design is deliberately flat, using a barely-there 1px border at #d1d1cd and a single whisper-soft shadow to separate the card layer from the canvas. Typography is custom (pplxSans) at exactly two weights (400, 500) and three sizes (12, 14, 16) — the scale is intentionally narrow, making the interface feel like a document rather than a dashboard.
Perplexity AI design system
Brand1
Sole chromatic accent — active nav indicator and selected state fill, provides the only color punctuation in the interface
Neutrals6
Primary text, icon strokes, and the dominant fill across navigation and body copy
Primary action button background and high-emphasis text — warm near-black that pairs with the cream canvas for a softer than pure-black contrast
Secondary text, muted icons, and inactive nav fills — carries the warm tint of the palette
Tertiary/placeholder text and low-emphasis labels
Hairline borders on cards and input containers — warm gray that recedes against the cream canvas
Page canvas and card surfaces — warm off-white replaces sterile pure white, giving the interface a document-like, paper-textured quality
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Aged Paper on Deep Teal
6.00 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
