Color.edu.kg
Skip to main content

Big Tech Color Systems

Learn color strategies from Apple, Vercel, Stripe, and Figma design systems.

Key Principles

Restraint

Use fewer colors for greater impact

Function

Every color has a specific purpose

Consistency

Apply the same color system everywhere

Depth

Use shadows and overlays, not just colors

Company Case Studies

Explore 58 companies and their color strategies

58/58
A
Airbnb
Airbnb's website is a warm, photography-forward marketplace that feels like flipping through a trave...

Airbnb's website is a warm, photography-forward marketplace that feels like flip...

Explore Case →
A
Airtable
Airtable's website is a clean, enterprise-friendly platform that communicates "sophisticated simplic...

Airtable's website is a clean, enterprise-friendly platform that communicates "s...

Explore Case →
A
Apple
Apple's website is a masterclass in controlled drama — vast expanses of pure black and near-white se...

Apple's website is a masterclass in controlled drama — vast expanses of pure bla...

Explore Case →
B
Bmw
BMW's website is automotive engineering made visual — a design system that communicates precision, p...

BMW's website is automotive engineering made visual — a design system that commu...

Explore Case →
C
Cal
Cal.com's website is a masterclass in monochromatic restraint — a grayscale world where boldness com...

Cal.com's website is a masterclass in monochromatic restraint — a grayscale worl...

Explore Case →
C
Claude
Claude's interface is a literary salon reimagined as a product page — warm, unhurried, and quietly i...

Claude's interface is a literary salon reimagined as a product page — warm, unhu...

Explore Case →
C
Clay
Clay's website is a warm, playful celebration of color that treats B2B data enrichment like a craft ...

Clay's website is a warm, playful celebration of color that treats B2B data enri...

Explore Case →
C
Clickhouse
ClickHouse's interface is a high-performance cockpit rendered in acid yellow-green on obsidian black...

ClickHouse's interface is a high-performance cockpit rendered in acid yellow-gre...

Explore Case →
C
Cohere
Cohere's interface is a polished enterprise command deck — confident, clean, and designed to make AI...

Cohere's interface is a polished enterprise command deck — confident, clean, and...

Explore Case →
C
Coinbase
Coinbase's website is a clean, trustworthy crypto platform that communicates financial reliability t...

Coinbase's website is a clean, trustworthy crypto platform that communicates fin...

Explore Case →
C
Composio
Composio's interface is a nocturnal command center — a dense, developer-focused darkness punctuated ...

Composio's interface is a nocturnal command center — a dense, developer-focused ...

Explore Case →
C
Cursor
Cursor's website is a study in warm minimalism meets code-editor elegance. The entire experience is ...

Cursor's website is a study in warm minimalism meets code-editor elegance. The e...

Explore Case →
E
Elevenlabs
ElevenLabs' website is a study in restrained elegance — a near-white canvas (`#ffffff`, `#f5f5f5`) w...

ElevenLabs' website is a study in restrained elegance — a near-white canvas (`#f...

Explore Case →
E
Expo
Expo's interface is a luminous, confidence-radiating developer platform built on the premise that to...

Expo's interface is a luminous, confidence-radiating developer platform built on...

Explore Case →
F
Ferrari
Ferrari's website is a digital editorial — a curated magazine where the Prancing Horse brand is pres...

Ferrari's website is a digital editorial — a curated magazine where the Prancing...

Explore Case →
F
Figma
Figma's interface is the design tool that designed itself — a masterclass in typographic sophisticat...

Figma's interface is the design tool that designed itself — a masterclass in typ...

Explore Case →
F
Framer
Framer's website is a cinematic, tool-obsessed dark canvas that radiates the confidence of a design ...

Framer's website is a cinematic, tool-obsessed dark canvas that radiates the con...

Explore Case →
H
Hashicorp
HashiCorp's website is enterprise infrastructure made tangible — a design system that must communica...

HashiCorp's website is enterprise infrastructure made tangible — a design system...

Explore Case →
I
Ibm
IBM's website is the digital embodiment of enterprise authority built on the Carbon Design System — ...

IBM's website is the digital embodiment of enterprise authority built on the Car...

Explore Case →
I
Intercom
Intercom's website is a warm, confident customer service platform that communicates "AI-first helpde...

Intercom's website is a warm, confident customer service platform that communica...

