Design system · Developer Tools

Cursor.

AI-first code editor. Sleek dark interface, gradient accents.

Palette sample

First 5 hex codes lifted from the DESIGN.md color sections. The full palette and roles live in the source spec.

#f2f1ed
#26251e
#e6e5e0
#ebeae5
#cf2d56

Visual theme

Cursor's website is a study in warm minimalism meets code-editor elegance. The entire experience is built on a warm off-white canvas (`#f2f1ed`) with dark warm-brown text (`#26251e`) -- not pure black, not neutral gray, but a deeply warm near-black with a yellowish undertone that evokes old paper, ink, and craft. This warmth permeates every surface: backgrounds lean toward cream (`#e6e5e0`, `#ebeae5`), borders dissolve into transparent warm overlays using `oklab` color space, and even the error state (`#cf2d56`) carries warmth rather than clinical red. The result feels more like a premium print publication than a tech website.

Related systems in Developer Tools