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