Color systems, machined

Every color decision,
measured before it ships.

ChromaBoard is the workspace where palettes, gradients, and type stop living in scattered screenshots. Extract them from any image, prove they pass contrast, and export tokens your codebase already understands.

Lab

Perceptual engine

WCAG

AA / AAA checks

MCP

Agent connected

Palette · Brass SignalAA · 7.2:1
#0B1220
#1E3A5F
#3E8EA8
#C9A227
#E8E4DC
Gradient
Contrast
Type

Palettes scattered across Figma files, notes, and screenshots.

Contrast discovered in QA, after the interface is already built.

Gradients rebuilt by eye, stop by stop, every single time.

Capabilities

Built for the part of design that has to be exact.

Not a mood board. A calibrated instrument for the colors, gradients, and type that end up in production.

Spatial gradient detection

Draw a region on any screenshot and ChromaBoard reconstructs the real gradient — axis, stops, and positions — in perceptual Lab space, not naive pixel averages.

Image to palette, in one pass

Drop a reference and pull a balanced palette, isolated colors, and detected gradients. Hex labels inside screenshots are read automatically.

WCAG contrast calibrator

Every pair in a palette checked against AA and AAA thresholds, for normal and large text, before it ever reaches production.

Type paired with color

Store families, weights, and classifications next to the palettes they belong to. No more fonts living in a folder nobody opens.

Export where you actually work

CSS custom properties, Tailwind v4 tokens, JSON, SVG, and portrait palette shots ready for a case study or a client deck.

Agent-ready workspace

Connect Claude, Cursor, or any MCP client and let your agent read and write palettes, colors, gradients, and fonts directly.

Workflow

From reference to token in three moves.

01

Capture

Upload a reference, paste a screenshot, or start from a single hex. Everything lands in one workspace instead of six scattered files.

02

Calibrate

Refine stops, check contrast, name palettes with AI, and lock the combinations that survive real interfaces.

03

Ship

Export tokens for code, share a public palette link, or hand the whole system to your agent through MCP.

Plans

Start free. Upgrade when your system outgrows the limits.

Free

$0

Forever

  • 5 palettes · 3 gradients · 30 colors
  • 10 fonts, 1 project, 1 collection
  • 5 AI calls per month
  • Contrast checker and exports
Create your workspace
ProMost chosen

$6.99

per month · $59/year

  • Unlimited palettes, colors, and fonts
  • 200 AI calls per month
  • Premium exports, no watermark
  • Public palette sharing
  • Premium themes
Go Pro
Lifetime

$199

one payment

  • Everything in Pro, forever
  • 600 AI calls per month
  • Bulk import and personal API
  • MCP agent access
  • Founder badge
Get lifetime access
Questions

Everything people ask before signing up.

Yes. The free plan is a real workspace, not a trial. You keep 5 palettes, 3 gradients, 30 colors, 10 fonts, one project, and one collection for as long as you want.

It names palettes and colors, classifies font families, and reads hex labels out of screenshots. Free includes 5 calls a month, Pro 200, Lifetime 600 — plus credit packs when you need a burst.

Always. Your palettes, gradients, and exports are yours, on every plan, including anything you sell to clients.

One payment of $199, no renewal. It includes everything in Pro plus the highest AI quota, bulk import, personal API access, and the founder badge.

ChromaBoard installs as an app on desktop and mobile, updates itself when a new version ships, and keeps your workspace readable on small screens.

Give your color system a single source of truth.

Free to start, no card required. Your palettes stay yours on every plan.

Start free