Palette creation from color or image
Start from a single color or an image, then refine the result into a cohesive palette. The home page describes palette building as a guided workflow rather than a one-step picker.
Rechroma
Rechroma is a web-based color workflow tool for building structured palettes and color systems from a color or image, with recommendations, contrast checks, and Figma and code export.
Overview
Rechroma is a color workflow product for building structured palettes and full color systems. It combines perceptual color models with palette recommendations, color-scale generation, contrast checks, and export tools so designers can move from an image or seed color to an organized system.
The product centers on Oklab and Oklch, with a 3D colorspace view that lets users inspect lightness, chroma, and hue together. The home page also shows workflows for exploring palette directions, previewing color systems, assigning roles, and syncing or exporting output to Figma and code.
Source terms say palettes, color systems, labels, project data, and uploaded images remain owned by the user, while Rechroma hosts and processes that content to provide the service. The terms also document a seven-day Pro trial for eligible workspaces and early-bird pricing for new Pro subscriptions started on or before December 31, 2026.
Features
3D perceptual color workspace
Rechroma uses Oklab and Oklch to organize color by lightness, chroma, and hue. The interface includes a 3D colorspace view and draggable handles for exploring the palette structure.
Palette recommendations
The product suggests harmonious palettes based on perceptual color relationships and palette patterns. It also lets you compare directions such as bright mixed, saturated contrast, soft neutral, and split complementary.
Color scales and role assignment
Generate color scales and assign roles for UI and design-system work. The homepage specifically calls out ready-to-use scales and color systems rather than isolated swatches.
Contrast validation
Validate contrast to support accessibility decisions before you export or sync the palette. The page positions contrast checking as part of the same workflow used to build and refine systems.
Export and Figma sync
Export complete color systems to Figma and code, including CSS, SCSS, and PDF. The terms also confirm a Figma plugin that creates or updates local variables in a file.
Use cases
Turn a seed color or image into a palette
A designer starts with a brand color or a reference image, then uses palette handles and the 3D color workspace to narrow the result to a cohesive palette.
Build a UI-ready color system
A UI designer generates scale steps, assigns color roles, and checks contrast before handing the system off to implementation.
Compare palette directions
A designer explores recommendation presets such as soft neutral or saturated contrast to see alternate palette directions before choosing one.
Push a palette into Figma
A team syncing design tokens to Figma exports or updates local variables in a file through the Rechroma plugin.
Share output with code and documentation
A product or design team exports color systems to CSS, SCSS, or PDF for implementation and review outside the app.
Pros and Cons
Pros
- Supports both image-based and single-color starting points for palette creation.
- Uses Oklab/Oklch and a 3D colorspace view to make perceptual color relationships easier to inspect.
- Includes palette recommendations, which helps users explore more than one direction before committing to a system.
- Combines scale generation, role assignment, contrast validation, and export in one workflow.
- Provides a documented Figma sync path that updates local variables rather than editing existing layers.
Cons
- The pricing page currently returns a 404, so plan details are not easy to verify from the public site.
- The source only documents a Figma plugin and general export formats; broader integration coverage is not fully described.
- Color output can vary across displays, devices, color profiles, materials, and production environments, as noted in the terms.
FAQ
What does Rechroma do?
Rechroma builds color palettes, color scales, and color systems from either a single color or an image. It uses Oklab and Oklch color spaces and includes contrast validation before export.
What can I export from Rechroma?
The site shows export to Figma, CSS, SCSS, and PDF, and the terms also mention the Rechroma Figma plugin for syncing palettes or Color Kits into local Figma variables.
Does Rechroma have a free trial or paid plan?
Rechroma offers a seven-day Pro trial for eligible workspaces with no payment method required, and the terms say Pro renews automatically unless canceled. The pricing page itself returns a 404, so plan details should be checked in-app.
Does Rechroma integrate with Figma?
Yes. The terms say the Rechroma Figma plugin can create or update local color variables in a Figma file when you sync a palette or Color Kit, and it does not modify existing layers.
What workflows is Rechroma best suited for?
The product is intended for palette creation, palette recommendation, color-scale generation, contrast checking, and export. The source does not document broader team-management or multi-tool integration coverage beyond the Figma plugin and general third-party service mentions.
Quick Facts
- Category
- Design Tool
- Primary workflow
- Create, refine, validate, and export color palettes and color systems
- Color model
- Oklab and Oklch
- Exports
- Figma, CSS, SCSS, PDF
- Platform
- Web app with Figma plugin
- Domain
- rechroma.com
Rechroma Alternatives
PixelDrive
PixelDrive is a bulk image generation API for on-brand images from one template via browser editor, REST API, CSV batch, or MCP.
图像大厨imgcook
图像大厨imgcook 是一款设计转代码工具，可将设计稿转换为前端代码，支持 Sketch、Photoshop、VS Code 和 CLI 工作流。
Napkin AI
Napkin AI turns text into editable visuals for presentations, documents, and shareable content. Text-first generation, collaboration, and export to PPT, PNG, SVG, or PDF.
Beautiful.ai
Beautiful.ai is an AI presentation platform for teams and enterprises. Create branded slide decks with Smart Slides, collaboration, and export options.
Refero MCP
Refero MCP for AI agents connects an MCP-compatible agent to Refero’s curated library of web and iOS product interfaces and user flows. It helps agents research real design patterns before generating UI, with access included in the Refero Pro plan.
Frames
Frames helps you create launch posters and social media marketing graphics fast with premium device frames and templates for Instagram, Twitter, and Product Hunt. Free to start.