Design range
Themes
Explore the 64-theme library and six built-in palettes by collection, mood, or search. Compare
chart colors in either mode, then open a prototype with
?theme=<id>.
Showing 70 of 70 themes
-
Violet
violetThe Protoyard default: calm zinc neutrals with a violet accent.
builtinLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Ocean
oceanCool slate surfaces and a confident blue — classic SaaS.
builtinLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Emerald
emeraldFresh green on soft gray — finance, health and sustainability.
builtinLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Rose
roseWarm stone with a rose accent — consumer and lifestyle products.
builtinLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Amber
amberSunny amber with dark text — energetic dashboards and marketplaces.
builtinLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Monochrome
monochromePure grayscale, crisp corners — wireframe-grade focus on behavior.
builtinLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Fintech Ledger
fintech-ledgerTrustworthy teal on cool grays — banking and payments.
industry corporatecalmLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Health Clinic
health-clinicCalm medical green with airy surfaces.
industry calmfreshLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Devtools Night
devtools-nightDark-first indigo for consoles and IDEs.
industry technicalLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Enterprise Neutral
enterprise-neutralQuiet slate and navy for large B2B suites.
industry corporateLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Editorial Luxury
editorial-luxurySerif headings and deep plum for magazines and luxury brands.
industry editorialluxuriousLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Playful Consumer
playful-consumerRounded coral and sky for lifestyle apps.
industry playfulboldLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Kids Playground
kids-playgroundBright sunny primary with soft rounded corners.
industry playfulLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Education Campus
education-campusFriendly blue for learning platforms.
industry calmLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Gaming Neon
gaming-neonElectric violet and cyan with glow elevation.
industry boldLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Legal Serif
legal-serifConservative navy with editorial type for law and compliance.
industry editorialcorporateLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
E-commerce Bold
ecommerce-boldHigh-energy orange for storefronts and carts.
industry boldLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Marketplace Fair
marketplace-fairBalanced indigo for multi-vendor markets.
industry corporateLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Travel Horizon
travel-horizonSky blue and warm sand for booking and itineraries.
industry freshwarmLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Food Bistro
food-bistroAppetizing terracotta for restaurants and delivery.
industry warmLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Real Estate Loft
real-estate-loftWarm stone and forest green for property listings.
industry editorialcalmLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
HR People
hr-peopleApproachable violet for people ops and careers.
industry freshLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Analytics Insight
analytics-insightData-forward cyan on dense layouts.
industry technicalLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Security Vault
security-vaultHard-edged slate and crimson for security products.
industry technicalboldLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
AI Lab
ai-labElectric blue-violet for model labs and agents.
industry technicalboldLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Productivity Minimal
productivity-minimalAlmost monochrome, tight density for task tools.
mono minimalLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Brutalist Block
brutalist-blockHarsh black, thick borders, zero softness.
mono boldminimalLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Retro Terminal
retro-terminalCRT green nostalgia with mono type.
industry technicalLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Glass Frost
glass-frostTranslucent glass surfaces with soft blue brand.
industry freshcalmLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Accessible High Contrast
accessible-high-contrastMaximum text contrast for low-vision readability (light-first).
high-contrast minimalLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Accessible Dark Contrast
accessible-dark-contrastHigh-contrast dark surfaces with bright accents.
high-contrast minimalLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
SaaS Startup
saas-startupClassic violet SaaS starter kit feel.
industry freshboldLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Media Studio
media-studioCinematic charcoal and magenta for creative tools.
industry boldLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Nonprofit Hope
nonprofit-hopeWarm, approachable palette for causes and campaigns.
industry warmcalmLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
IoT Control
iot-controlIndustrial cyan for device dashboards.
industry technicalLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Sports Arena
sports-arenaBold team energy for sports and fitness apps.
industry boldLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Climate Earth
climate-earthEarthy greens for sustainability products.
industry calmfreshLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Crypto Ledger
crypto-ledgerDeep space blue with gold accent for on-chain UIs.
industry technicalLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Harbor Teal
harbor-tealDeep sea teal with signal amber for shipping and logistics desks.
industry corporatecalmLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Midnight Ops
midnight-opsDark-first console cyan with a healthy green for on-call teams.
industry technicalboldLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Paper Ledger
paper-ledgerInk on warm paper with a rust accent for bookkeeping tools.
industry editorialcalmLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Citrus Market
citrus-marketZesty orange and leaf green for grocery and delivery apps.
industry playfulfreshLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Aurora Analytics
aurora-analyticsViolet and cyan over cool zinc for dense analytics dashboards.
industry technicalboldLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Clinic Calm
clinic-calmSoothing teal and periwinkle for patient portals.
industry calmfreshLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Campus Ivy
campus-ivyIvy green and old gold for course catalogs and campus portals.
industry editorialcalmLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Fieldwork
fieldworkOlive and soil brown for farm and field operations.
industry warmcalmLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Studio Reel
studio-reelMagenta and sky for video, music and creator studios.
industry boldplayfulLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Transit Line
transit-lineRoute blue and stop red for transit and mobility products.
industry corporateboldLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Hearth Home
hearth-homeTerracotta and teal for rentals, home services and listings.
industry warmcalmLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Civic Hall
civic-hallCivic blue and seal red for public services and permits.
industry corporatecalmLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Nimbus Cloud
nimbus-cloudA fictional cloud platform: sky blue with a violet edge.
brand-like freshcorporateLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Ember Pay
ember-payA fictional payments brand: ember red and gold.
brand-like boldLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Lumen Notes
lumen-notesA fictional notes app: lamplight yellow on stone paper.
brand-like minimaleditorialLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Orbit Chat
orbit-chatA fictional messenger: indigo bubbles with a pink accent.
brand-like playfulLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Quartz People
quartz-peopleA fictional people platform: rose quartz and teal.
brand-like freshplayfulLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Summit CRM
summit-crmA fictional sales suite: alpine teal and cobalt.
brand-like corporateLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Pixel Forge
pixel-forgeA fictional game studio tool: dark-first violet and forge orange.
brand-like technicalboldLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Velvet Shop
velvet-shopA fictional fashion boutique: velvet berry and brass, square cut.
brand-like luxuriousLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Contrast Paper
contrast-paperAAA text on bright paper with a strong blue and thick focus outline.
high-contrast minimalLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Contrast Ink
contrast-inkAAA text in deep ink violet and red on white.
high-contrast corporateLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Contrast Night
contrast-nightDark-first AAA text with sky blue and signal yellow.
high-contrast technicalLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Contrast Amber
contrast-amberDark-first AAA text in amber and cyan on warm black.
high-contrast boldLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Okabe Blue
okabe-blueColorblind-safe Okabe-Ito charts led by blue and orange.
colorblind-safe calmLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Okabe Orange
okabe-orangeColorblind-safe Okabe-Ito charts led by vermillion and sky blue.
colorblind-safe boldLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Safe Signal
safe-signalDark-first monitoring with colorblind-safe Okabe-Ito series.
colorblind-safe technicalLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Clear Sight
clear-sightBluish green and purple with colorblind-safe Okabe-Ito charts.
colorblind-safe calmfreshLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Winter Frost
winter-frostIcy blue and periwinkle on frosted glass.
seasonal calmfreshLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Autumn Harvest
autumn-harvestPumpkin and bronze on warm paper.
seasonal warmLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Graphite
graphitePencil-gray monochrome with hairline borders.
mono minimalLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors
-
Sepia Print
sepia-printSepia monochrome for reading and archive tools.
mono minimaleditorialLight preview
A clear, readable interface
Palette surfaces and chart colors
Dark preview
A clear, readable interface
Palette surfaces and chart colors