Twitch

Twitch (an Amazon company) corporate palette. Twitch's identity is anchored on a single saturated purple — Twitch Purple (#9146FF) — paired with a dark canvas. The brand is dark-first: the consumer product, marketing surfaces, and the Glitch mark all live on near-black surfaces with the purple reading as the high-energy signature. The 2019 brand refresh by Collins simplified the identity to one purple, one mark, and a deliberately gamer-facing voice that distinguishes Twitch from streaming-video conventions.

10 swatches 14 light roles 14 dark roles streaminggamingtwitchamazonpurpledark-firstlive

Swatches

twitch-purple
#9146FF
Primary signature purple — the Twitch wordmark, the Glitch mark, and primary CTAs.
twitch-purple-hover
#772CE8
Darker purple used for hover/pressed states on the primary action.
twitch-purple-light
#BF94FF
Lighter purple used for emphasis on dark canvases and in marketing accents.
twitch-black
#0E0E10
Canonical canvas — the Twitch consumer surface and chrome background.
twitch-near-black
#18181B
Elevated surface — chat panels, player chrome, and modal backgrounds.
twitch-charcoal
#1F1F23
Hovered surface, sidebar background, and elevated tiles in the Twitch consumer app.
twitch-white
#FFFFFF
Primary text on the dark canvas; reversed wordmark fill on light backgrounds.
twitch-off-white
#EFEFF1
Authored light-mode canvas; secondary surface on dark mode.
twitch-graphite
#53535F
Secondary text and divider color on the dark canvas.
twitch-gray-light
#ADADB8
Tertiary text and metadata in the consumer product.

Mode role mappings

Light mode (14 roles)

accent → twitch-purple
accent-hover → twitch-purple-hover
background → twitch-off-white
error → twitch-purple-hover
primary → twitch-purple
primary-hover → twitch-purple-hover
success → twitch-purple
surface → twitch-white
surface-elevated → twitch-white
text-primary → twitch-black
text-secondary → twitch-graphite
text-tertiary → twitch-gray-light
warning → twitch-purple-light
warning-hover → twitch-purple

Dark mode (14 roles)

accent → twitch-purple
accent-hover → twitch-purple-light
background → twitch-black
error → twitch-purple-light
primary → twitch-purple
primary-hover → twitch-purple-light
success → twitch-purple
surface → twitch-near-black
surface-elevated → twitch-charcoal
text-primary → twitch-white
text-secondary → twitch-gray-light
text-tertiary → twitch-graphite
warning → twitch-purple-light
warning-hover → twitch-purple

Provenance

Source
https://brand.twitch.tv/
License
Proprietary — All Rights Reserved
Attribution
Twitch Interactive, Inc. (an Amazon company) — Twitch, the Twitch wordmark, and the Glitch mark are registered trademarks of Twitch Interactive, Inc. The signature Twitch Purple (#9146FF) and the dark canvas (#0E0E10) are documented across Twitch's public brand site (brand.twitch.tv) and verified against the deployed twitch.tv stylesheets.
Imported
2026-05-18
Notes
Twitch's 2019 brand refresh by Collins reduced the identity to a single purple and the geometric Glitch mark. The dark mode is the canonical Twitch surface. The light-mode role mapping is an authored inversion provided for consumers that need a light- surface treatment; it is not the dominant brand context.