Design Library
Browse

Browse by color theme

Entries grouped by the color theme we observed in our captures of each source site. Similar sites sit together.

Monochrome light 19

Palette chips: colors measured from our screenshots of these entries ESTIMATED

DS-002 · Design System

Apple Human Interface Guidelines

Monochrome lightDocumentation
IC-001 · Icon Library

Lucide Icons

Monochrome lightCentered hero
IC-002 · Icon Library

Heroicons

Monochrome lightSplit hero
IC-004 · Icon Framework

Iconify

Monochrome lightCentered hero
FT-001 · Font Library

Google Fonts

Monochrome lightSidebar app shell
LG-003 · Logo Gallery

Dribbble · logo tag

Monochrome lightCard grid
LG-004 · Logo Gallery

Behance · logo projects

Monochrome lightCard grid
LG-005 · Brand Guidelines

Spotify brand & design guidelines

Monochrome lightDocumentation
LG-008 · Brand Guidelines

Vercel brand assets (Geist)

Monochrome lightDocumentation
LG-009 · Open Brand Assets

Simple Icons

Monochrome lightCard grid
LG-010 · Guide

Logo types & design principles

Monochrome lightEditorial
WR-004 · Website Reference

Notion

Monochrome lightSplit hero
WR-008 · Website Reference

Apple

Monochrome lightCentered hero
WR-009 · Website Reference

Airbnb

Monochrome lightCard grid
AV-001 · Avatar Library

DiceBear

Monochrome lightSplit hero
AV-002 · Avatar Style

DiceBear · Lorelei

Monochrome lightDocumentation
AV-003 · Avatar Style

DiceBear · Notionists (Notion-style avatars)

Monochrome lightDocumentation
AV-005 · Avatar Library

Multiavatar

Monochrome lightCentered hero
AV-008 · Illustration Library

unDraw

Monochrome lightCentered hero

Bold color accent 4

Palette chips: colors measured from our screenshots of these entries ESTIMATED

LG-002 · Logo Gallery

LogoLounge

Bold color accentCentered hero
LG-006 · Brand Guidelines

Slack media kit

Bold color accentCentered hero
LG-007 · Brand Guidelines

Mailchimp brand assets

Bold color accentEditorial
AV-009 · Illustration Library

Storyset

Bold color accentCard grid

Monochrome dark 4

Palette chips: colors measured from our screenshots of these entries ESTIMATED

WR-001 · Website Reference

Linear

Monochrome darkSplit hero
WR-005 · Website Reference

Raycast

Monochrome darkCentered hero
WR-007 · Website Reference

Framer

Monochrome darkCentered hero
FL-001 · UX Flow

Linear onboarding flow

Monochrome darkSplit hero

Pastel 3

Palette chips: colors measured from our screenshots of these entries ESTIMATED

DS-001 · Design System

Material Design 3

PastelSplit hero
AV-004 · Avatar Library

Boring Avatars

PastelCard grid
AV-010 · Illustration Library

Blush

PastelSplit hero

Warm neutral 3

Palette chips: colors measured from our screenshots of these entries ESTIMATED

IC-003 · Icon Library

Phosphor Icons

Warm neutralSplit hero
FT-002 · Font Library

Fontshare

Warm neutralCard grid
FL-002 · UX Flow

Notion onboarding flow

Warm neutralCentered hero

High-contrast 3

Palette chips: colors measured from our screenshots of these entries ESTIMATED

LG-001 · Logo Gallery

Logobook

High-contrastCard grid
WR-003 · Website Reference

Vercel

High-contrastCentered hero
AV-006 · Illustration Library

Open Peeps

High-contrastSplit hero

Vibrant gradient 3

Palette chips: colors measured from our screenshots of these entries ESTIMATED

WR-002 · Website Reference

Stripe

Vibrant gradientSplit hero
WR-006 · Website Reference

Arc

Vibrant gradientCentered hero
AV-007 · Illustration Library

Humaaans

Vibrant gradientSplit hero