Named CSS Colors Reference
A practical reference to standard named CSS colors, with searchable swatches and copyable values.
What named colors are
CSS includes a set of human-readable keywords such as coral, rebeccapurple, tomato, and steelblue. Browsers translate these keywords into fixed sRGB values.
When to use them
Named colors are memorable for prototypes, examples, and simple decorative values. Hex, RGB, HSL, or OKLCH are usually better for a deliberate design system because their numeric relationships are easier to document and transform.
Special keywords
The transparent keyword represents a fully transparent color. currentColor resolves to the element’s computed color value and is especially useful for icons, borders, and controls that should follow their text color.
A useful starter list
Try coral (#FF7F50), gold (#FFD700), teal (#008080), tomato (#FF6347), indigo (#4B0082), violet (#EE82EE), slateblue (#6A5ACD), and rebeccapurple (#663399). Use the Color Name Finder to match a custom value to its nearest familiar name.
Try it yourself
Put these ideas into practice with our free browser-based color tools. Your colors stay on your device.