THE COLOR LIBRARY

157 Brand Color Systems

Curated palettes from the world's most recognizable brands, distilled into color systems ready to inspire.

No. 01

8
Themed & Unique

Agentic

Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.

Themed & Unique

Futuristic

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

Themed & Unique

Hud

A **combat pilot's glass cockpit** — everything readable in a split second, in any light condition, under any G-load. Th

Themed & Unique

Loom

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

Themed & Unique

Pacman

Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.

Themed & Unique

Tetris

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

Themed & Unique

Totality Festival

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

Themed & Unique

Trading Terminal

A professional-grade financial data terminal. Dense, information-rich layouts designed for traders who need to monitor m


5
E-Commerce & Retail

Airbnb

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

E-Commerce & Retail

Meta

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

E-Commerce & Retail

Nike

A photography-first commerce system built on extreme typographic contrast — towering uppercase Futura display lockups bu

E-Commerce & Retail

Shopify

E-Commerce & Retail

Starbucks


7
Design & Creative

Airtable

A sober, editorial workflow-software interface anchored on white canvas and dark-ink type, where brand voltage comes fro

Design & Creative

Canva

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

Design & Creative

Clay

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

Design & Creative

Figma

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

Design & Creative

Framer

A confident dark-canvas builder marketing site that treats the page like a working artboard — pure black surfaces, white

Design & Creative

Miro

Miro presents itself as the AI-powered visual workspace through a confident, almost playful brand voice — anchored by it

Design & Creative

Webflow


10
Professional & Corporate

Ant

Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applica

Professional & Corporate

Application

App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows. - **V

Professional & Corporate

Corporate

Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns. - **Vi

Professional & Corporate

Dashboard

Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity d

Professional & Corporate

Elegant

Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.

Professional & Corporate

Enterprise

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

Professional & Corporate

Luxury

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

Professional & Corporate

Material

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

Professional & Corporate

Premium

Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language. - **V

Professional & Corporate

Professional

Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity. - **Visua


12
Media & Consumer

Apple

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

Media & Consumer

IBM

