We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,446 algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesEmbed widgetConvertColorblindAboutSupportUpdatesiOS app
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
ColorArchive/Brands/X (Twitter)

Social Platforms

X (Twitter) Color Palette

From sky blue to absolute black — a rebrand in pure contrast.

The palette

Select any value to copy it.

  • X Black

    Primary

    Current X (post-2023) primary.

    Closest in ArchiveTrue Gray Ink
    Closest in Archive: True Gray Ink

  • White

    Neutral
    Closest in ArchiveWarm Gray Veil
    Closest in Archive: Warm Gray Veil

  • Twitter Blue (legacy)

    Secondary

    Pre-2023 brand color, still widely recognized.

    Closest in ArchiveSteel Radiant Bright
    Closest in Archive: Steel Radiant Bright

Can it carry text? (WCAG contrast)

Each color as text on white and on black. AA means body text passes. Select a ratio to open the pair in the contrast checker.

  • X BlackAaon white21.00:1AAX Black: Open in contrast checkerAaon black1.00:1Not for textX Black: Open in contrast checker
  • WhiteAaon white1.00:1Not for textWhite: Open in contrast checkerAaon black21.00:1AAWhite: Open in contrast checker
  • Twitter Blue (legacy)Aaon white3.00:1Large text onlyTwitter Blue (legacy): Open in contrast checkerAaon black7.00:1AATwitter Blue (legacy): Open in contrast checker

About this palette

X's 2023 rebrand jettisoned the iconic Twitter Blue (#1DA1F2) for a stark black-and-white system, betting that high contrast would read as authority. The legacy blue is still recognized worldwide; both palettes are documented below.

Copy as code

Every token name carries the brand, so two brands can share one stylesheet.

CSS variables

:root {
  --x-black: #000000;
  --twitter-x-white: #ffffff;
  --twitter-blue-legacy: #1d9bf0;
}

Tailwind v4 (@theme)

@theme {
  --color-x-black: #000000;
  --color-twitter-x-white: #ffffff;
  --color-twitter-blue-legacy: #1d9bf0;
}
Tailwind v3 (tailwind.config.js)
module.exports = {
  theme: {
    extend: {
      colors: {
        "x-black": "#000000",
        "twitter-x-white": "#ffffff",
        "twitter-blue-legacy": "#1d9bf0",
      },
    },
  },
};

Source: https://about.twitter.com/en/who-we-are/brand-toolkit · As of 2026-05-02 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the X (Twitter) name and any associated marks belong to their owner. Request removal via support.

More from Social Platforms

Instagram

A four-stop gradient is the brand — purple to magenta to orange to yellow.

TikTok

A black canvas with a chromatic-aberration flicker — cyan and magenta.

Reddit

Reddit's orangered — the same name as the CSS color keyword orangered (#FF4500).

Pinterest

A single saturated red that doubles as a verb.