Brand Palette & CSS Kit Generator

A single-file tool that turns one base colour into a full five-colour brand palette. Pick a colour (or type a hex code) and get two lighter tints, your base colour, and two darker shades — computed with real HSL colour math, so every palette is unique to the colour you pick. Click any swatch to copy its hex code, then copy a ready-to-paste CSS variables block (--brand-100 to --brand-900) or the palette as a plain text list. No backend, no account, nothing is uploaded anywhere — everything runs on the buyer's own computer, offline, in any modern browser.

What's inside: index.html (the whole tool), README.md, cover.png.

License: Use this tool for your own business. Do not resell or redistribute the file.