Colour palette generator from one base colour
Pick one brand colour to get matching palettes, shades 50–950 and CSS / Tailwind code to copy.
About Color palette generator
Pick a base colour (such as your logo's). You get several colour-wheel harmonies plus 11 shades from light to dark for backgrounds, borders, text and buttons. Tap a colour to copy it.
The output box has CSS variables (--brand-500) and a Tailwind config ready to paste.
FAQ
What does shade 500 mean?
The middle shade — lower numbers are lighter, higher are darker, as in Tailwind.
More tools here
JSON formatter Base64 encode / decode Image ↔ Base64 URL encode / decode HTML entities Hash generator UUID generator JWT decoder Regex tester Cron generator Unix timestamp converter Code formatter Markdown preview Text ↔ binary Color converter Contrast checker CSS gradient JSON to CSV CSV to JSON YAML ↔ JSON JSON to TypeScript AES encryption TOTP generator Password strength checker CSS box shadow CSS border radius Tailwind colors Aspect ratio calculator Chmod calculator