← Palettes · [email protected]

X (Twitter)

X (formerly Twitter) corporate palette. Following the July 2023 rebrand, the X identity is a monochrome black-and-white system — the X mark sits on either a black or white canvas with no chromatic accent. The platform's product surface remains a multi-mode app (default dark "Dim", "Lights Out" pure-black, and light) and the legacy Twitter Blue (#1DA1F2) is retained only as a deprecated reference for historical applications. The canonical brand surface today is the black mark on white, or the white mark on black.

9 swatches 14 light roles 14 dark roles socialxtwittermonochromedark-firstconsumer-tech

Swatches

x-black

#000000

Canonical canvas — the X identity reads as the white mark on black.

x-white

#FFFFFF

Inverse canvas / mark fill — the X mark renders white on black or black on white.

x-dim

#15202B

"Dim" surface — the desaturated near-navy product canvas inherited from Twitter's three-mode theme system, still surfaced on x.com under the Display settings.

x-dim-elevated

#1E2732

Authored elevated surface on the Dim canvas — modals, hover rows.

x-charcoal

#16181C

Authored elevated surface on the Lights Out (pure-black) canvas — rows, tile borders, and modal backgrounds on x.com dark mode.

x-gray

#71767B

Secondary text and icon tone on the dark canvas.

x-gray-light

#E7E9EA

Primary text tone on the dark canvas (off-white).

x-gray-border

#2F3336

Hairline divider and border tone on the dark canvas.

twitter-blue-legacy

#1DA1F2

The pre-2023 Twitter Blue. Retained as a deprecated reference for historical applications and migration documentation only; not part of the current X monochrome identity.

Mode role mappings

Light mode (14 roles)

accent → x-black

accent-hover → x-charcoal

background → x-white

error → x-black

primary → x-black

primary-hover → x-charcoal

success → x-black

surface → x-white

surface-elevated → x-white

text-primary → x-black

text-secondary → x-gray

text-tertiary → x-gray

warning → x-black

warning-hover → x-charcoal

Dark mode (14 roles)

accent → x-white

accent-hover → x-gray-light

background → x-black

error → x-white

primary → x-white

primary-hover → x-gray-light

success → x-white

surface → x-charcoal

surface-elevated → x-dim-elevated

text-primary → x-gray-light

text-secondary → x-gray

text-tertiary → x-gray

warning → x-white

warning-hover → x-gray-light

Provenance

Source: https://about.x.com/en/who-we-are/brand-toolkit
Attribution: X and the X mark are trademarks of X Corp. The black-and-white monochrome identity is documented in X's public brand toolkit at about.x.com/en/who-we-are/brand-toolkit. The legacy Twitter Blue (#1DA1F2) is the historical Twitter brand color (pre-July 2023) documented across the Twitter media-kit archive and the simple-icons brand database.
Imported: 2026-05-18
Notes: X is dark-first by canonical identity: the X mark in white on a black canvas is the most-recognized form on the X.com product and in marketing. The light-mode role mapping is an authored inversion — the mark renders in black on white — and is also canonical per the brand toolkit. The platform's product UI additionally supports a "Dim" near-navy canvas (#15202B) inherited from the Twitter era; it is documented here as a surface neutral.