Generate a 50–950 shade scale and colour harmonies from one base colour, with contrast ratios and a Tailwind v4 @theme export.
Color Palette Generator turns one base colour into a full 50–950 shade scale plus complementary, analogous and triadic colours. Each swatch shows the contrast of its best text colour, and the scale exports as a Tailwind v4 @theme block.
Step 500 is your colour. Lighter steps mix in white and darker steps mix in black, so the scale always goes from light to dark.
Yes. The output is plain CSS custom properties, so you can paste the variables into any stylesheet.
Color Contrast Checker
Calculate contrast ratios for text/background colors to meet WCAG standards.
JSON Formatter
Format, minify, and validate JSON.
Base64 Encode/Decode
Encode/decode Base64 (text or file).
URL Encode/Decode
Encode/decode URLs, query strings, and parameter values.
Hash Generator
Generate SHA hashes for text or files locally in your browser.
Color Contrast Checker
Calculate contrast ratios for text/background colors to meet WCAG standards.