Design Tools

Named CSS Colors — Standard Color Name Lookup

Browse W3C/CSS named colors and their values. Filter by keyword or family, then copy the color name or HEX for native CSS work.

CSSColorCheat sheet

Favorite this tool

No favorite storage mode has been selected.

Quick actions

Copy this tool URL or open the system share sheet on a supported device.

Use cases

  • Pick a standard named color in plain CSS
  • Match color names to HEX values
  • Filter light or dark families by keyword

How to use

  1. Browse the board or filter by keyword/family
  2. Click a swatch for details
  3. Copy the name or HEX in the selected format

Example input and output

Click

cadetblue

Gets

cadetblue (#5f9ea0)

FAQ

Is this the Tailwind palette?

No. These are browser-built-in CSS named colors, not Tailwind’s scale system.

Do all browsers support every name?

Modern browsers support the standard named set. For brand-critical colors, prefer explicit HEX/RGB values.

Tools

Related tools

Continue with another translated tool for a nearby task.

Tailwind Colors Cheat Sheet

Tailwind Colors Cheat Sheet — Full Scale Board

Available

Browse Tailwind CSS color scales (including 50–950 steps) on one board. Search by name, scale, or HEX, then copy utility class names or raw HEX values for CSS projects.

Design Tailwind CSS