Product-Inspired Color Palettes
Every layout below is a live, editable mockup inspired by a familiar product's look and feel - not an official brand kit. Pick one, then apply your own colors to it.
GitHub
A GitHub-inspired palette is a dark, high-contrast developer-tool color system: a near-black background, a blue primary for links and actions, and a green accent reserved for success states.
Linear
A Linear-inspired palette is a quiet, near-monochrome light UI: an off-white background, a single confident violet primary, and almost no other color competing for attention.
Vercel
A Vercel-inspired palette is a stark black-and-white developer-brand look: a pure black background, white text and UI chrome, and one blue accent reserved for the primary call to action.
Stripe
A Stripe-inspired palette is a clean, confident fintech look: a bright white base, a deep navy for headlines and body text, a bold violet-blue primary, and a bright secondary accent for highlights.
Notion
A Notion-inspired palette is a warm, paper-like neutral system: an off-white background, warm near-black text, and a single blue accent used sparingly for links and interactive elements.
Slack
A Slack-inspired palette is a bright, friendly chat-app look: a white message area, a deep purple sidebar, and a green accent for online status and positive actions.
Discord
A Discord-inspired palette is a dark, game-adjacent chat look: a near-black background, a distinctive blurple primary, and a red accent reserved for mentions and alerts.
Airbnb
An Airbnb-inspired palette is a bright, photo-first marketplace look: a clean white base, a warm coral-red primary for actions, and a teal secondary accent for smaller highlights.
McDonald's
A McDonald's-inspired palette is a bold, high-energy fast-food look: a saturated red primary, a bright yellow secondary, and high-contrast text, built for quick recognition rather than subtlety.
Calendly
A Calendly-inspired palette is a calm, functional scheduling-tool look: a light neutral background, a single confident blue primary for selected times, and minimal decoration elsewhere.
Figma
A Figma-inspired palette is a dark, workspace-neutral design-tool look: a near-black canvas, a saturated purple primary for selection, and a warm orange accent for secondary highlights.