Cursor

Cursor's brand palette, captured directly from the live cursor.com marketing site where the design system exposes named color tokens on :root (--color-theme-bg, --color-theme-text, --color-theme-accent, --color-theme-product-ansi-*). Cursor presents a warm light-first canvas — a near-paper "Sand" surface, a deep ink "Cursor Ink" text, and a saturated orange "Cursor Orange" (#F54E00) as the primary accent — supported by an ANSI-aligned green and red used by the product UI. The brand reads as quietly editorial: small palette, warm neutrals, a single hot accent.

14 swatches 14 light roles 14 dark roles cursoraideveloper-toolscode-editorwarmlight-firstpaper

Swatches

sand-canvas
#F7F7F4
Page canvas — the warm near-paper surface cursor.com reads against.
sand-card
#F2F1ED
Subtle elevated card surface; one step warmer than canvas.
sand-card-hover
#EBEAE5
Hover state for card surfaces on the sand canvas.
sand-border
#E1E0DB
Quiet divider on the sand canvas; near-canvas border.
cursor-ink
#26251E
Primary text on sand canvas; dark-mode canvas inversion.
cursor-ink-secondary
#4A443B
Secondary text; muted ink for body copy de-emphasis.
cursor-ink-tertiary
#76716A
Tertiary text / caption ink; quiet metadata.
cursor-orange
#F54E00
Cursor's signature hot orange accent — the brand's primary action color.
cursor-orange-pressed
#DB7042
Pressed / muted variant of cursor orange used on hover-secondary surfaces.
cursor-green
#1F8A65
ANSI-aligned success green from the product UI.
cursor-red
#CF2D56
ANSI-aligned error red from the product UI.
cursor-night
#1A1A17
Dark-mode canvas — the inverted product chrome surface.
cursor-night-elevated
#26251E
Elevated surface in dark mode; one step above canvas.
cursor-night-border
#3C3933
Quiet divider on the cursor-night canvas.

Mode role mappings

Light mode (14 roles)

accent → cursor-orange
accent-hover → cursor-orange-pressed
background → sand-canvas
border → sand-border
error → cursor-red
primary → cursor-orange
primary-hover → cursor-orange-pressed
success → cursor-green
surface → sand-card
surface-elevated → sand-card-hover
text-primary → cursor-ink
text-secondary → cursor-ink-secondary
text-tertiary → cursor-ink-tertiary
warning → cursor-orange

Dark mode (14 roles)

accent → cursor-orange
accent-hover → cursor-orange-pressed
background → cursor-night
border → cursor-night-border
error → cursor-red
primary → cursor-orange
primary-hover → cursor-orange-pressed
success → cursor-green
surface → cursor-night-elevated
surface-elevated → cursor-ink-secondary
text-primary → sand-canvas
text-secondary → sand-card-hover
text-tertiary → cursor-ink-tertiary
warning → cursor-orange

Provenance

Source
https://www.cursor.com/
License
Proprietary — All Rights Reserved
Attribution
Cursor and the Cursor mark are trademarks of Anysphere, Inc. Palette values captured from the deployed stylesheet on cursor.com (--color-theme-bg, --color-theme-text, --color-theme-accent, --color-theme-card-hex, --color-theme-card-hover-hex, --color-theme-product-ansi-green, --color-theme-product-ansi-red token family).
Imported
2026-05-19
Notes
Derived from live site CSS at https://www.cursor.com/ on 2026-05-19; no public brand guide located. Cursor publishes no standalone brand-asset page; the design tokens above are the authoritative source observable on the live marketing surface. The proprietary "CursorGothic" sans and "BerkeleyMono" mono are declared via @font-face but not publicly distributed.