See your palette on a real product 10 live mockups across Marketing, App, Mobile and Web. Lock colors, drag to reorder, randomize, fullscreen, share via URL — sub-150ms re-render with deterministic role mapping.
All10 Marketing3 App5 Mobile1 Web1
Ship calmer software A workflow tool that respects your attention. No noisy notifications, no pricing tricks.
Start free Read the docs
Landing page
Hero + navigation + feature row.
Marketing Acme
Overview
Reports
Customers
Settings
Dashboard
Sidebar + KPI cards + chart row.
App Mobile app
Phone frame with tabs + cards.
Mobile Acme
Your invoice is ready
Hi Sam, your November invoice is attached and your card on file has been charged. Thanks for being a customer.
Invoice #A-2041
Amount $48.20
Download invoice You are receiving this because you have an active subscription.
Email
Transactional email layout with header + CTA.
Marketing Plans that scale with you
Start free. Upgrade when you ship.
Hobby
$0/mo
✓ 1 project
✓ Community support
✓ 5 GB bandwidth
Choose Pro
$24/mo
✓ Unlimited projects
✓ Priority support
✓ 500 GB bandwidth
Current Team
$79/mo
✓ Everything in Pro
✓ SSO + audit log
✓ 2 TB bandwidth
Choose Pricing
Three-tier pricing card row.
Marketing Acme
Welcome back. Pick up where you left off.
Trusted by 12,000+ small teams.
Sign in
Use your work email to continue.
Sign in Forgot your password?
Sign in
Two-column auth screen with form.
App Design · 6 min read · Nov 12
Color systems that scale without burning out your team
Sam Rivera
Design Engineer at Acme
Most design systems start with a few opinionated tokens and quietly drift into hundreds of one-off shades. The healthier path: pick a small, perceptually uniform spine, then derive everything else.
In this post we walk through how OKLCH, contrast caps, and a single 12-step ladder gave us a 70% smaller token file...
#oklch #tokens #a11y
On this page
Why OKLCH
Building the spine
Contrast caps
Migration
Subscribe
Blog post
Article with author, body, and aside.
Web Inbox
#design-sys
shipping today
Maya Lin Active now
Did the colors land?
Just merged. The OKLCH ladder fixed the contrast bug.
🔥 ship it
Pushing prod build now.
Chat app
Messaging UI with thread + sidebar.
App Settings
Manage account, billing, and notifications.
Email notifications
Weekly digest of activity.
Two-factor auth
Required for admin accounts.
Public profile
Show your work in the directory.
Beta features
Try unreleased experiments early.
Cancel Save changes
Settings
Tabbed preferences panel with toggles.
App 2
Refactor extract worker
#111
Kanban
Three-column task board.
App Space random← / → templateF fullscreenL lock allR resetClick HEX to edit · Drag swatches to reorder