Is Color Brands free to use?

Yes, Color Brands is completely free to use in your browser.

How does the Color Brands tool work?

Official brand colors for popular companies. Simply enter your input and get instant results in your browser.

Color Brands

Official brand colors for popular companies

Official Brand Colors

A curated collection of official brand colorsfrom the world’s most recognized companies. These are the exact hex values used in each company’s brand guidelines. Click any color swatch to copy its hex code to your clipboard.

📋

Usage Note:Brand colors are typically trademarked. Use them only to accurately represent a brand — not as your own brand identity. Always refer to a company’s official brand guidelines for the most up-to-date colors and usage rules.

Search & Filter

Search Brands

Using Brand Colors in CSS

:root {
  /* Social Media Brand Colors */
  --facebook-blue: #1877F2;
  --instagram-pink: #E4405F;
  --linkedin-blue: #0A66C2;
  --twitter-black: #000000;
  --youtube-red: #FF0000;

  /* Technology Brand Colors */
  --google-blue: #4285F4;
  --google-red: #DB4437;
  --google-yellow: #F4B400;
  --google-green: #0F9D58;
}

.social-icon.facebook { color: var(--facebook-blue); }
.social-icon.instagram { color: var(--instagram-pink); }

Multi-Color Brands

Some companies use multiple colors in their branding. Google and Microsoft are notable examples, each using four distinct colors that work together to create a recognizable identity. When referencing these brands, it’s important to use all their colors in the correct order and proportions.

💡

Pro Tip: When working with brand colors, use CSS custom properties (variables) to define them in one place. This makes it easy to maintain consistency and update colors across your entire project.

Brand Color Accessibility

Not all brand colors meet WCAG accessibility standards when used as text on white backgrounds. Always test contrast ratios before using brand colors for text elements. Many brands provide alternative color variations specifically for digital accessibility compliance.

⚠️

Brand colors may be updated over time. Always check the latest brand guidelines from the official source before using these colors in production projects.