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 an image. It supports recommendation, scale generation, contrast validation, and export to Figma and code.
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
Alternatives à Rechroma
PixelDrive
PixelDrive is a bulk image generation API for creating many on-brand images from one template through a browser editor, REST API, CSV batch, or MCP. It suits teams that need repeatable image output with cacheable renders and usage-based pricing.
图像大厨imgcook
imgcook is a design-to-code tool that converts design drafts into front-end code. It supports plugin-based and developer workflows for Sketch, Photoshop, VS Code, and CLI usage.
Napkin AI
Napkin AI transforme du texte en visuels éditables pour présentations, documents et contenus partageables. Génération à partir du texte, collaboration, export PPT, PNG, SVG ou PDF.
Beautiful.ai
Beautiful.ai is an AI presentation platform for individuals, teams, and enterprises. It helps users create branded slide decks with Smart Slides, collaborative editing, and export options while reducing manual formatting work.
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 vous aide à créer rapidement des posters de lancement et des visuels marketing pour Instagram, Twitter et Product Hunt, avec des modèles. Gratuit.