YouTube

YouTube corporate brand palette. YouTube (a Google LLC service) is anchored on a single saturated red — YouTube Red (#FF0000) — used on the play-button mark, the wordmark accent, and the highest- priority interactive elements. The 2017 brand refresh reduced the identity to this one red and the geometric play-button rectangle. The consumer surface is bimodal: a clean white canvas for the classic light mode and a near-black (#0F0F0F) canvas for the dark-mode product, with both treated as canonical.

12 swatches 14 light roles 14 dark roles streamingvideoyoutubegoogleredbimodal

Swatches

youtube-red
#FF0000
Pure signature red — the play-button mark fill, the wordmark accent, and primary CTAs.
youtube-red-dark
#CC0000
Darker red used for hover/pressed states on the primary red.
youtube-red-light
#FF4444
Lighter red used in marketing gradient surfaces and for emphasis on dark canvases.
youtube-black
#0F0F0F
Canonical dark-mode canvas — the deployed youtube.com dark theme background.
youtube-near-black
#181818
Elevated surface on dark mode — rows, cards, and modal headers.
youtube-charcoal
#272727
Hovered surface and disabled-button background on dark mode.
youtube-white
#FFFFFF
Canonical light-mode canvas — the classic YouTube surface.
youtube-fog
#F2F2F2
Authored elevated surface on light mode.
youtube-ink
#030303
Body text on the light canvas.
youtube-graphite
#606060
Secondary text and metadata across both modes.
youtube-gray
#AAAAAA
Tertiary text and inactive icons on the dark canvas.
youtube-divider
#E5E5E5
Authored hairline divider on light mode.

Mode role mappings

Light mode (14 roles)

accent → youtube-red
accent-hover → youtube-red-dark
background → youtube-white
error → youtube-red-dark
primary → youtube-red
primary-hover → youtube-red-dark
success → youtube-graphite
surface → youtube-fog
surface-elevated → youtube-white
text-primary → youtube-ink
text-secondary → youtube-graphite
text-tertiary → youtube-gray
warning → youtube-red-light
warning-hover → youtube-red

Dark mode (14 roles)

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

Provenance

Source
https://www.youtube.com/about/brand-resources/
License
Proprietary — All Rights Reserved
Attribution
Google LLC — YouTube, the YouTube wordmark, and the play-button mark are registered trademarks of Google LLC. The signature YouTube Red (#FF0000) is documented across YouTube's brand- resources page and verified against the deployed YouTube logomark SVG. The dark-mode canvas value (#0F0F0F) is observable in the deployed youtube.com dark-theme stylesheet.
Imported
2026-05-18
Notes
YouTube treats both light and dark modes as canonical consumer surfaces — the dark mode is not an authored inversion but a first-class product surface with documented chrome values. The wordmark and play-button mark have specific clearspace and color rules in YouTube's brand-resources guidance.