What is the YouTube dark mode background color hex code?

YouTube dark mode background is #0F0F0F. Elevated menus use #212121, hover chips use #272727, primary text is #FFFFFF, and secondary text is #AAAAAA.

What is the YouTube red hex code?

YouTube brand red is #FF0000 (rgb(255, 0, 0)). It appears on Subscribe buttons, live badges, and brand accents against the near-black canvas.

What are all the YouTube dark mode colors?

YouTube dark uses #0F0F0F background, #212121 elevated surfaces, #272727 chips, #FFFFFF text, #AAAAAA secondary text, #FF0000 red, and #3EA6FF links.

Back to Blog

YouTube Dark Mode Colors: #0F0F0F

What is the YouTube dark mode hex code?

YouTube dark mode uses background #0F0F0F, elevated surfaces #212121, text #FFFFFF, secondary text #AAAAAA, and YouTube red #FF0000. Copy each hex below for video-app UI inspiration.

Background: #0F0F0F
Red: #FF0000
Elevated: #212121

Copy YouTube dark mode hex codes—background #0F0F0F, elevated #212121, and YouTube red #FF0000—for media and video UI tokens.

Updated July 16, 2026•7 min read

YouTube Dark Mode — Quick Copy

Backgrounds, red accent, and text tokens. Click Copy on any row.

Main background

#0F0F0F

Elevated / menu

#212121

Chip / hover

#272727

Text primary

#FFFFFF

Text secondary

#AAAAAA

YouTube red

#FF0000

What is the Hex Code for YouTube Dark Mode?

YouTube's dark background is #0F0F0F—near-black so video thumbnails stay vivid. Menus and drawers use #212121; filter chips and hovers use #272727. Brand red #FF0000 is reserved for Subscribe and live cues.

Compare with Instagram, Spotify, and the full dark mode color palette guide.

Full YouTube Dark Mode Color Palette

Backgrounds, text, red accent, and link colors.

Token	Hex	Usage
Main background	#0F0F0F	App canvas behind video and feed
Elevated surface	#212121	Menus, dialogs, guide drawer
Chip / hover	#272727	Filter chips, row hover
Search field	#121212	Search bar fill
Border / divider	#303030	Separators between sections
Text primary	#FFFFFF	Titles, channel names
Text secondary	#AAAAAA	Views, dates, metadata
YouTube red	#FF0000	Subscribe, brand accent, live
Link blue	#3EA6FF	Links in descriptions
Verified badge	#AAAAAA	Checkmarks, muted icons

Why YouTube Dark Mode Works

YouTube keeps chrome nearly invisible so video content owns the screen. Near-black surfaces reduce eye strain during long sessions, red appears only on high-intent actions, and secondary gray (#AAAAAA) handles metadata without competing with titles.

FAQ

What is the YouTube dark mode background color hex code?: YouTube dark mode background is #0F0F0F. Elevated menus use #212121, hover chips use #272727, primary text is #FFFFFF, and secondary text is #AAAAAA.
What is the YouTube red hex code?: YouTube brand red is #FF0000 (rgb(255, 0, 0)). It appears on Subscribe buttons, live badges, and brand accents against the near-black canvas.
What are all the YouTube dark mode colors?: YouTube dark uses #0F0F0F background, #212121 elevated surfaces, #272727 chips, #FFFFFF text, #AAAAAA secondary text, #FF0000 red, and #3EA6FF links.