What is Brand Color Explorer?

Brand Color Explorer lets you browse the official color palettes of 100+ popular brands like Google, Spotify, Netflix, and more. Copy any hex code instantly for your designs, presentations, or development work.

Brands are grouped into Technology, Social Media, Food and Drink, Finance, Entertainment, Retail, Automotive, Sports, Healthcare, and Travel. Each card lists the official primary, secondary, and accent codes drawn from public brand guidelines, with one-click copy in HEX, RGB, or HSL. The search box matches on brand name, and the category chips narrow the list when you want to compare similar companies side by side.

How to use

1. Browse brands by category or search for a specific brand name.
2. Pick HEX, RGB, or HSL with the format toggle, then click any swatch to copy that color in the chosen format.
3. View the full palette for each brand, then grab it your way: click a swatch to copy one color, hit Copy all for a comma-separated HEX list, CSS for custom properties, Tailwind for a config block, or PNG for a swatch sheet.

When to use

• Mocking up a presentation slide that references a real brand and needs colour-accurate logos
• Picking palette inspiration from a competitor or aspirational brand in your category
• Building a co-branded landing page where you need both partners' exact hex values in seconds

Result

You're designing a slide deck that references Spotify. Search 'Spotify', find their green (#1DB954), and copy it with one click to use in your design tool.

FAQ

Where do these brand colour codes come from?

They're taken from each brand's published style guide or press kit, then double-checked against logo SVGs where available. We don't claim trademark on any of them — the codes are reference values, not endorsements.

Am I allowed to use these colours in my own work?

Colour codes themselves aren't copyrightable, but a brand's identity is. Use the codes freely for sketches, mockups, comparison pieces, and editorial work; check the brand's trademark policy before producing anything that could imply affiliation.

Why do some brands list four or five colours and others only two?

We mirror what the company publishes. Google's identity spans four primaries because of the four-letter logo, while Apple's official palette is intentionally tiny — black, silver, and a single accent blue.

Can I export the whole list to use in Figma or my IDE?

Yes — every brand card has its own export row. Copy all puts the whole palette on your clipboard as a comma-separated HEX list, the CSS button copies it as ready-to-paste custom properties (e.g. --tesla-red: #CC0000;), the Tailwind button copies a tailwind.config.js colors block keyed by the brand, and the PNG button saves a clean swatch sheet for decks. You can still pick HEX, RGB, or HSL with the format toggle and click individual swatches one at a time, and each swatch shows a small AA/AAA badge so you know how readable text will be on it.

A brand I care about is missing — can you add it?

The list focuses on widely recognised global brands so the search box stays useful. We keep the dataset bounded on purpose; if you need niche or local brands, you'll usually find them faster on the brand's own About page.

Related Tools