Design your colors on a real page

Palettero is a web tool to pick a website template, see it live, tune color palettes, test contrast, and export clean theme code.

How it works

  1. 1

    Pick a template

    Seven real page layouts, each with a product or content demo.

  2. 2

    Tune the palette

    Edit five colors, lock the ones you like and check contrast as you go.

  3. 3

    Try a style, then export

    Switch between seven looks without touching your colors, then take the theme.

Seven templates, drawn with your colors

See the gallery
  • SaaS

    Software
  • Portfolio

    Personal
  • Restaurant

    Hospitality
  • Event

    Conference
  • Dashboard

    Software

What you export

  • CSS variables

    Coming soon

    One block of custom properties for light and dark.

  • Tailwind

    Coming soon

    A theme extension that reads those variables.

  • shadcn

    Coming soon

    The same palette mapped to shadcn tokens.

  • JSON

    Coming soon

    Every color as plain data, for design tools and scripts.

Frequently asked questions

What is Palettero?

Palettero is a free web tool to generate, test, and tune website color palettes directly on realistic page layouts with live WCAG contrast checking.

How do you change a website's colors with Palettero?

Pick a template, adjust the primary, secondary, and accent colors in the editor, and see the entire layout update in real time before exporting clean CSS variables or Tailwind tokens.

How does the Import Site feature work?

Upload screenshots of your existing website to automatically extract the active color palette, typography pairing, and component styles directly into the editor.

Is Palettero free to use?

Yes. Palettero is completely free to use without requiring an account or credit card. You can build palettes, check contrast, and export code freely.

How does accessibility contrast checking work in Palettero?

Palettero computes WCAG AA contrast ratios in real time across all text and background combinations in your palette, flagging low-contrast pairings immediately.