Colour Shades & Tints Scale (50–950)

Turn one brand colour into a 11-step scale (50 to 950) like Tailwind, with CSS variables you can paste into your stylesheet.

FreeNo sign-upRuns in your browser

Find a tool

Loading tools…

How to use it

  1. Add your inputType or paste your input. Many tools already show an example you can change.
  2. Press Run toolThe result appears right below the button.
  3. Copy or downloadUse Copy output, or the Download button for files.

This tool works inside your browser: what you enter stays on your device.

More tools in Design

See all tools in Design (10)