Integrations

Pick your tool. We handle the format.

Reads COLORS.md from your project root automatically. Zero config.

Indexes workspace files. Your palette becomes part of every prompt.

Reads project files for context. Colors available in every generation.

Paste your CSS variables or Tailwind tokens directly into the prompt.

Drop COLORS.md into your project. Bolt reads it when generating components.

Reference your palette file in the project context. On-brand output every time.

Import CSS variables as Figma variables. One source of truth across design and code.

Copy the @theme tokens block. Paste into your config. Your palette is now Tailwind-native.

CSS custom properties in your global stylesheet. Works with App Router and Pages Router.

Drop CSS variables into app.css. Reference them anywhere. No preprocessor needed.

Global CSS variables or scoped styles. Works with every Astro integration.

How it works

Extract from an image, build from color theory, or pick from our inspiration library.

Choose your format. AI Palette, CSS variables, Tailwind tokens, or all of them.

Drop the file in your project. Your tools pick it up. No plugins. No config.

One palette. Every tool. Every format. Start now.