What is the Chrome dark mode background color hex code?

Chrome dark mode background is commonly #202124. The toolbar sits around #292A2D, elevated surfaces use #3C4043, and primary text is #E8EAED.

What is the Chrome dark mode blue hex code?

Chrome dark link and selection blue is #8AB4F8. Material-style primary buttons often use #1A73E8.

What are all the Chrome dark mode colors?

Chrome dark uses #202124 background, #292A2D toolbar, #3C4043 surfaces, #E8EAED text, #9AA0A6 secondary text, and #8AB4F8 accent blue.

Back to Blog

Chrome Dark Mode Colors: #202124

What is the Chrome dark mode hex code?

Chrome dark mode uses background #202124, toolbar #292A2D, surfaces #3C4043, text #E8EAED, and link blue #8AB4F8. Copy each hex below for browser and Material-style UI.

Background: #202124
Blue: #8AB4F8
Toolbar: #292A2D

Copy Chrome dark mode hex codes—background #202124, toolbar #292A2D, and accent blue #8AB4F8—for browser chrome and Material dark UIs.

Updated July 30, 2026•7 min read

Chrome Dark Mode — Quick Copy

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

Main background

#202124

Toolbar / NTP

#292A2D

Surface / card

#3C4043

Text primary

#E8EAED

Text secondary

#9AA0A6

Link blue

#8AB4F8

What is the Hex Code for Chrome Dark Mode?

Chrome's dark background is commonly #202124. The toolbar sits near #292A2D; cards and menus use #3C4043. Primary text is #E8EAED with secondary labels at #9AA0A6. Links and selected tabs use #8AB4F8.

Compare with GitHub, VS Code, and the full dark mode color palette guide.

Full Chrome Dark Mode Color Palette

Backgrounds, toolbar, text, and accent blue.

Token	Hex	Usage
Main background	#202124	NTP and settings canvas
Toolbar	#292A2D	Top chrome / toolbar
Surface / card	#3C4043	Cards, menus, elevated panels
Hover	#5F6368	Hover states, inactive icons
Border	#5F6368	Dividers and outlines
Text primary	#E8EAED	Titles, primary labels
Text secondary	#9AA0A6	Captions, metadata
Link / accent blue	#8AB4F8	Links, selected tabs, focus
Google Blue	#1A73E8	Primary buttons (Material)
Error red	#F28B82	Errors, destructive hints
Success green	#81C995	Success states

Why Chrome Dark Mode Works

Chrome follows Material dark principles: cool mid-darks for long browsing sessions, blue reserved for interactive focus, and muted gray for secondary chrome so content stays primary. Browser UIs, settings apps, and Material-inspired dashboards borrow this hierarchy.

FAQ

What is the Chrome dark mode background color hex code?: Chrome dark mode background is commonly #202124. The toolbar sits around #292A2D, elevated surfaces use #3C4043, and primary text is #E8EAED.
What is the Chrome dark mode blue hex code?: Chrome dark link and selection blue is #8AB4F8. Material-style primary buttons often use #1A73E8.
What are all the Chrome dark mode colors?: Chrome dark uses #202124 background, #292A2D toolbar, #3C4043 surfaces, #E8EAED text, #9AA0A6 secondary text, and #8AB4F8 accent blue.