Twitch Color Palette
EntertainmentTwitch's distinctive purple brand identity sets it apart in the streaming space, creating a vibrant community-driven aesthetic that's become synonymous with live content creation.
twitch.tvTwitch logo is a trademark of Twitch. Used for informational purposes.
Brand Colors
Twitch Purple
primary
Twitch Dark
secondary
Twitch Light Purple
accent
Surfaces & Borders
Twitch Background
background
Twitch Surface
surface
Twitch Border
border
Typography
Twitch White
textPrimary
Twitch Light Gray
textSecondary
Twitch Muted
textMuted
Semantic Colors
Twitch Green
success
Twitch Yellow
warning
Twitch Red
error
Twitch Info
info
Accessibility
textPrimary / background
textPrimary / surface
textSecondary / background
textSecondary / surface
textMuted / background
textMuted / surface
Color Theory
Twitch owns purple in the streaming space. The vivid violet against dark surfaces creates an energetic, gaming-culture-inspired environment. The monochromatic purple system (from brand violet to lighter tints) keeps the identity cohesive.
- A single purple hue in multiple tints (#9146FF, #BF94FF) creates a monochromatic harmony
- Dark backgrounds (#0E0E10) make the vivid purple pop with maximum contrast
- Green live indicator (#00DB7F) provides the critical 'live now' signal against purple
Color Psychology
Purple communicates creativity, uniqueness, and entertainment — perfect for a creator platform. The vivid saturation signals energy and excitement, while the dark interface creates an immersive viewing experience akin to a nightclub or gaming setup.
Evolution
Twitch's purple has become more vivid over time, shifting from a darker shade to the current #9146FF. The 2019 brand refresh simplified the identity while making purple more prominent and ownable.
How Twitch Uses Color
Primary
Twitch Purple (#9146FF) defines the brand logo, subscribe buttons, and premium features like Twitch Prime.
Secondary
Dark surfaces (#18181B) create the streaming theater environment for live content.
Accent
Light Purple (#BF94FF) provides hover states and secondary interactive elements.
Backgrounds
The near-black background lets stream content and emotes provide visual variety.
Typography
Light text on dark backgrounds ensures chat readability during extended viewing sessions.
Semantic
Green (#00DB7F) is critically important — it signals 'LIVE' status, the core value proposition of the platform.
Agent integration
Use Twitch's Colors in Your Agent
Terminal
Copies full install command. Saves skill to .claude/skills/twitch/ — auto-detected on next run.
Included in the skill file
- 113 color roles — hex, HSL, and CSS variable names
- 2WCAG contrast rules for accessible pairings
- 3Auto-applies Twitch's palette when generating UI
Frequently Asked Questions
Create Something Inspired by Twitch
Generate a unique color palette inspired by Twitch's aesthetic using AI.