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

Local

Images never uploaded

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 — dominant, secondary, accent, and neutrals — plus the gradients it contains.

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.

Projects and collections

Group palettes, gradients, and fonts by client or product, so a whole visual system lives in one place instead of six.

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, and lock the combinations that survive real interfaces.

03

Ship

Export tokens for code, or portrait shots of the palette for the deck that sells it.

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
  • Contrast checker and exports
Create your workspace
ProMost chosen

$4.99

per month · $39.00/year

  • Unlimited palettes, colors, and fonts
  • Premium exports, no watermark
  • Premium themes
Go Pro
Lifetime

$199.00

one payment

  • Everything in Pro, forever
  • No renewal, ever
  • 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.

Images are analyzed locally in your browser. ChromaBoard reads the pixels to extract colors and detect gradients, without uploading the source image.

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

One payment of $199.00, no renewal. It includes everything in Pro plus the founder badge.

Yes. The workspace adapts to small screens, so your library is readable wherever you are.

Give your color system a single source of truth.

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

Start free