Perplexity
Perplexity's brand palette as captured from the live answer engine (perplexity.ai) and the docs surface (docs.perplexity.ai). The brand is dark-first by default: a deep "Inky" near-black canvas with a warm "Paper" cream inverse, fronted by Perplexity's signature "Peacock" teal accent — a calibrated cyan-green that appears as the action color across answer cards, citations, and Pro upgrade surfaces. A muted secondary palette of pale-yellow paper tones and OKLCH-pale-cyan neutrals carries the typography. Perplexity is dark-first; the light mode used by users who prefer it flips Inky to a warm Paper canvas with deep ink text.
24 swatches 15 light roles 15 dark roles
Swatches
inky
#100E12
Primary dark canvas — Perplexity's documented dark theme-color meta.
inky-deep
#082125
Deepest near-black accent with cool cyan undertone.
inky-elevated
#1F2121
Elevated surface on dark canvas.
inky-quiet
#211B1A
Subtle surface accent on dark canvas.
paper
#FCFCF9
Light canvas — Perplexity's documented light theme-color meta.
paper-elevated
#F5F5F5
Subtle elevated surface on Paper canvas.
paper-warm
#F7F7F8
Off-white text on dark canvas; warm fallback.
peacock
#1FB8CD
Perplexity's signature peacock teal — the primary brand accent.
peacock-bright
#32B8C6
Bright peacock variant — primary action button.
peacock-deep
#139FB2
Pressed-peacock variant for hover state.
peacock-soft
#92DCE2
Soft peacock for tinted backgrounds and hover states.
peacock-button
#35BDC8
Bright teal as rendered on docs primary buttons.
peacock-banner
#1A6872
Deep peacock — banner / dark-mode primary surface.
peacock-pale
#27CAE0
Pale peacock — soft tint variant.
marigold
#F0B435
Marigold gold — editorial accent (Pro / Max indicators).
marigold-soft
#FFAB44
Soft marigold tint.
marigold-pale
#FEF08A
Pale marigold tint.
rust
#E68161
Rust orange — editorial accent.
ember
#E10600
Ember red — destructive action.
violet-soft
#C48ED8
Soft violet — data-viz accent.
text-on-paper
#121516
Body text on the Paper canvas — deep ink.
text-on-inky
#E0E0E0
Body text on the Inky canvas — soft warm white.
text-secondary
#5D5F5F
Secondary text on either canvas.
border-quiet
#84754E
Quiet border — captured in dark-mode dot-bg literals.
Mode role mappings
Light mode (15 roles)
accent
→ peacock accent-hover
→ peacock-deep background
→ paper border
→ paper-elevated error
→ ember primary
→ peacock-deep primary-hover
→ peacock-banner success
→ peacock surface
→ paper-elevated surface-elevated
→ paper text-primary
→ text-on-paper text-secondary
→ text-secondary text-tertiary
→ border-quiet warning
→ marigold warning-hover
→ marigold-soft Dark mode (15 roles)
accent
→ peacock accent-hover
→ peacock-soft background
→ inky border
→ inky-quiet error
→ ember primary
→ peacock-bright primary-hover
→ peacock-soft success
→ peacock-pale surface
→ inky-elevated surface-elevated
→ inky-quiet text-primary
→ text-on-inky text-secondary
→ paper-warm text-tertiary
→ text-secondary warning
→ marigold warning-hover
→ marigold-soft Provenance
- Source
- https://www.perplexity.ai/
- License
Proprietary — All Rights Reserved- Attribution
- Perplexity AI, Inc. — palette values captured from the deployed stylesheet on perplexity.ai (--pale-cyan-*, --pale-yellow-*, --costa-*, --pale-blue-* OKLCH token families) and the docs.perplexity.ai documentation surface. Perplexity, the Perplexity wordmark, and associated marks are property of Perplexity AI, Inc.
- Imported
-
2026-05-18 - Notes
- Derived from live site CSS at https://www.perplexity.ai/ on 2026-05-18 (via the rendered theme-color meta tags and the /_spa/assets/spa-shell-Cx9sHPyb.css bundle) and from https://docs.perplexity.ai/ where the same teal accent renders as button-primary. No public brand guide located. Perplexity's source-of-truth token system uses OKLCH; hex values here are sampled from the live theme-color meta tags and rendered accent buttons. The proprietary brand faces FK Grotesk Neue, Newsreader (serif), and Berkeley Mono are declared on perplexity.ai via @font-face but are not publicly distributed.