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?
Twitter (X)'s official brand palette uses 4 colors: Blue (#1DA1F2), White (#FFFFFF), Black (#000000), Dark Black (#14171A).
What is Twitter (X)'s primary color hex code?
Twitter (X)'s primary brand color is Blue with hex code #1DA1F2. RGB and HSL conversions are available on this page.
What are the names of Twitter (X)'s brand colors?
Twitter (X)'s 4 brand colors are Blue (#1DA1F2), White (#FFFFFF), Black (#000000), Dark Black (#14171A). These are the official names used in Twitter (X)'s brand guidelines and design materials.
Can I use Twitter (X)'s brand colors in my own designs?
Twitter (X)'s colors are trademarked. You can reference the hex codes for inspiration, education, or non-commercial fan projects, but avoid commercial use that could cause brand confusion.
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.