A tint is created by adding white to a pure color, making it lighter. A shade is created by adding black, making it darker. Both maintain the original hue of the base color.
The tool generates 10 tints (ranging from the base color to nearly white) and 10 shades (ranging from the base color to nearly black), giving you a total of 20 professional variations.
Yes! All colors and palettes generated are free to use in any personal or commercial project. We don't claim any ownership over the color combinations you create.
Use the export toolbar under the base color input. Enter a prefix like --brand or --primary and click Copy CSS Variables. You'll get a :root block with tokens such as --brand-base, --brand-tint-20, and --brand-shade-40.
Yes. Toggle Select Swatches to enable selection mode and click the colors you want. Export actions will include only the selected swatches. If nothing is selected, the full palette is exported.
Everything runs in your browser, and nothing is uploaded or stored. After the page loads, the tool continues to work offline, so your palette stays private.