How much does ColorMagic cost?

ColorMagic uses a free model — see the pricing section for the plans we have on file.

What can ColorMagic do?

Its headline capabilities: text to palette; ui preview; export.

It is aimed at designers, frontend devs, branding.

☆

★★★★★4.0DesignFreeUpdated 27 Oct 2026

Colour palettes from any word or mood

ColorMagic generates palettes from a description, with live preview of how the colours behave in a UI.

colormagic.app

Copy one into ColorMagic and swap the {braces} for your own details.

Design a {artifact} for {audience} with a {style} aesthetic and a {palette} palette.
Show three layout options for this screen and explain the trade-offs: {description}.
Suggest typography and spacing rules that match this reference: {reference}.

Describe a mood or paste an image reference.

See the palette applied to components.

Copy as CSS variables or Tailwind config.

DesignersFrontend devsBranding

FreeIndicative — not yet re-checked

Plan	Price	Notes
Free	$0	Unlimited palettes

Free tier: All features at no cost.

What is ColorMagic?: ColorMagic generates palettes from a description, with live preview of how the colours behave in a UI.
Is there a free plan for ColorMagic?: All features at no cost.
How much does ColorMagic cost?: ColorMagic uses a free model — see the pricing section for the plans we have on file.
What can ColorMagic do?: Its headline capabilities: text to palette; ui preview; export.
Who is ColorMagic for?: It is aimed at designers, frontend devs, branding.