Spotify
streaming
Spotify Green
rgb(30, 215, 96)
Black
rgb(0, 0, 0)
White
rgb(255, 255, 255)
Verified 2026-06-21
品牌參考
品牌顏色參考
搜尋常見品牌調色盤，複製 HEX 或 RGB，並開啟每個條目的公開來源。
Source
Netflix
streaming
Netflix Red
rgb(229, 9, 20)
Black
rgb(0, 0, 0)
White
rgb(255, 255, 255)
Verified 2026-06-21
YouTube
social
YouTube Red
rgb(255, 0, 0)
Almost Black
rgb(40, 40, 40)
White
rgb(255, 255, 255)
Verified 2026-06-21
TikTok
social
Black
rgb(0, 0, 0)
Aqua
rgb(37, 244, 238)
Red
rgb(254, 44, 85)
White
rgb(255, 255, 255)
Verified 2026-06-21
social
Purple
rgb(131, 58, 180)
Pink
rgb(225, 48, 108)
Orange
rgb(247, 119, 55)
Yellow
rgb(252, 175, 69)
Verified 2026-06-21
social
Facebook Blue
rgb(24, 119, 242)
White
rgb(255, 255, 255)
Black
rgb(28, 30, 33)
Verified 2026-06-21
X
social
Black
rgb(0, 0, 0)
White
rgb(255, 255, 255)
Verified 2026-06-21
social
LinkedIn Blue
rgb(10, 102, 194)
Black
rgb(0, 0, 0)
White
rgb(255, 255, 255)
Verified 2026-06-21
social
Pinterest Red
rgb(230, 0, 35)
White
rgb(255, 255, 255)
Verified 2026-06-21
social
OrangeRed
rgb(255, 69, 0)
Black
rgb(0, 0, 0)
White
rgb(255, 255, 255)
Verified 2026-06-21
Snapchat
social
Snap Yellow
rgb(255, 252, 0)
Black
rgb(0, 0, 0)
White
rgb(255, 255, 255)
Verified 2026-06-21
Twitch
streaming
Twitch Purple
rgb(145, 70, 255)
Black
rgb(0, 0, 0)
White
rgb(255, 255, 255)
Verified 2026-06-21
Discord
social
Blurple
rgb(88, 101, 242)
Green
rgb(87, 242, 135)
Yellow
rgb(254, 231, 92)
Fuchsia
rgb(235, 69, 158)
Red
rgb(237, 66, 69)
Verified 2026-06-21
Slack
productivity
Aubergine
rgb(74, 21, 75)
Blue
rgb(54, 197, 240)
Green
rgb(46, 182, 125)
Red
rgb(224, 30, 90)
Yellow
rgb(236, 178, 46)
Verified 2026-06-21
Notion
productivity
Black
rgb(0, 0, 0)
White
rgb(255, 255, 255)
Gray
rgb(247, 246, 243)
Verified 2026-06-21
Figma
developer
Red
rgb(242, 78, 30)
Purple
rgb(162, 89, 255)
Blue
rgb(26, 188, 254)
Green
rgb(10, 207, 131)
Orange
rgb(255, 114, 98)
Verified 2026-06-21
GitHub
developer
Black
rgb(24, 23, 23)
White
rgb(255, 255, 255)
Accent Blue
rgb(9, 105, 218)
Verified 2026-06-21
Vercel
developer
Black
rgb(0, 0, 0)
White
rgb(255, 255, 255)
Verified 2026-06-21
Stripe
finance
Blurple
rgb(99, 91, 255)
Slate
rgb(10, 37, 64)
Cyan
rgb(0, 212, 255)
Verified 2026-06-21
Linear
productivity
Black
rgb(8, 9, 10)
Purple
rgb(94, 106, 210)
White
rgb(255, 255, 255)
Verified 2026-06-21
other
Blue
rgb(66, 133, 244)
Red
rgb(234, 67, 53)
Yellow
rgb(251, 188, 5)
Green
rgb(52, 168, 83)
Verified 2026-06-21
Google Material
developer
Blue 500
rgb(33, 150, 243)
Red 500
rgb(244, 67, 54)
Green 500
rgb(76, 175, 80)
Amber 500
rgb(255, 193, 7)
Verified 2026-06-21
Apple
other
Black
rgb(0, 0, 0)
White
rgb(255, 255, 255)
Gray
rgb(162, 170, 173)
Verified 2026-06-21
Microsoft
developer
Red
rgb(242, 80, 34)
Green
rgb(127, 186, 0)
Blue
rgb(0, 164, 239)
Yellow
rgb(255, 185, 0)
Verified 2026-06-21
Amazon
commerce
Amazon Orange
rgb(255, 153, 0)
Amazon Navy
rgb(35, 47, 62)
Verified 2026-06-21
Shopify
commerce
Green
rgb(149, 191, 71)
Dark Green
rgb(94, 142, 62)
Ink
rgb(0, 0, 0)
Verified 2026-06-21
Airbnb
commerce
Rausch
rgb(255, 90, 95)
Babu
rgb(0, 166, 153)
Arches
rgb(252, 100, 45)
Hof
rgb(72, 72, 72)
Verified 2026-06-21
Uber
commerce
Black
rgb(0, 0, 0)
White
rgb(255, 255, 255)
Blue
rgb(39, 110, 241)
Verified 2026-06-21
PayPal
finance
PayPal Blue
rgb(0, 48, 135)
Pal Blue
rgb(0, 156, 222)
Light Blue
rgb(1, 33, 105)
Verified 2026-06-21
Visa
finance
Visa Blue
rgb(26, 31, 113)
Visa Gold
rgb(247, 182, 0)
Verified 2026-06-21
Mastercard
finance
Red
rgb(235, 0, 27)
Orange
rgb(255, 95, 0)
Yellow
rgb(247, 158, 27)
Verified 2026-06-21
Wise
finance
Wise Green
rgb(159, 232, 112)
Forest Green
rgb(22, 51, 0)
Verified 2026-06-21
Coinbase
finance
Blue
rgb(0, 82, 255)
White
rgb(255, 255, 255)
Ink
rgb(10, 11, 13)
Verified 2026-06-21
Dropbox
productivity
Dropbox Blue
rgb(0, 97, 255)
White
rgb(255, 255, 255)
Black
rgb(0, 0, 0)
Verified 2026-06-21
Atlassian
productivity
Atlassian Blue
rgb(0, 82, 204)
Navy
rgb(23, 43, 77)
Green
rgb(54, 179, 126)
Verified 2026-06-21
Canva
productivity
Blue
rgb(0, 196, 204)
Purple
rgb(125, 42, 232)
White
rgb(255, 255, 255)
Verified 2026-06-21
Zoom
productivity
Zoom Blue
rgb(11, 92, 255)
White
rgb(255, 255, 255)
Black
rgb(0, 0, 0)
Verified 2026-06-21
OpenAI
developer
Black
rgb(0, 0, 0)
White
rgb(255, 255, 255)
Green
rgb(16, 163, 127)
Verified 2026-06-21
Cloudflare
developer
Orange
rgb(243, 128, 32)
Yellow Orange
rgb(246, 130, 31)
Blue Gray
rgb(64, 64, 65)
Verified 2026-06-21
Docker
developer
Docker Blue
rgb(36, 150, 237)
White
rgb(255, 255, 255)
Verified 2026-06-21
Kubernetes
developer
Kubernetes Blue
rgb(50, 108, 229)
White
rgb(255, 255, 255)
Verified 2026-06-21
WordPress
other
WordPress Blue
rgb(33, 117, 155)
Dark Gray
rgb(68, 65, 64)
Orange
rgb(213, 78, 33)
Verified 2026-06-21
Android
developer
Android Green
rgb(61, 220, 132)
Dark
rgb(7, 48, 66)
White
rgb(255, 255, 255)
Verified 2026-06-21
Firefox
other
Orange
rgb(255, 113, 57)
Purple
rgb(144, 89, 255)
Blue
rgb(0, 179, 244)
Verified 2026-06-21
How to use the Brand Color Reference
1
Search a brand
Filter by name, color label, or category. The grid stays compact enough for quick comparison across social, developer, commerce, and finance brands.
2
Copy HEX or RGB
Use HEX for handoff and CSS variables. Use RGB when you need a quick channel value for image tools, previews, or legacy APIs.
3
Check the source
Every brand card includes a source URL and verification date. Open the source before final production work, especially if a brand recently changed identity.
How brand colors work
Most brands have a primary color, one or more support colors, and strict rules for when each can be used. The primary color is the recognition anchor. Secondary colors help with product lines, campaigns, diagrams, and motion. Neutral colors handle type, surfaces, outlines, and large backgrounds. A good brand page tells you not only the values, but also the intended hierarchy.
Accessibility still matters. A brand’s primary color may be iconic but unsuitable for white text, small icons, or disabled UI. If you are placing type over a brand color, test the exact pair with a contrast checker. If the official guide provides dark, light, or accessibility variants, use those before inventing your own.
Brand colors also vary by context. A company might publish one set for logos, another for product UI, another for event booths, and a gradient system for marketing. This reference focuses on public identity values because they are the values people most often search for and cite in implementation specs.
Common use cases
Partner handoff
When a page mentions a partner, sponsor, or integration, use the official brand palette instead of sampling a logo screenshot. The result is cleaner, more trustworthy, and easier to justify in review notes.
Social icon systems
Marketing pages often need rows of social links, embed badges, and follow buttons. A sourced reference makes it easier to keep each platform recognizable while still applying your own spacing, radius, and accessibility rules.
Design audits
When a stakeholder says a brand color looks wrong, cite the source and the verified date. That moves the discussion from preference to evidence and makes future updates easier to schedule.
Important: trademarks and fair use
Brand names, logos, color systems, and trade dress are owned by their respective companies. This page is a reference for designers and developers who need accurate color values from public documentation. It is not legal advice and it does not grant permission to use a company’s marks. Do not use a brand palette in a way that implies sponsorship, partnership, endorsement, or product ownership unless you have the right to do so.
Frequently asked questions
Where do these values come from?
Each entry links to a public brand, media, developer, or design-system page from the company that owns the brand. The dataset prefers official sources over third-party color roundup posts. If a company publishes several palettes, the reference lists identity or public brand values, not private product implementation tokens.
How often are brand colors updated?
The dataset includes a lastVerified date for every entry. Brand values can change during rebrands, mergers, product launches, or design-system refreshes. For production brand work, open the source link before final delivery. For this reference, a quarterly review cadence is the right maintenance target.
Why is a brand missing?
A brand may be missing because it does not publish stable color values, because the official source is difficult to verify, or because the first version of this reference is intentionally focused on widely searched brands. More entries can be added safely as long as each includes a source URL and verification date.
Are brand colors copyright protected?
Individual color values are generally not protected the same way logos and wordmarks are, but brand palettes can function as part of a company trademark identity. Treat this page as a reference for accurate reproduction, not as permission to imply sponsorship, partnership, or endorsement.
Why does a brand show a different blue on its website?
Websites often use product UI tokens, campaign colors, gradients, hover states, dark-mode adjustments, or accessibility variants. The official identity color may not match every pixel on a live page. Use the linked source to decide which value belongs in your context.
Can I copy these into my project?
Yes for reference, mockups, partner displays, and implementation specs where you have a legitimate reason to show the brand. You still need to follow each company’s usage rules. Do not use a brand palette in a way that suggests affiliation or confuses users about who provides a product.
What if a value is wrong?
Use the source link first, then report the mismatch with the brand name, expected value, official source, and date checked. The dataset is designed to be maintainable: one entry, one source URL, one verification date, and a compact list of named colors.