Superhuman

Superhuman's brand palette, captured directly from the live marketing site (superhuman.com) where the design system exposes named color tokens on the document root. The brand is built around a deliberate purple — Purple-60 (#714CB6) as the primary identity hue — paired with a Mulberry-Black hero canvas (#241013) for the dramatic dark-first marketing surface, a warm off-white Neutral-0 (#FCFAF7) for light contexts, and supporting natural-world chromatics (Gold-Pro, Orange, Mulberry, Sky, Green, Yellow, Red).

27 swatches 16 light roles 16 dark roles superhumanemailproductivitybrandpurpledark-first

Swatches

purple-60
#714CB6
Superhuman's primary identity hue — the Purple-60 brand anchor used as --color-action-primary in light mode and as the dominant marketing-accent color.
purple-80
#533192
Pressed / active variant of Purple-60.
purple-90
#3F256F
Deepest pressed purple — primary "darker" token.
purple-40
#9E7BE0
Mid-tone purple used in dark-mode primary affordance.
purple-30
#BEA1F5
Hover / lift variant on dark surfaces.
purple-20
#D4C7FF
Light-tint purple — dark-mode primary action token.
purple-10
#E8E0FF
Surface-tint purple for accent backgrounds in light mode.
mulberry-black
#241013
The dramatic near-black hero canvas — a warm mulberry-tinged black used as the dark-mode page background on superhuman.com.
mulberry-100
#421D24
Elevated dark-mode surface — the next step up from the Mulberry-Black canvas, used for dark-mode card and panel fills.
mulberry-80
#792D4B
Pressed accent on dark surfaces.
neutral-0
#FCFAF7
Warm off-white page canvas in light mode — the Superhuman "paper" surface, slightly cream rather than pure white.
neutral-5
#F7F5F2
Slight elevated surface tint in light mode.
neutral-10
#F2F0EB
Secondary background / faded-light surface.
neutral-30
#BFBCB6
Soft border / divider on warm surfaces.
neutral-60
#73716D
Faded text / icon-soft token.
neutral-80
#474543
Shadow / secondary text on dark surfaces.
neutral-90
#292827
Primary body text on the warm canvas; also acts as the secondary-action base color.
neutral-100
#141413
Deepest ink — heading text and high-contrast type.
gold-pro-60
#E57300
Warm gold accent used for highlight and warning states.
orange-40
#F18333
Warning-light tone on dark surfaces.
red-40
#F72A42
Error / destructive accent.
red-60
#CD0037
Error base on light surfaces.
green-60
#148072
Success base — Superhuman's teal-leaning green.
green-40
#26A28B
Success-light / data-positive on dark surfaces.
sky-60
#0163C6
Focus-ring blue.
yellow-30
#F9D255
Mid-yellow accent for highlights.
white
#FFFFFF
Base reversed-text and bright surface fill.

Mode role mappings

Light mode (16 roles)

accent → purple-60
accent-hover → purple-80
background → neutral-0
border → neutral-30
error → red-60
focus-ring → sky-60
primary → purple-60
primary-hover → purple-80
success → green-60
surface → neutral-5
surface-elevated → white
text-primary → neutral-90
text-secondary → neutral-60
text-tertiary → neutral-30
warning → gold-pro-60
warning-hover → orange-40

Dark mode (16 roles)

accent → purple-20
accent-hover → purple-30
background → mulberry-black
border → neutral-80
error → red-40
focus-ring → sky-60
primary → purple-20
primary-hover → purple-30
success → green-40
surface → mulberry-100
surface-elevated → neutral-80
text-primary → white
text-secondary → neutral-10
text-tertiary → neutral-30
warning → orange-40
warning-hover → gold-pro-60

Provenance

Source
https://superhuman.com/
License
Proprietary — All Rights Reserved
Attribution
Superhuman and the Superhuman wordmark are trademarks of Superhuman Labs, Inc. Palette values captured from the live superhuman.com marketing site stylesheet on 2026-05-18 (root CSS custom-property family — --neutral-*, --purple-*, --mulberry-*, --color-* token sets).
Imported
2026-05-18
Notes
Derived from live site CSS at https://superhuman.com on 2026-05-18; no public brand guide located. Token names mirror Superhuman's internal naming as exposed on the live site. The brand pairs with a proprietary "Super Sans VF" / "Super Serif VF" / "Super Sans Mono VF" typeface family, none of which are publicly distributed — Inter@1 is the open-source rendering substitute for the sans role in atoms that reference this palette.