Explore Case →
K
Kraken
Kraken's website is a clean, trustworthy crypto exchange that uses purple as its commanding brand co...

Kraken's website is a clean, trustworthy crypto exchange that uses purple as its...

Explore Case →
L
Lamborghini
Lamborghini's website is a cathedral of darkness — a digital stage where jet-black surfaces stretch ...

Lamborghini's website is a cathedral of darkness — a digital stage where jet-bla...

Explore Case →
L
Linear App
Linear's website is a masterclass in dark-mode-first product design — a near-black canvas (`#08090a`...

Linear's website is a masterclass in dark-mode-first product design — a near-bla...

Explore Case →
L
Lovable
Lovable's website radiates warmth through restraint. The entire page sits on a creamy, parchment-ton...

Lovable's website radiates warmth through restraint. The entire page sits on a c...

Explore Case →
M
Minimax
MiniMax's website is a clean, product-showcase platform for a Chinese AI technology company that bri...

MiniMax's website is a clean, product-showcase platform for a Chinese AI technol...

Explore Case →
M
Mintlify
Mintlify's website is a study in documentation-as-product design — a white, airy, information-rich s...

Mintlify's website is a study in documentation-as-product design — a white, airy...

Explore Case →
M
Miro
Miro's website is a clean, collaborative-tool-forward platform that communicates "visual thinking" t...

Miro's website is a clean, collaborative-tool-forward platform that communicates...

Explore Case →
M
Mistral Ai
Mistral AI's interface is a sun-drenched landscape rendered in code — a warm, bold, unapologetically...

Mistral AI's interface is a sun-drenched landscape rendered in code — a warm, bo...

Explore Case →
M
Mongodb
MongoDB's website is a deep-forest-meets-terminal experience — a design system rooted in the darkest...

MongoDB's website is a deep-forest-meets-terminal experience — a design system r...

Explore Case →
N
Notion
Notion's website embodies the philosophy of the tool itself: a blank canvas that gets out of your wa...

Notion's website embodies the philosophy of the tool itself: a blank canvas that...

Explore Case →
N
Nvidia
NVIDIA's website is a high-contrast, technology-forward experience that communicates raw computation...

NVIDIA's website is a high-contrast, technology-forward experience that communic...

Explore Case →
O
Ollama
Ollama's interface is radical minimalism taken to its logical conclusion — a pure-white void where c...

Ollama's interface is radical minimalism taken to its logical conclusion — a pur...

Explore Case →
O
Opencode Ai
OpenCode's website embodies a terminal-native, monospace-first aesthetic that reflects its identity ...

OpenCode's website embodies a terminal-native, monospace-first aesthetic that re...

Explore Case →
P
Pinterest
Pinterest's website is a warm, inspiration-driven canvas that treats visual discovery like a lifesty...

Pinterest's website is a warm, inspiration-driven canvas that treats visual disc...

Explore Case →
P
Posthog
PostHog's website feels like a startup's internal wiki that escaped into the wild — warm, irreverent...

PostHog's website feels like a startup's internal wiki that escaped into the wil...

Explore Case →
R
Raycast
Raycast's marketing site feels like the dark interior of a precision instrument — a Swiss watch case...

Raycast's marketing site feels like the dark interior of a precision instrument ...

Explore Case →
R
Renault
Renault's website is a vibrant digital showroom that balances French automotive elegance with bold, ...

Renault's website is a vibrant digital showroom that balances French automotive ...

Explore Case →
R
Replicate
Replicate's interface is a developer playground crackling with creative energy — a bold, high-contra...

Replicate's interface is a developer playground crackling with creative energy —...

Explore Case →
R
Resend
Resend's website is a dark, cinematic canvas that treats email infrastructure like a luxury product....

Resend's website is a dark, cinematic canvas that treats email infrastructure li...

Explore Case →
R
Revolut
Revolut's website is fintech confidence distilled into pixels — a design system that communicates "y...

Revolut's website is fintech confidence distilled into pixels — a design system ...

Explore Case →
R
Runwayml
Runway's interface is a cinematic reel brought to life as a website — a dark, editorial, film-produc...

Runway's interface is a cinematic reel brought to life as a website — a dark, ed...

Explore Case →
S
Sanity
Sanity's website is a developer-content platform rendered as a nocturnal command center -- dark, pre...

Sanity's website is a developer-content platform rendered as a nocturnal command...

