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.
Facebook uses 4 official brand colors.
Brand Color Palette
Brand Keywords & Themes
Associated design themes and color characteristics
Using This Palette
Tips for incorporating Facebook'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 Facebook's brand colors, they are trademarked. Use them for inspiration and learning, but avoid direct copying for commercial purposes that could cause brand confusion.
Facebook Colors for Developers
Copy Facebook's 4 brand colors straight into your codebase
CSS Variables
:root {
--blue: #1877F2;
--white: #FFFFFF;
--black: #000000;
--dark-blue: #4267B2;
}SCSS
$blue: #1877F2;
$white: #FFFFFF;
$black: #000000;
$dark-blue: #4267B2;Tailwind v4
@theme {
--color-blue: #1877F2;
--color-white: #FFFFFF;
--color-black: #000000;
--color-dark-blue: #4267B2;
}Frequently Asked Questions
Common questions about Facebook's brand colors
How many official brand colors does Facebook use?
Facebook's official brand palette uses 4 colors: Blue (#1877F2), White (#FFFFFF), Black (#000000), Dark Blue (#4267B2).
What is Facebook's primary color hex code?
Facebook's primary brand color is Blue with hex code #1877F2. RGB and HSL conversions are available on this page.
What are the names of Facebook's brand colors?
Facebook's 4 brand colors are Blue (#1877F2), White (#FFFFFF), Black (#000000), Dark Blue (#4267B2). These are the official names used in Facebook's brand guidelines and design materials.
Can I use Facebook's brand colors in my own designs?
Facebook'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
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.
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.
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.