Features

A guided journey through Plan, Colors, Harmony, Contrast, Accessibility, Scales, Roles, Gradients, Preview, Review, and Exports.

Real-time AA/AAA contrast checks, color blindness simulation for three types of CVD, and exportable compliance reports.

CSS, Figma, Tailwind, SwiftUI, Kotlin, Flutter, Material Design 3, W3C tokens, SVG/PNG swatches, PDF brand guides, and more.

8 tools for Claude: validate palettes, generate mood colors, check compliance, find named colors, extract from images, and more.

Search and explore the Chromatic Lexicon — a curated library with hex values, color psychology, hue families, and emotion metadata.

Map UI roles (background, surface, text, border, action, state), generate OKLCH scales, export tokens, and preview in realistic mockups. Plus tier.

A Pro workflow that produces a canonical design specification — passes Google's @google/design.md linter and can be bootstrapped from Tailwind, DTCG, CSS, or any URL.

Two scoring systems — Palette Health Score (4 subscores) and Design System Score (7 subscores) — with transparent weights, hard gates, and actionable remediation.

Upload any image and extract dominant colors using deterministic k-means clustering. Send extracted colors straight to your palette.

10 harmony modes including Smart — a proprietary engine selecting from 12 curated archetypes. 8 issue flags with one-click auto-fixes.

Color converter, color wheel, gradient generator, scale generator, brand alignment checker, and website color extraction.

Interactive guides covering harmony modes, contrast, accessibility, color science, color psychology, and perception.