Questions, answered.

Yes. The core tool is free: building palettes, generating scales, and copying colours. Some advanced features, like exporting variables and saving palettes, are planned as paid options later.

It helps you discover colours and turn them into complete light-to-dark scales. They're the kind you need for a real design system, not just a five-colour mood board.

Anyone who works with colour and can use a hex code. Swwwatch outputs plain hex, so it fits any tool or site that accepts it: Webflow, Figma, Illustrator, CSS, and more. Whether you're building a website, designing a brand, or putting together an app, it works.

OKLCH is a modern way of describing colour based on how human eyes actually perceive it, using lightness, chroma for intensity, and hue. Unlike older models like HSL, equal steps in OKLCH look equal to the eye, which is why scales built with it look smooth and even.

HSL is easy for computers but not tuned to human vision, so colours of the same lightness can look very different. OKLCH is perceptually uniform, so lightness and intensity behave predictably. For building colour scales, OKLCH gives far more even, reliable results.

A colour ramp is a single colour expanded into a range of shades, from very light to very dark, for example 50, 100, 200, up to 950. Design systems use ramps so every shade of a colour is defined and consistent.

It's the common numbering for colour scales, used by Tailwind and many design systems. 50 is the lightest tint, 950 the darkest shade, with even steps in between. It gives you a predictable name for every shade.

Greys are rarely truly neutral. They lean warm, towards brown or red, or cool, towards blue. The undertone is that lean. Swwwatch lets you set it on purpose, or match it to your primary colour, so your greys feel intentional.

These are colours with a fixed meaning in an interface: success in green, warning in amber, error in red. Swwwatch builds full scales for these too, so your feedback states match the rest of your palette.

Start with one or two brand colours. Swwwatch expands each into a full light-to-dark scale, adds matching neutrals and system colours, and flags any colour that clashes. The result is a complete, consistent palette ready for your design or code.

Click any swatch to copy its hex code.

Yes. Every palette is built to work in both light and dark, with the two ends balanced so neither feels off.

Variable export is on the roadmap: CSS custom properties and Client-First Webflow variables. For now, you can copy individual hex values.

WCAG AA/AAA contrast scoring and colour-blind preview are planned features. They're not live yet.

Swwwatch uses privacy-friendly, cookieless analytics to count visits. No personal data, no cookie banner, no tracking across sites.

No. The tool runs in your browser. Your colours stay with you.

It's built by Paul, a solo freelance designer and developer. More at bypaul.io.