Brand colors
Hex, RGB, HSL and OKLCH codes for the color systems of 54 well-known brands. 10 come straight from the brand's own guidelines and the rest from the brand's live website code; every page cites its source and the date we checked it.
Social media and messaging
- Facebook colors#0866FF #0064E0 #111112 #686A6E
- Discord colors#5865F2 #E0E3FF #000000
- Instagram colors#0095F6 #262626 #8E8E8E #FAFAFA
- TikTok colors#FE2C55 #2DCCD3 #000000 #FFFFFF
- X (Twitter) colors#000000 #FFFFFF #1D9BF0 #141414
- LinkedIn colors#0A66C2 #231F20 #FFFFFF
- Telegram colors#2AABEE #229ED9 #0088CC #2481CC
- WhatsApp colors#25D366 #43CD66 #103928 #FCF5EB
- Pinterest colors#E60023 #111111 #F3F3EF #FFFFFF
- Reddit colors#FF4500
- Snapchat colors#FFFC00 #000000 #FFFFFF
Software and developer tools
- Google colors#4285F4 #EA4335 #FBBC05 #34A853
- Apple colors#0071E3 #0066CC #1D1D1F #F5F5F7
- T-Mobile colors#E20074 #A7005A #770141 #000000
- Microsoft colors#F25022 #7FBA00 #00A4EF #FFB900
- Figma colors#FF3737 #FF7237 #874FFF #00B6FF
- Shopify colors#95BF47 #5E8E3E #008060 #18181B
- Trello colors#0052CC #2684FF #253858
- Duolingo colors#58CC02 #1CB0F6 #FF4B4B #FFC800
- Dropbox colors#0061FE #1E1919 #F7F5F2 #14C8EB
- GitHub colors#0FBF3E #101411 #F2F5F3 #909692
- Slack colors#4A154B #E01E5A #36C5F0 #2EB67D
- Notion colors#000000 #0075DE #191918 #FFB110
- Linear colors#5E6AD2 #7170FF #F4F5F8 #222326
- Vercel colors#000000 #FFFFFF #FAFAFA #0070F3
Streaming and entertainment
Food and drink
Retail and delivery
- Uber colors#000000 #FFFFFF #111111 #F6F6F6
- Lyft colors#FF00BF #1D0C17 #820076 #F1F0EC
- The Home Depot colors#F96302 #BC4B02 #333333 #FFFFFF
- Target colors#CC0000 #FAF2ED #333333 #FFFFFF
- Amazon colors#FF9900 #131921 #232F3E #FEBD69
- Walmart colors#0053E2 #FFC220 #001E60 #4DBDF5
- FedEx colors#4D148C #FF6200
- UPS colors#351C15 #FFC400 #F2F2F2
- IKEA colors#0058A3 #FFDB00 #007CC1 #111111
Payments and finance
Fashion, cars and lifestyle
Main brand color of every brand
| Brand | Main color | HEX | RGB | Source |
|---|---|---|---|---|
| Tiffany | Signature blue | #81D8D0 | rgb(129, 216, 208) | Live website code |
| Pepsi | Electric blue | #0000FE | rgb(0, 0, 254) | Live website code |
| John Deere | John Deere green | #367C2B | rgb(54, 124, 43) | Live website code |
| Barbie | Barbie pink | #FF3EB5 | rgb(255, 62, 181) | Live website code |
| YouTube | YouTube Red | #FF0033 | rgb(255, 0, 51) | Official guidelines |
| Ferrari | Ferrari red | #DA291C | rgb(218, 41, 28) | Live website code |
| Google Blue | #4285F4 | rgb(66, 133, 244) | Live website code | |
| Uber | Uber black | #000000 | rgb(0, 0, 0) | Live website code |
| Apple | Button blue | #0071E3 | rgb(0, 113, 227) | Live website code |
| Lyft | Lyft Pink | #FF00BF | rgb(255, 0, 191) | Live website code |
| Nike | Nike black | #111111 | rgb(17, 17, 17) | Live website code |
| The Home Depot | Home Depot orange | #F96302 | rgb(249, 99, 2) | Live website code |
| T-Mobile | Magenta | #E20074 | rgb(226, 0, 116) | Live website code |
| Facebook blue | #0866FF | rgb(8, 102, 255) | Live website code | |
| Coca-Cola | Coca-Cola red | #EA0000 | rgb(234, 0, 0) | Live website code |
| Spotify | Spotify Green | #1ED760 | rgb(30, 215, 96) | Live website code |
| Target | Target red | #CC0000 | rgb(204, 0, 0) | Live website code |
| Amazon | Amazon orange | #FF9900 | rgb(255, 153, 0) | Live website code |
| Discord | Blurple | #5865F2 | rgb(88, 101, 242) | Official guidelines |
| Instagram blue | #0095F6 | rgb(0, 149, 246) | Live website code | |
| Walmart | True Blue | #0053E2 | rgb(0, 83, 226) | Live website code |
| Starbucks | Starbucks Green | #006241 | rgb(0, 98, 65) | Official guidelines |
| McDonald’s | Golden Arches yellow | #FFBC0D | rgb(255, 188, 13) | Live website code |
| TikTok | Blaze | #FE2C55 | rgb(254, 44, 85) | Live website code |
| X (Twitter) | Black | #000000 | rgb(0, 0, 0) | Live website code |
| FedEx | FedEx Purple | #4D148C | rgb(77, 20, 140) | Live website code |
| Cadbury | Cadbury purple | #4B0983 | rgb(75, 9, 131) | Live website code |
| LinkedIn Blue | #0A66C2 | rgb(10, 102, 194) | Official guidelines | |
| UPS | UPS Brown | #351C15 | rgb(53, 28, 21) | Live website code |
| Telegram | Logo blue | #2AABEE | rgb(42, 171, 238) | Live website code |
| Twitch | Twitch Purple | #9146FF | rgb(145, 70, 255) | Live website code |
| Microsoft | Logo red | #F25022 | rgb(242, 80, 34) | Live website code |
| WhatsApp green | #25D366 | rgb(37, 211, 102) | Live website code | |
| Figma | Logo red | #FF3737 | rgb(255, 55, 55) | Live website code |
| Pinterest Red | #E60023 | rgb(230, 0, 35) | Live website code | |
| Stripe | Brand purple | #533AFD | rgb(83, 58, 253) | Live website code |
| Netflix | Netflix Red | #E50914 | rgb(229, 9, 20) | Official guidelines |
| IKEA | IKEA blue | #0058A3 | rgb(0, 88, 163) | Live website code |
| Shopify | Shopify green | #95BF47 | rgb(149, 191, 71) | Official guidelines |
| Trello | Trello blue | #0052CC | rgb(0, 82, 204) | Live website code |
| Airbnb | Rausch | #FF385C | rgb(255, 56, 92) | Live website code |
| PayPal | PayPal blue | #003087 | rgb(0, 48, 135) | Live website code |
| Duolingo | Feather Green | #58CC02 | rgb(88, 204, 2) | Live website code |
| OrangeRed | #FF4500 | rgb(255, 69, 0) | Official guidelines | |
| Snapchat | Snap Yellow | #FFFC00 | rgb(255, 252, 0) | Live website code |
| DoorDash | DoorDash red | #FF3008 | rgb(255, 48, 8) | Live website code |
| Dropbox | Dropbox Blue | #0061FE | rgb(0, 97, 254) | Official guidelines |
| GitHub | GitHub Green | #0FBF3E | rgb(15, 191, 62) | Official guidelines |
| Slack | Aubergine | #4A154B | rgb(74, 21, 75) | Live website code |
| Mastercard | Mastercard red | #EB001B | rgb(235, 0, 27) | Live website code |
| Visa | Visa brand blue | #1434CB | rgb(20, 52, 203) | Live website code |
| Notion | Black | #000000 | rgb(0, 0, 0) | Live website code |
| Linear | Brand blue | #5E6AD2 | rgb(94, 106, 210) | Official guidelines |
| Vercel | Black | #000000 | rgb(0, 0, 0) | Live website code |
How these colors were collected
- Official first: when a brand publishes hex values in its brand, press or design guidelines, we copy them exactly from that page.
- Live CSS second: when a brand publishes no hex values, we read the colors its website renders from its CSS, and label the page that way.
- Never from a logo image: color picked from a compressed logo is often a few steps off, so we do not do it.
- Everything else is computed: RGB, HSL, OKLCH, WCAG 2 and APCA contrast, Tailwind scales and nearest named colors come from the hex codes.
Want the colors of a site that is not listed? Paste its address into the website color extractor, then build a full palette from it in the Color System Studio.
Frequently asked questions
What are brand colors?
Brand colors are the small set of colors a company uses on its logo, product and marketing, usually one primary color, a few accents and neutrals for text and backgrounds.
How do I find the hex code of a brand color?
Look for the brand's official guidelines or press kit first. If it has none, use the website color extractor to read the colors its site uses, or check the brand's page here.
How many colors should a brand have?
Most brands here use one primary color, one to three accents and two or three neutrals. Fewer colors make a brand easier to recognize and keep contrast under control.
Are these brand colors official?
10 of the 54 brands are taken from official brand guidelines. The others publish no hex values, so we read them from the live website CSS or SVG files and say so on the page.