Color Palettes from Well-Known Websites (With Hex Codes)

Studying real, well-known websites is one of the fastest ways to understand color in practice. Instead of a theoretical rule, you see an actual company betting its brand recognition on a specific hex value — and you can see whether it still works five or ten years later.

The hex codes below are close approximations of each brand's well-known signature color, gathered for study and inspiration. They are not pulled from any company's official brand guidelines, so treat them as a strong starting point for a similar mood rather than an exact match — always pull the precise value from a brand's own guidelines if you need one for real production work.

Tech and SaaS brand colors

Tech brands mostly reach for blue or violet, but the ones that stand out usually commit to a specific, slightly unusual shade rather than a generic corporate blue.

Brand	Signature color	Why it works
Stripe	Navy #0A2540 + violet #635BFF	Deep navy signals trust; the violet accent keeps it from feeling like every other fintech blue
Dropbox	Blue #0061FF	A saturated, slightly electric blue that reads as more modern than a muted corporate blue
Notion	Black #000000 on off-white #F7F6F3	Near-absence of color puts all the visual weight on the product itself
Linear	Deep violet #5E6AD2	Violet differentiates from the sea of blue developer tools while still feeling technical

Creative and product-tool brand colors

These brands sell creative or habit-forming products, and their colors lean warmer and more saturated than the trust-focused tech palette above.

Brand	Signature color	Why it works
Spotify	Green #1DB954	High energy without feeling aggressive; distinct from any music competitor
Figma	Multi-color mark: #F24E1E, #A259FF, #1ABCFE, #0ACF83	A literal rainbow signals the product itself is about color and design freedom
Duolingo	Green #58CC02	A brighter, more playful green than Spotify's — same hue family, completely different personality
Mailchimp	Yellow #FFE01B on near-black #241C15	Yellow is rare as a primary brand color, which makes it instantly recognizable

Spotify and Duolingo are a useful comparison on their own — both landed on green, but Spotify's is deeper and calmer while Duolingo's is brighter and more saturated. Same color family, opposite emotional target: one wants to feel premium, the other wants to feel energetic and rewarding.

Consumer and social brand colors

Consumer apps competing for attention on a home screen tend toward a single, extremely saturated signature color.

Brand	Signature color	Why it works
Airbnb	Coral (Rausch) #FF5A5F	Warm and human, deliberately different from typical travel-industry blue
Netflix	Red #E50914 on black #141414	High contrast and instantly recognizable even as a tiny app icon
Slack	Aubergine #4A154B	An unusual deep purple that no major competitor was using at the time
Trello	Blue #0079BF	A friendlier, brighter blue than most productivity tools use

Finance and payments brand colors

Payment brands need to feel secure without feeling cold, which is why several of them use blue but push it toward a more distinctive shade than a generic "bank blue."

Brand	Signature color	Why it works
PayPal	Blue #003087 + light blue #0070BA	A two-tone blue system gives more range than a single flat blue
Coinbase	Blue #0052FF	A bright, confident blue that positions the product as modern rather than traditional-bank

What these palettes have in common

Looking across all of these brands, a few patterns repeat regardless of industry:

• Almost every brand commits to one signature color rather than a balanced palette — the rest of the interface is neutral
• The signature color is rarely a "pure" hue straight off a color wheel; it's shifted slightly (Stripe's violet, Slack's aubergine, Airbnb's coral) to feel less generic
• Category leaders often avoid their category's most common color choice specifically to stand out — Slack chose purple in a sea of blue tools, Mailchimp chose yellow where most tools default to blue or green
• Dark backgrounds (Netflix, Notion, many developer tools) are used when the product itself — video, code, content — needs to be the visual focus, not the chrome around it

How to use this for your own project

Don't copy a brand's exact palette — that creates real trademark and differentiation problems even before considering it's bad practice. Instead, use these as reference points for a type of color decision:

• Want to feel trustworthy but not generic? Look at how Stripe pairs navy with an unusual accent instead of using flat blue.
• Want to stand out in a crowded, blue-saturated category? Look at how Slack and Mailchimp both broke from their category's expected color.
• Want a product to feel like the content is the star? Look at how Notion and Netflix use near-absence of color to get out of the way.

Build a similar direction — not a copy — in the Colortion generator, starting from a hue family rather than an exact hex code.

FAQ

Is it legal to reference a company's brand colors in an article like this?

Discussing and studying publicly visible brand colors for editorial and educational purposes is standard practice across the design industry — the concern arises only when someone copies a brand's full visual identity to imply an affiliation that doesn't exist, which is not what a color-study roundup like this does.

Why do so many well-known brands use just one dominant color instead of a full palette?

A single, consistently applied signature color is easier to recognize at a glance — in a browser tab, an app icon, or a social feed — than a balanced multi-color system, which is why most consumer and tech brands lean on one hero color with mostly neutral support.

Should I copy one of these palettes exactly for my own project?

No — treat them as a reference for a type of color decision (how bold, how warm, how saturated) rather than a literal palette to copy, both for differentiation and because the hex codes here are close approximations, not brand-guideline-exact values.

What's the fastest way to find my own version of one of these directions?

Pick the brand whose mood matches what you want (trustworthy, energetic, minimal, bold), then start from its general hue family — not its exact hex code — in the Colortion generator and adjust until it feels distinct from the original.

Browse curated palettes on Colortion for more ready-made starting points with copyable hex codes.