An enterprise-marketing canvas faithful to Carbon Design System: white surfaces, charcoal type, IBM Blue (#0f62fe) as th

Media & Consumer

Nvidia

An engineering-grade marketing system organized around two surface modes — a deep black canvas for hero and footer chapt

Media & Consumer

Pinterest

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

Media & Consumer

Playstation

A three-surface marketing system organized around alternating black, white, and PlayStation Blue chapters that scroll pa

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 "Xiaohongshu" — you se


12
Productivity & SaaS

Arc

Arc Browser dissolves the boundary between the chrome and the page. Where Chrome and Safari treat the browser frame as a

Productivity & SaaS

Cal

A clean, calendar-software-first interface anchored on white canvas with black primary CTAs and custom Cal Sans display

Productivity & SaaS

Discord

Discord's product is engineered for evenings, raids, and group voice — so the entire surface is dark-first. The default

Productivity & SaaS

Duolingo

Duolingo is gamification rendered as visual language. The interface is unapologetically bright, with **owl green** (`#58

Productivity & SaaS

Intercom

An editorial customer-service marketing canvas built around a soft cream-white ground, charcoal type set in Saans (Inter

Productivity & SaaS

Linear App

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

Productivity & SaaS

Mintlify

Mintlify presents documentation infrastructure with a dual-mode aesthetic — atmospheric sky-gradient marketing heroes (c

Productivity & SaaS

Notion

Notion presents itself as the all-in-one workspace through a confident, illustration-rich brand voice — anchored by a de

Productivity & SaaS

Resend

Resend's marketing surfaces sit on a near-pure black canvas with off-white text and a single signature color — the deep

Productivity & SaaS

Slack

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

Productivity & SaaS

Webex

Webex is cleaner, friendlier, and more product-led than Cisco corporate while still living inside the same trust-oriente

Productivity & SaaS

Zapier


11
Creative & Artistic

Artistic

High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces. - **Vi

Creative & Artistic

Cafe

Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience. - **

Creative & Artistic

Cosmic

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

Creative & Artistic

Creative

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

Creative & Artistic

Doodle

Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel. - **Vis

Creative & Artistic

Editorial

Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences. - *

Creative & Artistic

Fantasy

Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements. - **Vi

Creative & Artistic

Friendly

Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes. - **Visual style

Creative & Artistic

Lingo

Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approacha

Creative & Artistic

Publication

Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography. - **Vis

Creative & Artistic

Storytelling

Narrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journ


1
Editorial · Studio

Atelier Zero

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


4
Layout & Structure

Bento

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

Layout & Structure

Levels

Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed. - **Vi

Layout & Structure

Perspective

Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like r

Layout & Structure

Spacious

Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces. - **Visua


7
Fintech & Crypto

Binance

A confident financial-platform interface anchored on a deep near-black canvas, where Binance's iconic yellow (#FCD535) c

Fintech & Crypto

Coinbase

An institutional-grade crypto exchange whose marketing surfaces read like a quietly-confident financial-services brand.

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`) and a wide accent pale

Fintech & Crypto

Stripe

Fintech & Crypto

Wise


7
Automotive

BMW

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

Automotive

BMW M

A motorsport-engineering interface anchored on a near-black canvas with white BMW Type Next Latin display headlines in c

Automotive

Bugatti

An austere luxury-automotive interface that uses near-pure black canvas, white uppercase letterspaced display, and full-

Automotive

Ferrari

A luxury-automotive brand whose marketing surfaces read as cinematic editorial. The base canvas is **near-black** (`#181

Automotive

Lamborghini

Automotive

Renault

Renault's web presence pairs the freshly-modernised Renault diamond (the 2021 flat-line rhombus mark) with a stark black

Automotive

Tesla


8
Bold & Expressive

Bold

Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts. - **Visual style:** bo

Bold & Expressive

Brutalism

Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional mi

Bold & Expressive

Colorful

Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences. - **Visual style:**

Bold & Expressive

Dramatic

High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command atte

Bold & Expressive

Energetic

Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying m

Bold & Expressive

Expressive

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

Bold & Expressive

Neobrutalism

Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces. - **Vi

Bold & Expressive

Vibrant

Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy. - **Visual style:** moder


9
Backend & Data

Cisco

Cisco's current public web presence is enterprise infrastructure rendered with cinematic restraint. The canvas is dark b

Backend & Data

Clickhouse

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

Backend & Data

Composio

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

Backend & Data

Hashicorp

An enterprise-infrastructure marketing canvas built around a near-black ground (#000000) and a system of per-product acc

Backend & Data

Mongodb

MongoDB carries a strong dual-mode visual identity — dark deep-teal hero bands with bright MongoDB green ({colors.brand-

Backend & Data

Posthog

A playful developer-tools system rendered on a warm cream canvas with hand-drawn hedgehog mascots dotted across every pa

Backend & Data

Sanity

Backend & Data

Sentry

Backend & Data

Supabase


15
AI & LLM

Claude

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

AI & LLM

Cohere

Cohere's 2026 web system is a controlled enterprise AI interface built from stark white editorial space, deep green-blac

AI & LLM

Elevenlabs

A voice-AI brand whose marketing surfaces read like a quietly editorial print magazine. The base canvas is off-white (`#

AI & LLM

Huggingface

Hugging Face is the rare ML brand that refuses to look serious. The hub leans into a sunshine-yellow accent (`#ffd21e`),

AI & LLM

Minimax

MiniMax presents itself as a premium AI infrastructure brand through a striking duality — bold black-pill CTAs and stark

AI & LLM

Mistral Ai

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

AI & LLM

Ollama

An almost defiantly minimal documentation-first system that treats the home page like a Markdown README — paper-white ca

AI & LLM

Openai

OpenAI's product surface reads like a research lab dressed for the public — clinical, restrained, deliberately quiet. Th

AI & LLM

Opencode Ai

OpenCode's website embodies a terminal-native, monospace-first aesthetic that reflects its identity as an open source AI

AI & LLM

Perplexity

Perplexity reads like a research terminal: unhurried, precise, and confident. The dark surface is not decorative — it re

AI & LLM

Replicate

Replicate's marketing surfaces pair the warm-cream developer-tools aesthetic of an indie ML playground with a confident

AI & LLM

Runwayml

AI & LLM

Together Ai

Together AI's interface is a pastel-gradient dreamscape built for enterprise AI infrastructure — a design that somehow m

AI & LLM

Voltagent

AI & LLM

X Ai

xAI's website is a masterclass in dark-first, monospace-driven brutalist minimalism -- a design system that feels like i


6
Morphism & Effects

Claymorphism

Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces. - **Visual sty

Morphism & Effects

Glassmorphism

Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance. - **Visua

Morphism & Effects

Gradient

Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth. - **Visual style:*

Morphism & Effects

Neon

Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces. - **Visual style:*

Morphism & Effects

Neumorphism

Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look. - **Visu

Morphism & Effects

Skeumorphism

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


10
Modern & Minimal

Clean

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

Modern & Minimal

Contemporary

Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts. - **Visual s

Modern & Minimal

Flat

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

Modern & Minimal

Minimal

Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus. - **V

Modern & Minimal

Modern

Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products. -

Modern & Minimal

Mono

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

Modern & Minimal

Refined

Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes. - **Visua

Modern & Minimal

Shadcn

Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns. - **Visual sty

Modern & Minimal

Simple

Straightforward, no-frills design with clean typography, neutral colors, and intuitive layouts that stay out of the way.

Modern & Minimal

Sleek

Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing. -


9
Developer Tools

Cursor

An AI-first code editor whose marketing site reads like a quietly-confident developer-tools brand with a warm-cream edit

Developer Tools

Expo

A React Native developer-platform whose marketing site reads like a quietly-confident infrastructure brand. The base can

Developer Tools

Github

GitHub's surface is engineered, not decorated. Every pixel announces a stance: this is a tool for people who care about

Developer Tools

Lovable

Developer Tools

Mission Control

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

Developer Tools

Raycast

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

Developer Tools

Superhuman

Developer Tools

Vercel

Developer Tools

Warp


2
Starter

Default

Starter

Warm Editorial


4
Retro & Nostalgic

Dithered

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

Retro & Nostalgic

Paper

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

Retro & Nostalgic

Retro

Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements. - **Visu

Retro & Nostalgic

Vintage

1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography. - **


1
tech

Glaido


1
lifestyle

Grind


1
Editorial & Print

Kami

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


1
devtools

Linear

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


4
AI

Mistral

Mistral AI brands itself with a singular signature — atmospheric sunset gradients (mustard, orange, deep red) layered ov

AI

Opencode

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

AI

Together

AI

xAI


1
Editorial / Personal / Publication

Urdu

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


1
Social & Messaging

Wechat