🎨 Brand Colors Reference (Hex Codes)
By ToolNimba Design Team · Updated 2026-06-19
Click any color chip to copy its hex code.
This brand colors reference lists the official hex codes for popular brands like Facebook, Instagram, YouTube, LinkedIn, WhatsApp, Spotify, Netflix and Google, each with a live color swatch. Type a brand name in the search box to filter the list, then click any color chip to copy its hex code straight to your clipboard. It is a fast way to grab the exact color when you are building a share button, an icon set, a social media template or a marketing graphic.
What is the Brand Colors Reference?
A brand color is the specific shade a company uses across its logo, app and marketing so that people recognise it instantly. These colors are not picked at random: they are defined precisely in a brand style guide, usually as a hex code (a six digit value like #1877F2), and often alongside RGB, HSL and Pantone equivalents. Using the exact value matters because a Facebook blue that is slightly off looks wrong, and on official platforms it can even breach brand usage rules.
A hex code encodes a color as three pairs of hexadecimal digits, one each for red, green and blue, where 00 is none of that channel and FF (255 in decimal) is full intensity. So #FF0000 is pure red, #000000 is black and #FFFFFF is white. The same color can be written in other formats: RGB lists the three channels as numbers from 0 to 255, while HSL describes hue, saturation and lightness. They are interchangeable, but hex is the most common in web and app design because it is compact and pastes directly into CSS.
Brands occasionally refresh their palette, and many use more than one core color. X (formerly Twitter) moved from its familiar light blue to black, Instagram is known for a gradient rather than a single flat color, and tech companies like Google and Microsoft use a set of four. The values shown here reflect the widely used primary colors for each brand, but for an official campaign or a partnership you should always confirm against the brand owner's current brand guidelines, since they hold the definitive specification.
When to use it
- Grabbing the exact hex code for a social share or follow button so it matches the platform.
- Building a marketing graphic, email template or landing page that references a known brand.
- Setting up icon colors in a design tool, CSS file or component library.
- Checking whether a color you already have matches a brand official shade.
How to use the Brand Colors Reference
- Type part of a brand name in the search box to filter the list (for example "spotify").
- Find the brand and its color chip or chips in the results.
- Click a color chip to copy its hex code to your clipboard.
- Paste the hex value into your CSS, design tool or document.
Formula & method
Worked examples
You want the Facebook blue hex value converted to RGB for a design tool that only accepts RGB.
- Facebook Blue is #1877F2
- Red = 18 in hex = (1 × 16) + 8 = 24
- Green = 77 in hex = (7 × 16) + 7 = 119
- Blue = F2 in hex = (15 × 16) + 2 = 242
- So #1877F2 = rgb(24, 119, 242)
Result: #1877F2 equals rgb(24, 119, 242)
You need pure YouTube red and want to confirm what #FF0000 means channel by channel.
- YouTube Red is #FF0000
- Red = FF = 255 (full intensity)
- Green = 00 = 0 (none)
- Blue = 00 = 0 (none)
- Full red with no green or blue is pure, saturated red
Result: #FF0000 equals rgb(255, 0, 0), pure red
Primary brand hex codes for popular platforms
| Brand | Color | Hex |
|---|---|---|
| Blue | #1877F2 | |
| X (Twitter) | Black | #000000 |
| Magenta | #E1306C | |
| YouTube | Red | #FF0000 |
| Blue | #0A66C2 | |
| Green | #25D366 | |
| Spotify | Green | #1DB954 |
| Netflix | Red | #E50914 |
| Blue | #4285F4 |
Brands with a multi-color palette
| Brand | Colors (hex) |
|---|---|
| #4285F4, #EA4335, #FBBC05, #34A853 | |
| Microsoft | #F25022, #7FBA00, #00A4EF, #FFB900 |
| #833AB4, #E1306C, #F77737 | |
| TikTok | #010101, #25F4EE, #FE2C55 |
Common mistakes to avoid
- Using an outdated brand color. Brands rebrand. X dropped the old light blue (#1DA1F2) for black, so an old asset can clash with the current look. Confirm against the brand current guidelines before shipping anything official.
- Treating a gradient brand as a single flat color. Instagram is famous for a gradient that runs through purple, magenta and orange. Picking one of those as a solid fill loses the recognisable look, so reproduce the gradient when the design calls for it.
- Forgetting the # when pasting into CSS. A hex value in CSS needs the leading hash, like color: #1877F2. Pasting just 1877F2 will not apply. The copy here includes the hash so the value is ready to use.
- Assuming you can use a logo just because you have its color. A hex code is free to use, but a company logo and name are trademarks. Matching the color does not grant permission to imply a partnership or to use the logo itself.
Glossary
- Brand color
- The specific shade a company uses consistently across its logo and marketing so people recognise it.
- Hex code
- A color written as #RRGGBB in hexadecimal, the most common color format in web and app design.
- RGB
- A color expressed as three channels (red, green, blue), each from 0 to 255.
- HSL
- A color expressed as hue (0 to 360 degrees), saturation and lightness (both as percentages).
- Brand guidelines
- A company official document that defines its colors, logo usage, typography and tone.
Frequently asked questions
What is the official Facebook brand color?
The primary Facebook brand color is the blue #1877F2, which equals rgb(24, 119, 242). It is used for the logo, buttons and key interface elements. Click the Facebook chip above to copy the hex code.
What is the YouTube red hex code?
YouTube uses a bright, pure red with the hex code #FF0000, which is rgb(255, 0, 0). It appears in the logo and the play button across the platform.
What color is X (formerly Twitter) now?
After rebranding from Twitter to X, the brand moved to black (#000000) as its primary color, replacing the well known light blue (#1DA1F2) that Twitter used for years. Both values are listed here for reference.
Why does Instagram have several colors?
Instagram is built around a gradient rather than one flat color, blending purple (#833AB4), magenta (#E1306C) and orange (#F77737). For a faithful match you reproduce the gradient, but any single value works as an accent.
How do I copy a brand color from this page?
Type a brand name in the search box to filter the list, then click the color chip you want. The hex code is copied straight to your clipboard, with the leading hash, ready to paste into CSS or a design tool.
Can I legally use these brand colors?
A hex code itself is not protected, so you can use any color value freely. However, company logos and names are trademarks, so matching a color does not let you use a logo or imply an official partnership. Check the brand guidelines for usage rules.