Lyft
Lyft's brand palette is anchored on the signature Lyft Pink (#FF00BF) — a saturated, near-fluorescent magenta that has carried the brand since the 2019 rebrand and that ties back to the brand's earliest visual asset, the fuzzy pink "carstache." The pink reads against a near-white canvas with a deep ink for type, supported by a neutral ramp. The Lyft Pro typeface (the brand's custom corporate face) sets headlines and brand chrome.
11 swatches 14 light roles 14 dark roles
Swatches
lyft-pink
#FF00BF
Lyft's signature brand magenta — the wordmark, mark, and primary CTA color.
lyft-pink-pressed
#D6009E
Pressed / hover variant of Lyft Pink for interactive states.
lyft-pink-legacy
#EA0B8C
Pre-2019 Lyft magenta — retained for historical references and continuity.
lyft-ink
#11111F
Deep near-black ink — primary text on light surfaces; canvas in dark mode.
lyft-charcoal
#2C2C36
Elevated dark surface; secondary ink on light.
lyft-graphite
#6E6E78
Tertiary text and icon color.
lyft-mist
#E4E4E8
Border and quiet divider on light canvas.
lyft-fog
#F4F4F6
Subtle elevated surface on white.
lyft-white
#FFFFFF
Primary canvas — Lyft consumer surfaces default to white.
lyft-success
#0E8C5A
Functional success — trip confirmation, completion states.
lyft-warning
#F2A93B
Functional warning — surge, advisory states.
Mode role mappings
Light mode (14 roles)
accent
→ lyft-pink accent-hover
→ lyft-pink-pressed background
→ lyft-white border
→ lyft-mist error
→ lyft-pink-pressed primary
→ lyft-pink primary-hover
→ lyft-pink-pressed success
→ lyft-success surface
→ lyft-fog surface-elevated
→ lyft-white text-primary
→ lyft-ink text-secondary
→ lyft-charcoal text-tertiary
→ lyft-graphite warning
→ lyft-warning Dark mode (14 roles)
accent
→ lyft-pink accent-hover
→ lyft-pink-pressed background
→ lyft-ink border
→ lyft-charcoal error
→ lyft-pink-pressed primary
→ lyft-pink primary-hover
→ lyft-pink-pressed success
→ lyft-success surface
→ lyft-charcoal surface-elevated
→ lyft-graphite text-primary
→ lyft-white text-secondary
→ lyft-mist text-tertiary
→ lyft-graphite warning
→ lyft-warning Provenance
- Source
- https://raw.githubusercontent.com/simple-icons/simple-icons/13.0.0/_data/simple-icons.json
- License
Proprietary — All Rights Reserved- Attribution
- Lyft, Inc. — Lyft, the Lyft wordmark, and Lyft Pink are property of Lyft, Inc. The signature pink hex (#FF00BF) is verified via the simple-icons brand database (v13.0.0). The public design-system reference is design.lyft.com.
- Imported
-
2026-05-19 - Notes
- Only Lyft Pink (#FF00BF) is verified from a single authoritative source. The supporting neutral ramp (Lyft Ink through Lyft Mist) and functional success/warning hues are authored complements faithful to the Lyft design-system aesthetic on design.lyft.com rather than lifted verbatim from a single Lyft-published token table. The legacy magenta variant (#EA0B8C) is included as the pre-2019 brand pink for reference / continuity.