What is the GitHub dark mode background color hex code?

GitHub dark mode page background is #0D1117. Elevated canvases and boxes use #161B22, borders use #30363D, and primary text is #E6EDF3.

What is the GitHub accent blue hex code?

GitHub dark accent blue for links and primary actions is #2F81F7. Success green is #3FB950, danger red is #F85149, and merged purple is #A371F7.

What are all the GitHub dark mode colors?

GitHub dark uses #0D1117 background, #161B22 canvas, #30363D border, #E6EDF3 text, #8B949E muted text, #2F81F7 blue, plus green/red/yellow/purple semantic colors.

Back to Blog

GitHub Dark Mode Colors: #0D1117

What is the GitHub dark mode hex code?

GitHub dark mode uses background #0D1117, canvas #161B22, border #30363D, text #E6EDF3, and accent blue #2F81F7. Copy each hex below for developer-tool UI inspiration.

Background: #0D1117
Blue: #2F81F7
Canvas: #161B22

Copy GitHub dark mode hex codes—background #0D1117, canvas #161B22, and accent blue #2F81F7—for repos, dashboards, and developer UIs.

Updated July 23, 2026•7 min read

GitHub Dark Mode — Quick Copy

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

Page background

#0D1117

Canvas / box

#161B22

Border

#30363D

Text primary

#E6EDF3

Text muted

#8B949E

Accent blue

#2F81F7

What is the Hex Code for GitHub Dark Mode?

GitHub's dark page background is #0D1117. Elevated boxes and sidebars use #161B22; default borders are #30363D. Primary text is #E6EDF3 with muted meta at #8B949E. Links and focus use accent blue #2F81F7.

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

Full GitHub Dark Mode Color Palette

Backgrounds, borders, text, accent blue, and PR status colors.

Token	Hex	Usage
Page background	#0D1117	Default dark canvas
Canvas / elevated	#161B22	Cards, boxes, sidebars
Overlay / menu	#1C2128	Dropdowns, popovers
Border default	#30363D	Rules, table borders
Border muted	#21262D	Subtle separators
Text primary	#E6EDF3	Body, headings
Text secondary	#8B949E	Meta, captions
Accent blue	#2F81F7	Links, focus, primary actions
Success green	#3FB950	Open PRs, success
Danger red	#F85149	Closed, errors, delete
Attention yellow	#D29922	Warnings, draft
Done purple	#A371F7	Merged, done states

Why GitHub Dark Mode Works

GitHub layers cool near-black surfaces so code and diffs stay readable, reserves blue for navigation and links, and uses green/red/yellow/purple only for PR and issue semantics. Developer tools and internal dashboards borrow this system because millions of engineers already understand it.

FAQ

What is the GitHub dark mode background color hex code?: GitHub dark mode page background is #0D1117. Elevated canvases and boxes use #161B22, borders use #30363D, and primary text is #E6EDF3.
What is the GitHub accent blue hex code?: GitHub dark accent blue for links and primary actions is #2F81F7. Success green is #3FB950, danger red is #F85149, and merged purple is #A371F7.
What are all the GitHub dark mode colors?: GitHub dark uses #0D1117 background, #161B22 canvas, #30363D border, #E6EDF3 text, #8B949E muted text, #2F81F7 blue, plus green/red/yellow/purple semantic colors.