What is the X (Twitter) dark mode background hex code?

X Lights Out dark mode uses background #000000. Elevated surfaces are typically #16181C, with borders around #2F3336.

What is the X (Twitter) blue hex code in dark mode?

X dark mode blue (links and primary buttons) is #1D9BF0. Primary text is #E7E9EA and secondary text is #71767B.

What are the main X dark mode UI colors?

Core X dark tokens: #000000 background, #16181C surfaces, #E7E9EA text, #71767B muted text, #2F3336 borders, and #1D9BF0 blue.

Back to Blog

X (Twitter) Dark Mode Colors: #000000

What is the X (Twitter) dark mode hex code?

X Lights Out dark mode uses background #000000, elevated surfaces #16181C, primary text #E7E9EA, and blue #1D9BF0. Copy each hex below for Twitter/X-style UI.

Background: #000000
Blue: #1D9BF0
Surface: #16181C

Copy X (Twitter) dark mode hex codes—Lights Out #000000, surface #16181C, and blue #1D9BF0—for social UI kits.

Updated August 15, 2026•7 min read

X Dark Mode — Quick Copy

Lights Out canvas, text, borders, and blue. Click Copy on any row.

Lights Out background

#000000

Elevated surface

#16181C

Primary text

#E7E9EA

Secondary text

#71767B

Border / divider

#2F3336

X blue (links)

#1D9BF0

What is the Hex Code for X (Twitter) Dark Mode?

X Lights Out dark mode uses true black #000000 as the main canvas. Elevated chrome sits on #16181C with borders near #2F3336. Body text is #E7E9EA; muted meta text is #71767B. The signature link blue is #1D9BF0.

Compare with Instagram, Reddit, and the full dark mode color palette guide. Preview feeds on a phone mockup with our mobile app color preview.

Full X (Twitter) Dark Mode Color Palette

Lights Out backgrounds, text, borders, and accent blue.

Token	Hex	Usage
Lights Out background	#000000	Main canvas (OLED black)
Elevated surface	#16181C	Modals, menus, sticky bars
Hover / soft fill	#1D1F23	Row hover, subtle chips
Border / divider	#2F3336	Hairlines, card edges
Primary text	#E7E9EA	Tweets, names, body copy
Secondary text	#71767B	Handles, timestamps, meta
X blue	#1D9BF0	Links, buttons, follow CTA
Like / accent pink	#F91880	Likes, heart states
Success green	#00BA7C	Repost / positive states

Why X Dark Mode Works

Lights Out keeps the feed on true black so media and blue CTAs pop. Surfaces lift just enough for menus without gray mush, and secondary gray text keeps timestamps quiet. Social apps that want an “X-native” feel copy this high-contrast black + #1D9BF0 system.

FAQ

What is the X (Twitter) dark mode background hex code?: X Lights Out dark mode uses background #000000. Elevated surfaces are typically #16181C, with borders around #2F3336.
What is the X (Twitter) blue hex code in dark mode?: X dark mode blue (links and primary buttons) is #1D9BF0. Primary text is #E7E9EA and secondary text is #71767B.
What are the main X dark mode UI colors?: Core X dark tokens: #000000 background, #16181C surfaces, #E7E9EA text, #71767B muted text, #2F3336 borders, and #1D9BF0 blue.