DoorDash
DoorDash's brand palette is centered on DoorDash Red (#FF3038), a warm, slightly orange-leaning red that carries the wordmark and the primary CTA across the marketing site and consumer app. The red reads against a near-white canvas with deep neutral text, supported by a small functional ramp. doordash.design documents the design system; the brand voice is direct, friendly, and product-forward.
10 swatches 14 light roles 14 dark roles
Swatches
doordash-red
#FF3038
DoorDash's signature brand red — the wordmark, mark, and primary CTA color.
doordash-red-pressed
#D9242B
Pressed / hover variant of DoorDash Red for interactive states.
doordash-ink
#191919
Primary text color on light surfaces; canvas color in dark mode.
doordash-charcoal
#2D2D2D
Elevated dark surface; secondary text on light.
doordash-graphite
#767676
Tertiary text and icon color.
doordash-mist
#E3E3E3
Border and quiet divider on light canvas.
doordash-fog
#F5F5F5
Subtle elevated surface on white.
doordash-white
#FFFFFF
Primary canvas — DoorDash consumer surfaces default to white.
doordash-success
#1E874B
Functional success — order confirmation, delivery completion.
doordash-warning
#E58A00
Functional warning — delay advisories, low stock.
Mode role mappings
Light mode (14 roles)
accent
→ doordash-red accent-hover
→ doordash-red-pressed background
→ doordash-white border
→ doordash-mist error
→ doordash-red-pressed primary
→ doordash-red primary-hover
→ doordash-red-pressed success
→ doordash-success surface
→ doordash-fog surface-elevated
→ doordash-white text-primary
→ doordash-ink text-secondary
→ doordash-charcoal text-tertiary
→ doordash-graphite warning
→ doordash-warning Dark mode (14 roles)
accent
→ doordash-red accent-hover
→ doordash-red-pressed background
→ doordash-ink border
→ doordash-charcoal error
→ doordash-red-pressed primary
→ doordash-red primary-hover
→ doordash-red-pressed success
→ doordash-success surface
→ doordash-charcoal surface-elevated
→ doordash-graphite text-primary
→ doordash-white text-secondary
→ doordash-mist text-tertiary
→ doordash-graphite warning
→ doordash-warning Provenance
- Source
- https://raw.githubusercontent.com/simple-icons/simple-icons/13.0.0/_data/simple-icons.json
- License
Proprietary — All Rights Reserved- Attribution
- DoorDash, Inc. — DoorDash and the DoorDash wordmark are trademarks of DoorDash, Inc. The signature red (#FF3038) is verified via the simple-icons brand database (v13.0.0). doordash.design is DoorDash's public design-system surface.
- Imported
-
2026-05-19 - Notes
- Only DoorDash Red (#FF3038) is verified from a single authoritative source. The supporting neutrals and functional success / warning hues are authored complements faithful to the doordash.design aesthetic rather than lifted verbatim from a single DoorDash-published token table.