Skip to content
Vectorlight.net

Shades and tints

Use the Steps slider to make up to 20 tints, shades and a full 50–950 scale from one color.

9

Tints

Shades

50–950 scale

Lightness steps in OKLCH, like the Tailwind palette.

CSS variables

    

    

      
Tailwind config

      

    

    

  

    

    
More tools

    

        Palette generator
Color palettes from harmony rules, with lock and export.

        Color mixer
Mix two colors and get the steps between them.

        Contrast checker
WCAG 2.2 contrast ratios, fixes and SVG color pairs.

        Colors
Named, web-safe and Tailwind color lists.