Paste your website and see it in 48 palettes and 19 font pairings, on your real page. When one feels right, hand the finished theme to your coding tool.
Coordinated components with contrast-aware text and interaction states.
Distinct headings. Supporting copy that stays readable. A clear place to start.
A considered directionContrasting sections give your page rhythm. The details stay in tune.
#f5f3e9#e8e7d9#f9f8f4#252d24#252d24#252d24#61685a#61685a#61685a#747d48#080808#858d5e#939a70#e6e5d6#636a3d#c7c7ba#8e9085#232b21#f5f3e9#747d48Preview roles are inferred. Text shades may be adjusted per surface; image overlays and complex artwork still need review.
Paste any public https page. Colorit loads it in a real browser, so sites built with React, Next.js or Webflow work too. Your live site is never touched.
Click through curated palettes and font pairings, or generate one from your brand color. Every surface, button and text color is matched for contrast, on desktop and mobile.
Copy a ready prompt for Cursor, Claude Code, Lovable, Bolt or v0, or take the theme as shadcn/ui, Tailwind or CSS. Pro adds a change map of exactly what to replace.
Your site works but looks like every other template. Find a look you like in minutes and let your AI tool apply it.
Show a client their own site in three directions before writing code, share a review link, and ship the one they pick.
Test a palette on real content instead of mockups, then hand developers tokens they can paste.
$0 to try it
—
Pay once. No subscription.
You paste your website's address. Colorit loads it in a real browser and shows it to you restyled with a new palette and font pairing. When you like a look, you export it as theme code or as a prompt for your coding tool, which then changes your real site.
No. Colorit only shows a snapshot of your page. Nothing changes until you or your coding tool apply the export in your own project.
Any public page that starts with https. Pages behind a login, private network addresses and pages that block automated browsers cannot be captured. Some effects, such as canvas or WebGL animations, may not appear in the preview.
One website address loaded so you can restyle it. Trying palettes and fonts, exporting and sharing that page are free after that. A capture that fails is not counted.
Unlimited previews on the example page, 3 captures of your own sites after signing in with Google, the five palette colors in six formats, and the theme generator: a full shadcn/ui, Tailwind or CSS theme for any palette or brand color, no sign-in needed.
100 captures a month, plus 25 extra captures with no time limit (they stay on your account until you use them and are only used after the monthly 100 run out), ready-to-paste prompts for Cursor, Claude Code, Lovable, Bolt, v0 and any agent with a change map of what your captured page uses, the theme and fonts for that page in shadcn/ui, Tailwind v3 and v4, CSS variables and JSON tokens, a zip of everything, saved projects and review links. Pro is about restyling your real site; theme code for a palette alone is free in the theme generator. Client work is allowed.