🎨 Color Tools

Brand Color Finder

Official hex codes for 700+ global and regional brands. Search any brand, click any colour to copy the HEX, RGB, HSL or CSS variable. Zero ads, no login.

700+ brands Copy HEX, RGB, HSL or CSS Global + regional brands Usage notes per colour
AdSense — 728×90 Leaderboard

Brand Color Finder

Copy format:
No brands found. Try a different search.
AdSense — 728×90 Leaderboard
🌀
Want to build your own colour palette from a brand colour?
The free CSS Gradient Generator turns any hex code into a polished gradient — linear, radial, conic or mesh. Copy the CSS or Tailwind class in one click.
CSS Gradient Generator →
⭐ Ratings

Rate this tool

4.8
★★★★★
Based on 24,317 ratings
5
21,399
4
1,702
3
730
2
243
1
243
Did this save you time finding brand colours?
Thank you for the feedback!
Features

700+ brands, four copy formats, and usage notes per colour

Most brand colour tools list a handful of American tech companies and stop there. This finder covers 700+ global brands across 11 categories — tech, food, sport, fashion, finance, automotive, media, social, retail, telecom and travel. Regional brands across UAE, India, Southeast Asia, Latin America, Africa, Europe and Australia are included alongside the global giants.

700+ brands across 11 categories
Tech, food, sport, finance, fashion, automotive, media, retail, social, telecom and travel. Updated for 2025 rebrands including X, Meta and e&.
Four copy formats
Switch between HEX (#6366F1), RGB (rgb(99,102,241)), HSL (hsl(239,84%,67%)) and CSS custom property (--brand-indigo: #6366F1). Global format applies to every copy button on the page.
Quick-copy swatches on every card
The primary colour hex is visible and copyable on every card without needing to expand it. Click the swatch to copy immediately.
Full colour palette on expand
Click any brand card to expand the full colour system — often 3 to 5 colours with individual copy buttons and the usage note explaining how the brand applies each colour.
Regional and global brands
Emirates, talabat, Noon, Careem from UAE. Tata, Swiggy, Zomato, Flipkart from India. Grab, Gojek, Shopee from SEA. MTN, Safaricom from Africa. Mercado Libre, Nubank from LATAM.
Search and category filter
Instant search filters across all 700 brands as you type. Category buttons narrow results to a single vertical. Results count keeps you oriented.
How to use

How to find and copy a brand colour

1
Search or filter
Type any brand name in the search bar for instant results. Or click a category button to browse all brands in a vertical like tech, fashion or food.
2
Choose your copy format
Select HEX, RGB, HSL or CSS variable using the format tabs above the grid. Your choice applies globally — every copy action on any brand will use the selected format.
3
Quick copy from the card
Each brand card shows the primary colour hex. Click the swatch chip to copy it immediately to your clipboard without expanding the card.
4
Expand for the full palette
Click the card itself to open the expanded panel. You will see all brand colours with individual copy buttons, the HEX and colour name, and a usage note explaining how the brand uses each colour.
Comparison

LazyTools vs other brand colour finders

Feature⭐ LazyTools brandfetch.combrandcolors.netuicolors.app
Brand count700+Millions (API)~600~300
Copy HEX instantly
Copy RGB / HSL
Copy CSS variable
Usage notes per colour
Regional brands (UAE, India, SEA)Partial
No login / no API keyAPI: requires key
No ads⚠ Ads
Quick reference

Popular brand primary colours

BrandPrimary colour nameHEXCategory
AppleApple Black#1D1D1FTech
GoogleGoogle Blue#4285F4Tech
MetaMeta Blue#0866FFTech
NikeNike Black#111111Sport
Coca-ColaCoca-Cola Red#F40009Food
McDonald'sGolden Arches#FFC72CFood
EmiratesEmirates Red#D71920Travel
SpotifySpotify Green#1DB954Tech
NetflixNetflix Red#E50914Media
TataTata Blue#003399Tech
Complete guide

Brand Colour Finder — Official Hex Codes for 700+ Global and Regional Brands

Brand colours are one of the most powerful and legally deliberate choices a company makes. The right colour communicates trust, energy, luxury, accessibility or disruption before a single word is read. Finding the exact official hex code for a brand matters because approximations — even ones that look close on screen — can misrepresent the brand in designs, presentations and mockups. This tool compiles the official primary colours, secondary palettes and usage notes for 700+ brands across every major industry and region.

Are these colours officially licensed from the brands?

Brand colour values in this database are derived from publicly available brand guidelines, investor relations pages, press kits and official style guide documents that brands publish for designers, journalists and partners to use correctly. The colour values themselves (e.g. a specific hex code like #E50914) cannot be trademarked — colour trademarks protect the use of a colour in a specific commercial context, not the colour value itself. You are free to reference these values for design and development work. However, you cannot use a brand's colour to imply endorsement, affiliation or partnership with the brand without their permission.

How do I use a HEX code in CSS?

A HEX code is used in CSS directly as a colour value: color: #E50914; or background-color: #E50914; HEX codes are the most widely supported colour format across all browsers and design tools. They can be converted to RGB (rgb(229, 9, 20)) or HSL (hsl(357, 92%, 47%)) which offer more readable values for design systems. The CSS variable format — --brand-netflix: #E50914; — is useful for design systems where the same brand colour is referenced across multiple components.

Official brand colour hex codes for major companies

Some of the most searched brand colours include: Apple's near-black #1D1D1F (used for all body typography on Apple.com), Google Blue #4285F4 (primary CTA and link colour), Netflix Red #E50914 (logo and UI accents only, never on dark background), Spotify Green #1DB954 (on dark backgrounds only — the brand guidelines explicitly ban green on white), and Nike's functional black #111111. For financial brands, Visa uses #1A1F71 (dark navy for trust), Mastercard layers #EB001B and #F79E1B in the overlapping circles, and Revolut uses near-black #191C1F with violet #7B61FF.

Tailwind gradient generator online

If you need to use a brand colour in a Tailwind CSS gradient, the CSS Gradient Generator on this site outputs Tailwind utility classes from any hex code. For brand colours that do not match Tailwind's built-in palette, the arbitrary value syntax is used: from-[#E50914] to-[#FF0000]. For a complete overview of gradient generation from brand palettes, see the CSS Gradient Generator tool.

Mesh gradient CSS generator online

Brand colours are often used as the basis for mesh gradients in SaaS landing pages and app backgrounds. A mesh gradient built from brand colours creates an ownable, on-brand background. The CSS Gradient Generator on this site includes a mesh mode that generates layered radial gradients from any colour combination, producing the soft blob aesthetic used by Stripe, Linear and many modern fintech and SaaS brands.

UAE and Middle East brand colours

The UAE brand ecosystem includes some of the most distinctive colour identities in the region. Emirates uses a regal combination of red (#D71920) and gold (#A4863C) derived from UAE national colours and applied consistently across aircraft livery, lounges and uniforms. talabat's orange (#FF6B00) is one of the most visible brand colours in Dubai and across the Gulf. Noon uses a distinctive bright yellow (#FEEE00) that makes it immediately recognisable as the Arab world's largest e-commerce platform. Careem's fresh green (#00C07F) and DEWA's institutional dark green and blue reflect their respective consumer and utility brand positioning.

Colour psychology in brand design

Colour choices encode meaning before any text is read. Blue is the most used corporate colour because it conveys trust, stability and professionalism — which is why finance brands (Visa, PayPal, American Express, Revolut), tech giants (Meta, LinkedIn, Samsung) and airlines (British Airways, Singapore Airlines, Etihad) all default to blue. Red signals urgency, appetite and energy — preferred by food brands (Coca-Cola, McDonald's, KFC), streaming (Netflix, YouTube) and fast-fashion (H&M). Green signals nature, health and growth — used by WhatsApp, Spotify, Whole Foods, and most sustainability-positioned brands. Yellow and orange signal warmth, optimism and accessibility — the language of Noon, talabat, DHL, Snapchat and Amazon.

Why do brand colours look different on screen versus print?

Screen colours (RGB and HEX) are produced by emitting light. Print colours (CMYK and Pantone) are produced by absorbing light through ink. The two colour spaces have different gamuts — screens can reproduce highly saturated colours like Spotify Green (#1DB954) and Discord Blurple (#5865F2) that are difficult to match exactly with standard CMYK inks. Pantone's Spot Colour system is used by brands to guarantee exact ink reproduction across printers and substrates. A Pantone code like Pantone 185 C (Coca-Cola red) will produce a consistent red on any press worldwide, while a CMYK approximation will drift between different paper stocks and printers. When working on printed brand materials, always check the brand's Pantone specifications alongside the hex codes.

Frequently asked questions

HEX and RGB represent the same colours in different notations. HEX uses a six-character string prefixed with a hash mark, where pairs of characters represent the red, green and blue channels in base-16 (hexadecimal). For example, #FF0000 means red=255, green=0, blue=0. RGB writes the same value as rgb(255, 0, 0). Design tools accept both formats interchangeably. HEX is more compact and commonly used in code. RGB is more readable for arithmetic operations because the values are base-10 integers from 0 to 255. CSS4 also supports rgb() with percentages and alpha: rgba(255, 0, 0, 0.5) for 50% transparency.
HSL stands for Hue, Saturation, Lightness. Hue is the colour wheel position from 0 to 360 degrees (0 = red, 120 = green, 240 = blue). Saturation is the intensity from 0% (grey) to 100% (vivid). Lightness goes from 0% (black) to 100% (white). HSL is more intuitive for designers because you can adjust a colour's shade by changing lightness without changing the hue. For example, you can create tints and shades of a brand colour programmatically: hsl(239, 84%, 80%) is a lighter tint of LazyTools indigo while hsl(239, 84%, 40%) is a darker shade. CSS custom properties combined with HSL channel variables is a popular modern design token approach.
A CSS custom property (CSS variable) stores a value that can be referenced throughout a stylesheet: :root { --brand-red: #E50914; }. Any rule can then use it: color: var(--brand-red); If you later need to change the red across the entire project, you change it in one place. This is the foundation of modern design token systems. For brand colours specifically, CSS variables make it simple to implement a colour palette where the brand's primary, secondary and accent colours are defined once and propagated everywhere — including in gradient and shadow declarations.
Referencing a brand's colour values is not a legal violation. Colour values themselves cannot be trademarked in isolation. What you cannot do is use a brand's colour in a way that implies endorsement, creates confusion about origin, or violates the brand's trademark. For example, you can use Coca-Cola's red (#F40009) as an inspiration for a food brand without issue. But you cannot design a product that intentionally mimics Coca-Cola's complete visual identity to mislead consumers. When creating mockups showing your product alongside a brand, always label clearly that it is a mockup and not an official product of that brand.
Major brands typically update their visual identity every 5 to 10 years, but smaller colour refinements happen more frequently. Notable recent rebrands: Twitter became X in 2023 (all blue dropped, pure black-and-white identity). Meta updated its blue from #1877F2 to #0866FF in 2023. Pepsi refreshed its blue to a deeper #004B93 in 2023. The Gap and Airbnb have made subtle palette refinements in recent years. When accuracy is critical for a client project, verify against the brand's current official guidelines directly from their website or press kit rather than relying on any aggregated source.
Spotify's official brand guidelines explicitly prohibit placing Spotify Green (#1DB954) on white or light backgrounds. The restriction exists because Spotify Green on white fails WCAG accessibility contrast requirements at 3.04:1 (WCAG AA requires at least 4.5:1 for normal text and 3:1 for large text). Using the green on dark backgrounds (black or Spotify's dark surface colours) achieves a contrast ratio well above the accessible threshold. Spotify also uses the green restriction to control brand associations — the vivid green on black is a distinctive visual signature that immediately communicates the Spotify brand. On white, the green looks like a generic call-to-action button and loses its brand identity.
Pure black (#000000) creates maximum contrast against white backgrounds. While this passes WCAG accessibility standards, it can cause visual fatigue on extended reading because the eye perceives the jump from pure black to pure white as very harsh. Apple's #1D1D1F (also called Off-Black or Apple's typographic black) is a very deep slate with a faint blue-grey undertone that softens the reading experience while maintaining premium legibility. It also renders better on OLED screens where pure black pixels are turned off completely — text in #1D1D1F avoids the halo artefact that can appear on OLED panels when pure black text sits next to bright backgrounds. The same principle explains why many premium design brands avoid true white (#FFFFFF) for backgrounds, preferring a faint off-white like #FDFDFF or #F5F5F7.
There is no exact mathematical formula to convert HEX (screen colour) to Pantone (physical ink) because the two systems have different gamuts and the relationship depends on the substrate (paper, fabric, plastic). The practical approach is to use Adobe Illustrator, Photoshop or Figma's built-in Pantone swatch library to find the nearest match, or to use Pantone's official colour bridge guides which show RGB and CMYK approximations alongside the Pantone spot colour. Pantone Connect offers a digital matching tool. Note that some brand colours (including Spotify Green and Discord Blurple) are highly saturated screen colours that have no close Pantone equivalent — print versions of these brands use the nearest CMYK approximation and typically look less vivid than on screen.
Cadbury's purple (#4B0082-adjacent deep purple, officially Pantone 2685C) is one of the most successfully trademarked colour applications in British commercial history. Cadbury won a UK trademark in 2004 for the specific purple applied to chocolate product packaging, then fought and ultimately lost an attempt to protect it across all chocolate categories. The case established that a single colour can be trademarked in the UK and EU when it has acquired sufficient distinctiveness — meaning consumers associate the colour uniquely with that brand. Research showed that over 80% of UK consumers associated the Cadbury purple with Cadbury chocolate. This is the legal threshold for colour trademark: not just visual similarity but acquired secondary meaning in the consumer's mind.
A complete brand style guide specifies colours in four formats: (1) Pantone — for print and physical materials on coated (C) and uncoated (U) paper stocks. (2) CMYK — for process printing on standard commercial presses. (3) RGB — for digital display on screens. (4) HEX — for web and digital design. Some brands also include RAL codes for architectural applications (building paint, signage). Large international brands add a fifth specification for the colour on specific substrates: for example, Nike specifies how its black should appear on reflective materials used in sportswear. The HEX value in this database corresponds to the RGB specification from the official guidelines.
The most accurate approach is to use the eyedropper tool in Figma, Adobe Illustrator, or Photoshop on a high-resolution version of the logo. SVG logos are best because they contain the exact colour values in their source code — you can open an SVG in a text editor to read the fill and stroke hex values directly. For PNG or JPEG logos, the eyedropper gives an approximation that may be affected by image compression artefacts, especially JPEG compression near colour edges. Always verify extracted colours against the official brand guidelines where possible. Many brands publish SVG logo assets in their press kit or on their website directly.
The Google brand uses four colours from its logo: Google Blue (#4285F4), Google Red (#EA4335), Google Yellow (#FBBC05) and Google Green (#34A853). These four colours are used together as a four-colour system representing diversity — they rarely appear individually in Google corporate branding. The same four colours form the foundation of the Material Design colour system used across Android, Google Workspace, Google Maps and all Google products. Within Material Design, each of the four hues has a full tonal palette from 50 (very light) to 900 (very dark). The Google doodle program has extended the four-colour palette to a much wider range for specific celebrations and events.
Slack's primary brand colour is Aubergine (#4A154B) — a deep, slightly warm purple. The choice was intentional in differentiating Slack from the dominant blues in enterprise software (Salesforce, Microsoft Teams, Zoom, LinkedIn). Aubergine creates a warmer, more human feeling appropriate for a communication platform, while still feeling serious enough for professional contexts. The Slack logo uses four colours (blue, green, yellow, red) that must always appear together in the correct rotation — these four are secondary to the Aubergine primary. Slack's brand guidelines strongly warn against using individual logo colours outside the logo mark, where the Aubergine is the only brand colour to use on its own.
Emirates uses a combination of Emirates Red (#D71920) and Emirates Gold (#A4863C). The red references both the UAE national flag and the high-energy dynamism of the brand. The gold references luxury and premium service positioning. Together they create a regal, authoritative combination used consistently across aircraft livery (the red tail with gold Arabic calligraphy), cabin crew uniforms, First Class branding, and all marketing. The combination is one of the most recognisable in global aviation. The specific shade of red is close to the standard Arab red but has a slight warmth to it compared to pure signal red like Netflix's #E50914.
Revolut's near-black (#191C1F) primary with violet gradient (#7B61FF) represents a deliberate rejection of the traditional banking palette. Legacy banks use deep navy (Barclays, HSBC, American Express) or corporate blue (Visa, PayPal) to signal trust and stability. Neobanks like Revolut, Monzo (coral pink #FF3464), N26 (near-black with teal), and Wise (green #00B67A) have collectively avoided blue to signal that they are fundamentally different from traditional banks. Revolut's dark-first identity also reflects its digital-native design philosophy — the app is designed for dark mode first, which is why the primary colour is the near-black surface colour rather than a vibrant brand colour. The violet gradient appears in promotional contexts and on the card itself.
Some of the strongest single-colour brand identities include: Tiffany Blue (Pantone 1837, roughly #0ABAB5) which is so associated with the jeweller that it became culturally synonymous with luxury gift packaging. UPS Brown (Pullman Brown, #4D2C1D) which the company has trademarked and which is the basis of their long-running What can Brown do for you campaign. Hermes Orange (#F97035 approximately) used across all packaging and retail environments without variation. T-Mobile Magenta (#E20074) which Deutsche Telekom has aggressively defended across Europe. Orange Telecom which is literally named after its brand colour. Cadbury Purple as discussed above. The most ownable colours tend to be those with high saturation and high specificity — a particular shade of a colour, not a generic red, blue or green.
Related tools

More free colour tools