Advertise

Tailwind CSS Colors

The Tailwind CSS default palette, 22 colors × 11 shades.

About Tailwind CSS Colors

All colors of the Tailwind CSS (v3) default palette with shades 50 to 950. Copy the HEX code, the RGB value or the class name (bg-sky-500) with one click.

How to use

  1. Pick a color, type any color code (HEX, RGB, HSL, a CSS name…) or open an image.
  2. Adjust the options – the result updates instantly.
  3. Click any code or swatch to copy it, or send the color to another tool with Open in….

Everything runs in your browser: your colors and images are never uploaded or stored.

Related tools

HTML Color NamesAll 141 HTML / CSS color names with HEX and RGB codes. Web Safe ColorsThe classic 216 web-safe colors in one clickable chart. Material Design ColorsThe Material Design palette: 19 colors, shades 50–900 and accents. Flat UI ColorsThe 20 popular flat UI colors – Turquoise, Emerald, Peter River… HTML Color PickerPick any color and copy its HEX, RGB, HSL, HSV and CMYK codes. Color Wheel & HarmoniesFind complementary, analogous, triadic and other matching colors. Image Color PickerUpload a photo and click it to get the color of any pixel. HEX to RGBConvert a HEX color code to RGB (and RGBA).