Export CSS color variables from a palette

Once you like a scheme, you want tokens — not five loose hex values stuck in a screenshot.

CSS custom properties

1. Build a palette in HueSnap.
2. Click Export CSS.
3. You get a :root block with --color-1 … --color-5.
4. Paste into your global stylesheet and reference with var(--color-1).

Tailwind snippet

Export Tailwind downloads a small theme.extend.colors.brand object you can merge into tailwind.config.js. Use classes like bg-brand-1 / text-brand-3 after you wire the config.

Why local export helps

• No account or cloud board required for a personal project.
• Tokens stay in git with your UI code.
• PNG export is handy for mood boards and Slack share-outs.

Export a palette →