Skip to content
Library

Cohere. Every screen is a spread, not a dashboard.

  • AI
  • Light theme
  • 15 colors
  • 3 typefaces

Cohere reads as an editorial product monograph: a cream-white canvas, near-black typography, and pill-shaped dark CTAs carry the entire hierarchy without ornament. The signature is restraint — one tri-color gradient (coral → violet → blue) appears only inside photography and decorative washes, never on UI controls, so the interface stays monochrome while imagery supplies chromatic warmth. Typography does the heavy lifting: Unica77 at every UI role with tight negative tracking, and a wider CohereText display face for hero headlines, creating editorial authority rather than SaaS density. Components are minimal and confident — 22px rounded image cards, hairline #e5e7eb borders, dark filled actions — letting photography, code snippets, and copy carry the narrative weight.

Screenshot of Cohere
Captured from cohere.com on October 11, 2026

Cohere design system

Cohere

Accent5

  • Decorative gradient stop — appears only in photography washes and ornamental highlights, never on UI controls

  • Decorative gradient midstop — transitional violet in the signature warm-to-cool sweep

  • Decorative gradient endpoint — cool terminal in the signature gradient, also a faint illustration accent

  • Soft highlight wash, gradient surface tint for feature cards

  • Mid-saturation accent in decorative washes and tag backgrounds

Neutrals10

  • Dark surfaces, filled pill buttons, footer background, code panels

  • Primary text, heading fill, icon stroke — the workhorse dark

  • Deepest surface accent, overlay tint, code block background

  • Tertiary body text, metadata, timestamps

  • Nav text, subdued annotations, breadcrumb-style labels

  • Muted body text, helper text, secondary labels

  • Secondary borders, nav dividers, subtle separators

  • Default borders, dividers, card outlines, input strokes

  • Subtle warm surface variant for alternating sections

  • Primary page background, card surfaces, button text

Try a pairing

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

Aa

#111111 on Iris Wash

4.40 : 1 contrast

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

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