Build perfect color palettes

Deterministic color analysis, WCAG accessibility checks, 27+ export formats, and AI-powered workflows — a complete toolkit for production design systems.

Start Building — Free See Features

50,000+named colors

27export formats

8AI tools

Everything you need for color

From initial palette creation through accessibility validation to production-ready exports.

11-Stage Palette Editor

A guided journey from initial colors through harmony, contrast, accessibility, scales, roles, and exports. The core of Perfect Palette — every palette starts here.

Learn more

WCAG Accessibility

AA and AAA contrast checking, color blindness simulation, and compliance reports for inclusive design.

Learn more

27+ Export Formats

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

Learn more

AI Integration

8 MCP tools for Claude — validate palettes, generate mood colors, check compliance, and extract from images.

Learn more

50,000+ Named Colors

Search, filter, and explore the Chromatic Lexicon — a curated library of named colors with psychology and metadata.

Learn more

Color Systems

Map UI roles, generate OKLCH scales, export design tokens, and preview in realistic mockups. Take palettes from exploration to production.

Learn more

design.md, aligned with Google's spec

Pro

Author a design system in 8 steps and export markdown that passes Google's official @google/design.md linter — ready for Claude, Cursor, and Copilot from the first commit.

Learn more

An 11-stage guided journey

Perfect Palette walks you through every step of building a production-ready palette — from choosing your initial colors to exporting finished tokens.

Plan your intent, then add and refine colors
Analyze harmony, contrast, and accessibility
Generate scales, assign roles, create gradients
Preview in real UI mockups and export

Accessibility built in, not bolted on

Every palette is evaluated against WCAG standards in real time. See contrast ratios, simulate color blindness, and get actionable remediation suggestions.

WCAG AA (4.5:1) and AAA (7.0:1) contrast checks
Deuteranopia, protanopia, and tritanopia simulation
Export compliance reports as PDF or Markdown

Export to anything

27+ formats covering every tool in a designer's workflow. From CSS and Figma tokens to SwiftUI, Kotlin, Material Design 3, and PNG swatch sheets.

Web: CSS, JSON, SCSS, Tailwind, W3C Design Tokens
Mobile: SwiftUI, Kotlin/Compose, Android XML, Flutter
Design tools: Figma, Adobe ASE/ACO, Procreate, Canva, GPL
Visual: SVG and PNG swatch sheets for sharing
Docs: PDF brand guide, Markdown, health reports

Ready to build your next palette?

Start for free — no account required. Upgrade to Plus for color system tools, or Pro for design.md authoring and AI workflows.

Start Building — Free