← Palettes · [email protected]

Postman

Postman's brand palette, captured from the live postman.com stylesheet where the design system exposes a fully named token set on :root (--demo-brand, --demo-content-*, --demo-bg-*, --demo-border-*). The brand reads as a single saturated orange primary (#FF6C37) against a clean light canvas, with secondary surface tints (a near-white #F9F9F9 and a step warmer #F2F2F2) and a dark "Postman Plum" #140B1E used as the product chrome inversion. Postman's brand is light-first on the marketing surface, dark-first on the product canvas.

19 swatches 14 light roles 14 dark roles postmanapideveloper-toolsorangelight-first

Swatches

postman-orange

#FF6C37

Postman's signature brand orange — the primary action color.

postman-orange-pressed

#E0531F

Pressed / active variant of postman orange used on hover surfaces.

postman-orange-deep

#D23F0E

Deep brand orange used for text-on-light brand accents.

postman-orange-tint

#FFF1EB

Pale orange wash for brand-tinted surfaces (badges, notices).

postman-canvas

#FFFFFF

Page canvas — the bright neutral surface postman.com reads against.

postman-surface

#F9F9F9

Subtle elevated surface; one step warmer than canvas.

postman-surface-elevated

#F2F2F2

Card / panel surface elevated above postman-surface.

postman-border-subdued

#F2F2F2

Quietest divider; near-canvas border.

postman-border

#EDEDED

Default divider on the postman canvas.

postman-border-strong

#E6E6E6

Strong divider for elevated cards and form fields.

postman-ink

#212121

Primary text on postman canvas — deep near-black.

postman-ink-secondary

#6B6B6B

Secondary text; mid-gray body copy de-emphasis.

postman-ink-tertiary

#A6A6A6

Tertiary text / caption tone — placeholder ink.

postman-plum

#140B1E

Dark canvas — the deep plum used on hero modules and product chrome.

postman-success

#007F31

Confirmation / success state green.

postman-success-active

#0CBB52

Brighter active-green used for "running" / "connected" status pips.

postman-warning

#AD7A03

Warning / caution state amber.

postman-error

#8E1A10

Error / destructive state red.

postman-purple

#4C207D

Supporting purple — used for category badges and chrome accents.

Mode role mappings

Light mode (14 roles)

accent → postman-orange

accent-hover → postman-orange-pressed

background → postman-canvas

border → postman-border

error → postman-error

primary → postman-orange

primary-hover → postman-orange-pressed

success → postman-success

surface → postman-surface

surface-elevated → postman-surface-elevated

text-primary → postman-ink

text-secondary → postman-ink-secondary

text-tertiary → postman-ink-tertiary

warning → postman-warning

Dark mode (14 roles)

accent → postman-orange

accent-hover → postman-orange-pressed

background → postman-plum

border → postman-ink-secondary

error → postman-error

primary → postman-orange

primary-hover → postman-orange-pressed

success → postman-success-active

surface → postman-ink

surface-elevated → postman-ink-secondary

text-primary → postman-canvas

text-secondary → postman-surface-elevated

text-tertiary → postman-ink-tertiary

warning → postman-warning

Provenance

Source: https://www.postman.com/
Attribution: Postman and the Postman mark are trademarks of Postman, Inc. Palette values captured from the deployed stylesheet on postman.com (--demo-brand, --demo-content-*, --demo-bg-*, --demo-border-* token family).
Imported: 2026-05-19
Notes: Derived from live site CSS at https://www.postman.com/ on 2026-05-19; the brand-guidelines URL at postman.com/company/brand-guidelines returned HTTP 404, so the live site is the authoritative source. The proprietary "degular" display sans is declared via @font-face but is not publicly distributed; Plus Jakarta Sans is the closest open- source rendering substitute. IBM Plex Mono is the code face declared on the live site and is open-source.