Twitter (X)
Two eras coexist in this set: the classic Blue (#1DA1F2) and the newer near-black tones, Black (#000000) and a very dark Dark Black (#14171A), with White. The jump from a bright accent blue to stark monochrome captures the shift from playful to austere. Many designers still reference the original blue hex #1DA1F2.
Twitter (X) uses 4 official brand colors.
Brand Color Palette
Brand Keywords & Themes
Associated design themes and color characteristics
Using This Palette
Tips for incorporating Twitter (X)'s colors into your designs
Design Applications
- Web design and user interfaces
- Marketing materials and presentations
- Brand identity and logo design inspiration
- Social media graphics and content
Note: While these are Twitter (X)'s brand colors, they are trademarked. Use them for inspiration and learning, but avoid direct copying for commercial purposes that could cause brand confusion.
Twitter (X) Colors for Developers
Copy Twitter (X)'s 4 brand colors straight into your codebase
CSS Variables
:root {
--blue: #1DA1F2;
--white: #FFFFFF;
--black: #000000;
--dark-black: #14171A;
}SCSS
$blue: #1DA1F2;
$white: #FFFFFF;
$black: #000000;
$dark-black: #14171A;Tailwind v4
@theme {
--color-blue: #1DA1F2;
--color-white: #FFFFFF;
--color-black: #000000;
--color-dark-black: #14171A;
}Frequently Asked Questions
Common questions about Twitter (X)'s brand colors
How many official brand colors does Twitter (X) use?
The official Twitter (X) brand palette uses 4 colors: Blue (#1DA1F2), White (#FFFFFF), Black (#000000), Dark Black (#14171A).
What is the primary brand color of Twitter (X)?
The primary brand color for Twitter (X) is Blue, hex code #1DA1F2. RGB and HSL conversions are available on this page.
What are the Twitter (X) brand color names?
The 4 brand colors used by Twitter (X) are Blue (#1DA1F2), White (#FFFFFF), Black (#000000), Dark Black (#14171A). These are the official names from the Twitter (X) brand guidelines and design materials.
Can I use the Twitter (X) brand colors in my own designs?
The Twitter (X) colors are trademarked. You can reference the hex codes for inspiration, education, or non-commercial fan projects, but avoid commercial use that implies affiliation or endorsement.
Related Brand Palettes
A friendly Blue (#1877F2) headlines, joined by an older Dark Blue (#4267B2) and neutral White and Black. Medium blues rank among the most widely used hues for signalling approachability online.
Instagram's colors form a warm gradient sweep — Purple (#833AB4) into Magenta (#C13584), Pink (#E4405F) and Orange (#FCAF45). Blending adjacent warm hues this way produces a lively, expressive feel.
YouTube
A dominant Red (#FF0000) plays off White and a Dark Gray (#282828), with a deeper Dark Red (#CC0000) in support. Strong reds are attention-grabbing by nature, and setting them on dark gray keeps the interface legible.
LinkedIn moves between a current Blue (#0A66C2) and its Classic Blue (#0077B5), rounded out with White and Black. The measured, mid-tone blues lend a professional, buttoned-up character.
TikTok
On a Black base, TikTok layers two vivid accents: Cyan (#25F4EE) and Red (#FE2C55), with White completing the four. The cyan-and-magenta glow against black mimics a chromatic-split effect, reading as youthful and kinetic. Excluding the black and white, the two active hues are cyan and red/magenta.
Snapchat
Few palettes lean this hard on one hue: a bright Snapchat Yellow (#FFFC00) and a near-identical Yellow (#FFF200), offset only by Black and White. Pure yellow is highly visible and upbeat, giving the whole set a playful character.