Explore Case →
S
Sentry
Sentry's website is a dark-mode-first developer tool interface that speaks the language of code edit...

Sentry's website is a dark-mode-first developer tool interface that speaks the l...

Explore Case →
S
Spacex
SpaceX's website is a full-screen cinematic experience that treats aerospace engineering like a film...

SpaceX's website is a full-screen cinematic experience that treats aerospace eng...

Explore Case →
S
Spotify
Spotify's web interface is a dark, immersive music player that wraps listeners in a near-black cocoo...

Spotify's web interface is a dark, immersive music player that wraps listeners i...

Explore Case →
S
Stripe
Stripe's website is the gold standard of fintech design -- a system that manages to feel simultaneou...

Stripe's website is the gold standard of fintech design -- a system that manages...

Explore Case →
S
Supabase
Supabase's website is a dark-mode-native developer platform that channels the aesthetic of a premium...

Supabase's website is a dark-mode-native developer platform that channels the ae...

Explore Case →
S
Superhuman
Superhuman's website feels like opening a luxury envelope — predominantly white, immaculately clean,...

Superhuman's website feels like opening a luxury envelope — predominantly white,...

Explore Case →
T
Tesla
Tesla's website is an exercise in radical subtraction — a digital showroom where the product is ever...

Tesla's website is an exercise in radical subtraction — a digital showroom where...

Explore Case →
T
Together Ai
Together AI's interface is a pastel-gradient dreamscape built for enterprise AI infrastructure — a d...

Together AI's interface is a pastel-gradient dreamscape built for enterprise AI ...

Explore Case →
U
Uber
Uber's design language is a masterclass in confident minimalism -- a black-and-white universe where ...

Uber's design language is a masterclass in confident minimalism -- a black-and-w...

Explore Case →
V
Vercel
Vercel's website is the visual thesis of developer infrastructure made invisible — a design system s...

Vercel's website is the visual thesis of developer infrastructure made invisible...

Explore Case →
V
Voltagent
VoltAgent's interface is a deep-space command terminal for the AI age — a developer-facing darkness ...

VoltAgent's interface is a deep-space command terminal for the AI age — a develo...

Explore Case →
W
Warp
Warp's website feels like sitting at a campfire in a deep forest — warm, dark, and alive with quiet ...

Warp's website feels like sitting at a campfire in a deep forest — warm, dark, a...

Explore Case →
W
Webflow
Webflow's website is a visually rich, tool-forward platform that communicates "design without code" ...

Webflow's website is a visually rich, tool-forward platform that communicates "d...

Explore Case →
W
Wise
Wise's website is a bold, confident fintech platform that communicates "money without borders" throu...

Wise's website is a bold, confident fintech platform that communicates "money wi...

Explore Case →
X
X Ai
xAI's website is a masterclass in dark-first, monospace-driven brutalist minimalism -- a design syst...

xAI's website is a masterclass in dark-first, monospace-driven brutalist minimal...

Explore Case →
Z
Zapier
Zapier's website radiates warm, approachable professionalism. It rejects the cold monochrome minimal...

Zapier's website radiates warm, approachable professionalism. It rejects the col...

Explore Case →

Quick Comparison

CompanyCategoryPrimary StrategyAccent Color
AirbnbenterpriseAirbnb's website is a warm, photography-forward marketplace that feels like flip...
#ff385c
Airtabledesign-productivityAirtable's website is a clean, enterprise-friendly platform that communicates "s...
#181d26
AppleenterpriseApple's website is a masterclass in controlled drama — vast expanses of pure bla...
#000000
BmwautomotiveBMW's website is automotive engineering made visual — a design system that commu...
#ffffff
Caldesign-productivityCal.com's website is a masterclass in monochromatic restraint — a grayscale worl...
#242424
Claudeai-mlClaude's interface is a literary salon reimagined as a product page — warm, unhu...
#141413
Claydesign-productivityClay's website is a warm, playful celebration of color that treats B2B data enri...
#000000
ClickhouseinfrastructureClickHouse's interface is a high-performance cockpit rendered in acid yellow-gre...
#faff69
Cohereai-mlCohere's interface is a polished enterprise command deck — confident, clean, and...
#000000
CoinbasefintechCoinbase's website is a clean, trustworthy crypto platform that communicates fin...
#0052ff
Case Studies: Big Tech Color Systems - Color.edu.kg | Color.edu.kg