Yes. tweakcn is open source and free to use, including self-hosting.

Does tweakcn validate contrast?

No. tweakcn is a visual editor for shadcn CSS variables with live component preview; it doesn't check WCAG or APCA contrast as part of the editing flow. Paletta validates both at generation time.

Can I use a tweakcn theme outside a shadcn project?

tweakcn's export targets shadcn's CSS variable convention specifically. For a broader Tailwind v4 theme or a Figma Variables sync, take the OKLCH values from a tweakcn theme and regenerate the token set in a tool built for that wider export surface.

Should I use tweakcn or Paletta for a shadcn project?

If the project only needs shadcn theming and nothing else, tweakcn's focused editor is a fast, free option. If the project also needs WCAG-validated tokens, a Tailwind v4 export, or Figma Variables sync alongside the shadcn theme, Paletta covers the same shadcn output plus that wider surface.

COMPARISON

Paletta vs tweakcn

tweakcn is a focused, open-source visual editor for shadcn/ui CSS variables: adjust colors, radius, and shadows with a live component preview, then copy the result into globals.css. Paletta covers that same shadcn output, plus WCAG and APCA validation, a wider Tailwind v4 export, and Figma Variables sync.

Updated 2026-07-15

Feature

Paletta

tweakcn

Live shadcn component preview

✓

OKLCH color values

✓

shadcn/ui CSS variable export

Pro

✓

WCAG 2.2 and APCA validation

✓

—

AI palette generation

✓

—

Tailwind v4 export beyond shadcn variables

✓

—

W3C DTCG token export

Pro

—

Figma Variables sync

✓

—

Curated theme preset gallery

Curated gallery

✓

Open source and self-hostable

—

✓

Where Paletta wins

Full palette and shade-scale generation from a single seed color, not just shadcn variable editing.
WCAG 2.2 and APCA validation built into the generation step.
Figma Variables sync and a Tailwind v4 export alongside the shadcn export.
AI-assisted generation for teams starting from a brief rather than a single hex.

Where tweakcn wins

Open source and self-hostable, no account or subscription required.
Purpose-built for shadcn: every control maps directly to a shadcn CSS variable with live component preview.
A large community preset gallery specific to shadcn projects.

Moving a palette from tweakcn

A tweakcn theme is already a shadcn-ready CSS variable block. Paste its OKLCH primary value into Paletta as a seed color to add WCAG and APCA validation, generate the matching Tailwind v4 tokens, and sync the result to Figma Variables.

Frequently asked questions

Compare Paletta to other tools

compare Paletta to Coolors

A feature by feature comparison of Paletta and Coolors: WCAG and APCA validation, OKLCH math, Tailwind and shadcn export, and Figma Variables sync.

Try Paletta on your own colors

Generate a validated token set, then export to Tailwind, shadcn, or Figma Variables.

Generate a palette