Brand Color Systems

157 curated palettes, studied and distilled

Themed & Unique8 brands
Themed & Unique

Agentic

Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows fo

Themed & Unique

Futuristic

Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven

Themed & Unique

Hud

A **combat pilot's glass cockpit** — everything readable in a split second, in any light condition,

Themed & Unique

Loom

A friendly, fast video-first async communication tool. Loom's design feels like a well-made producti

Themed & Unique

Pacman

Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-b

Themed & Unique

Tetris

Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy

Themed & Unique

Totality Festival

"Cosmic Premium" — the visceral tension and awe of a solar eclipse. The aesthetic blends the stark m

Themed & Unique

Trading Terminal

A professional-grade financial data terminal. Dense, information-rich layouts designed for traders w

E-Commerce & Retail5 brands
E-Commerce & Retail

Airbnb

A warm, generous consumer marketplace anchored on a clean white canvas and Airbnb Rausch (#ff385c),

E-Commerce & Retail

Meta

Meta's design system spans hardware commerce (Quest VR, Ray-Ban Meta AI glasses) and brand surfaces

E-Commerce & Retail

Nike

A photography-first commerce system built on extreme typographic contrast — towering uppercase Futur

E-Commerce & Retail

Shopify

E-Commerce & Retail

Starbucks

Design & Creative7 brands
Design & Creative

Airtable

A sober, editorial workflow-software interface anchored on white canvas and dark-ink type, where bra

Design & Creative

Canva

Canva is the friendly face of design tools — the brand makes a point of looking inviting where Adobe

Design & Creative

Clay

A vibrant claymation-meets-data interface for Clay.com (GTM data-orchestration platform). Anchors on

Design & Creative

Figma

A confident black-and-white editorial frame interrupted by oversized, hand-cut pastel color blocks.

Design & Creative

Framer

A confident dark-canvas builder marketing site that treats the page like a working artboard — pure b

Design & Creative

Miro

Miro presents itself as the AI-powered visual workspace through a confident, almost playful brand vo

Design & Creative

Webflow

Professional & Corporate10 brands
Professional & Corporate

Ant

Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for da

Professional & Corporate

Application

App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-fi

Professional & Corporate

Corporate

Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterpr

Professional & Corporate

Dashboard

Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarch

Professional & Corporate

Elegant

Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that ex

Professional & Corporate

Enterprise

Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patter

Professional & Corporate

Luxury

High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand

Professional & Corporate

Material

Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cro

Professional & Corporate

Premium

Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished vi

Professional & Corporate

Professional

Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual

Media & Consumer12 brands
Media & Consumer

Apple

A photography-first interface that turns marketing into a museum gallery. Edge-to-edge product tiles

Media & Consumer

IBM

An enterprise-marketing canvas faithful to Carbon Design System: white surfaces, charcoal type, IBM

Media & Consumer

Nvidia

An engineering-grade marketing system organized around two surface modes — a deep black canvas for h

Media & Consumer

Pinterest

A photography-first discovery system organized around the Pinterest Red CTA, the masonry pin grid, a

Media & Consumer

Playstation

A three-surface marketing system organized around alternating black, white, and PlayStation Blue cha

Media & Consumer

Spacex

Media & Consumer

Spotify

Media & Consumer

Theverge

Media & Consumer

Uber

Media & Consumer

Vodafone

Media & Consumer

Wired

Media & Consumer

Xiaohongshu

Xiaohongshu (小红书 / RED) is the visual opposite of a SaaS console. Open the app and you do not see "X

Productivity & SaaS12 brands
Productivity & SaaS

Arc

Arc Browser dissolves the boundary between the chrome and the page. Where Chrome and Safari treat th

Productivity & SaaS

Cal

A clean, calendar-software-first interface anchored on white canvas with black primary CTAs and cust

Productivity & SaaS

Discord

Discord's product is engineered for evenings, raids, and group voice — so the entire surface is dark

Productivity & SaaS

Duolingo

Duolingo is gamification rendered as visual language. The interface is unapologetically bright, with

Productivity & SaaS

Intercom

An editorial customer-service marketing canvas built around a soft cream-white ground, charcoal type

Productivity & SaaS

Linear App

Linear's website is a masterclass in dark-mode-first product design — a near-black canvas (`#08090a`

Productivity & SaaS

Mintlify

Mintlify presents documentation infrastructure with a dual-mode aesthetic — atmospheric sky-gradient

Productivity & SaaS

Notion

Notion presents itself as the all-in-one workspace through a confident, illustration-rich brand voic

Productivity & SaaS

Resend

Resend's marketing surfaces sit on a near-pure black canvas with off-white text and a single signatu

Productivity & SaaS

Slack

Slack's identity is built around the idea that work should feel human and even a little fun. The can

Productivity & SaaS

Webex

Webex is cleaner, friendlier, and more product-led than Cisco corporate while still living inside th

Productivity & SaaS

Zapier

Creative & Artistic11 brands
Creative & Artistic

Artistic

High-contrast, expressive style with creative typography and bold color choices for visually strikin

Creative & Artistic

Cafe

Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed brows

Creative & Artistic

Cosmic

Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.

Creative & Artistic

Creative

Playful, character-driven design with expressive typography and bold graphics for landing pages and

Creative & Artistic

Doodle

Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, in

Creative & Artistic

Editorial

Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant read

Creative & Artistic

Fantasy

Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thema

Creative & Artistic

Friendly

Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palett

Creative & Artistic

Lingo

Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustr

Creative & Artistic

Publication

Print-inspired visual language for books, magazines, and reports with editorial grids and expressive

Creative & Artistic

Storytelling

Narrative-driven design using visuals, copy, and interaction to guide users through engaging, emotio

Editorial · Studio1 brands
Editorial · Studio

Atelier Zero

A small, high-craft studio's annual report rendered as a webpage. The canvas is warm handmade paper.

Layout & Structure4 brands
Layout & Structure

Bento

Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast

Layout & Structure

Levels

Conversion-focused design that removes friction and guides users toward action through clarity, trus

Layout & Structure

Perspective

Spatial depth design with isometric views, vanishing points, and layered elements that guide attenti

Layout & Structure

Spacious

Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing i

Fintech & Crypto7 brands
Fintech & Crypto

Binance

A confident financial-platform interface anchored on a deep near-black canvas, where Binance's iconi

Fintech & Crypto

Coinbase

An institutional-grade crypto exchange whose marketing surfaces read like a quietly-confident financ

Fintech & Crypto

Kraken

Fintech & Crypto

Mastercard

Fintech & Crypto

Revolut

Revolut's marketing surfaces pair a stark black canvas with the brand's cobalt-violet (`#494fdf`) an

Fintech & Crypto

Stripe

Fintech & Crypto

Wise

Automotive7 brands
Automotive

BMW

BMW's corporate site — distinct from BMW M's motorsport-bombastic variant, this is a measured and se

Automotive

BMW M

A motorsport-engineering interface anchored on a near-black canvas with white BMW Type Next Latin di

Automotive

Bugatti

An austere luxury-automotive interface that uses near-pure black canvas, white uppercase letterspace

Automotive

Ferrari

A luxury-automotive brand whose marketing surfaces read as cinematic editorial. The base canvas is *

Automotive

Lamborghini

Automotive

Renault

Renault's web presence pairs the freshly-modernised Renault diamond (the 2021 flat-line rhombus mark

Automotive

Tesla

Bold & Expressive8 brands
Bold & Expressive

Bold

Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts. -

Bold & Expressive

Brutalism

Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layout

Bold & Expressive

Colorful

Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.

Bold & Expressive

Dramatic

High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositio

Bold & Expressive

Energetic

Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive ty

Bold & Expressive

Expressive

Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that bala

Bold & Expressive

Neobrutalism

Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on w

Bold & Expressive

Vibrant

Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy. - **V

Backend & Data9 brands
Backend & Data

Cisco

Cisco's current public web presence is enterprise infrastructure rendered with cinematic restraint.

Backend & Data

Clickhouse

A high-performance database interface anchored on near-pure black canvas with electric yellow as the

Backend & Data

Composio

A developer-tools brand for AI-agent tool integration whose marketing surfaces lean into a dark, tec

Backend & Data

Hashicorp

An enterprise-infrastructure marketing canvas built around a near-black ground (#000000) and a syste

Backend & Data

Mongodb

MongoDB carries a strong dual-mode visual identity — dark deep-teal hero bands with bright MongoDB g

Backend & Data

Posthog

A playful developer-tools system rendered on a warm cream canvas with hand-drawn hedgehog mascots do

Backend & Data

Sanity

Backend & Data

Sentry

Backend & Data

Supabase

AI & LLM15 brands
AI & LLM

Claude

A warm-canvas editorial interface for Anthropic's Claude product. The system anchors on a tinted cre

AI & LLM

Cohere

Cohere's 2026 web system is a controlled enterprise AI interface built from stark white editorial sp

AI & LLM

Elevenlabs

A voice-AI brand whose marketing surfaces read like a quietly editorial print magazine. The base can

AI & LLM

Huggingface

Hugging Face is the rare ML brand that refuses to look serious. The hub leans into a sunshine-yellow

AI & LLM

Minimax

MiniMax presents itself as a premium AI infrastructure brand through a striking duality — bold black

AI & LLM

Mistral Ai

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

AI & LLM

Ollama

An almost defiantly minimal documentation-first system that treats the home page like a Markdown REA

AI & LLM

Openai

OpenAI's product surface reads like a research lab dressed for the public — clinical, restrained, de

AI & LLM

Opencode Ai

OpenCode's website embodies a terminal-native, monospace-first aesthetic that reflects its identity

AI & LLM

Perplexity

Perplexity reads like a research terminal: unhurried, precise, and confident. The dark surface is no

AI & LLM

Replicate

Replicate's marketing surfaces pair the warm-cream developer-tools aesthetic of an indie ML playgrou

AI & LLM

Runwayml

AI & LLM

Together Ai

Together AI's interface is a pastel-gradient dreamscape built for enterprise AI infrastructure — a d

AI & LLM

Voltagent

AI & LLM

X Ai

xAI's website is a masterclass in dark-first, monospace-driven brutalist minimalism -- a design syst

Morphism & Effects6 brands
Morphism & Effects

Claymorphism

Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surf

Morphism & Effects

Glassmorphism

Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern

Morphism & Effects

Gradient

Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth

Morphism & Effects

Neon

Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces

Morphism & Effects

Neumorphism

Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, emb

Morphism & Effects

Skeumorphism

Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive

Modern & Minimal10 brands
Modern & Minimal

Clean

Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to

Modern & Minimal

Contemporary

Current-era minimalist design with bento grids, dark mode support, and high-performance accessible l

Modern & Minimal

Flat

Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast,

Modern & Minimal

Minimal

Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clar

Modern & Minimal

Modern

Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished

Modern & Minimal

Mono

Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-

Modern & Minimal

Refined

Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated

Modern & Minimal

Shadcn

Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patt

Modern & Minimal

Simple

Straightforward, no-frills design with clean typography, neutral colors, and intuitive layouts that

Modern & Minimal

Sleek

Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and co

Developer Tools9 brands
Developer Tools

Cursor

An AI-first code editor whose marketing site reads like a quietly-confident developer-tools brand wi

Developer Tools

Expo

A React Native developer-platform whose marketing site reads like a quietly-confident infrastructure

Developer Tools

Github

GitHub's surface is engineered, not decorated. Every pixel announces a stance: this is a tool for pe

Developer Tools

Lovable

Developer Tools

Mission Control

A **deep space command center** — dark, information-dense, unambiguous. Every pixel earns its place.

Developer Tools

Raycast

| Raycast's marketing system reads like an extended product screenshot. The chrome IS the in-produ

Developer Tools

Superhuman

Developer Tools

Vercel

Developer Tools

Warp

Starter2 brands
Starter

Default

Starter

Warm Editorial

Retro & Nostalgic4 brands
Retro & Nostalgic

Dithered

Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, h

Retro & Nostalgic

Paper

Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile

Retro & Nostalgic

Retro

Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visua

Retro & Nostalgic

Vintage

1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-st

tech1 brands
tech

Glaido

lifestyle1 brands
lifestyle

Grind

Editorial & Print1 brands
Editorial & Print

Kami

kami compresses into one sentence: **warm parchment canvas, ink-blue accent, serif carries hierarchy

devtools1 brands
devtools

Linear

A near-black product-focused marketing canvas built around #010102 (the deepest dark surface of any

AI4 brands
AI

Mistral

Mistral AI brands itself with a singular signature — atmospheric sunset gradients (mustard, orange,

AI

Opencode

A terminal-native marketing system rendered entirely in Berkeley Mono — every word on the page, from

AI

Together

AI

xAI

Editorial / Personal / Publication1 brands
Editorial / Personal / Publication

Urdu

**"Digital Heritage"** — A clean, spacious, and respectful aesthetic that bridges traditional Urdu c

Social & Messaging1 brands
Social & Messaging

Wechat