CSS Named Colors — 141 colors
The 147 named colors defined by the W3C CSS Color Module Level 4 specification — usable directly in CSS as keywords like 'crimson' or 'rebeccapurple'.
CSS Named Colors are the 141 color keywords baked into every web browser since the early days of the web. You can write `color: crimson` or `background: rebeccapurple` directly in CSS without any framework, library, or design system. They originate from VGA's original 16 colors, the X11 Window System color list, and a single 21st-century addition (`rebeccapurple`) added to honor Rebecca Meyer.
Each keyword on this page links to a detail page with HEX, RGB, OKLCH, contrast checks, the closest Pantone reference, color harmonies, and code snippets across CSS, Sass, Tailwind, Swift, and Android. Useful for quick prototypes, learning the web's built-in color vocabulary, and finding accessible text pairings.
Sourced from CSS Named Colors (CSS Color Module Level 4) under the W3C permissive document license license. Use as a reference for web color names that all browsers natively support. Names like 'crimson' or 'rebeccapurple' work as CSS values without any framework.
Source: CSS Named Colors (CSS Color Module Level 4) · License: W3C permissive document license
W3C CSS Color Module Level 4
black (1)
blue (19)
brown (2)
cyan (19)
green (20)
neutral (6)
orange (15)
pink (13)
purple (7)
red (15)
white (2)
yellow (22)
FAQ — CSS Named Colors
How many colors are in CSS Named Colors?
CSS Named Colors contains 141 distinct colors on PantoneTools, organized by hue family. Each color has its own page with HEX, RGB, OKLCH, accessibility, and cross-system matches.
Is CSS Named Colors free to use commercially?
Yes. CSS Named Colors is published under the W3C permissive document license. W3C CSS Color Module Level 4 You can use these color values freely in commercial and personal work; refer to the upstream source for any attribution requirements.
What is the closest Pantone equivalent for colors in CSS Named Colors?
Every color page on this site computes the closest Pantone reference using the CIEDE2000 perceptual color-distance formula. Cross-system Pantone matching is approximate — verify color-critical print work with a physical Pantone guide.
Does CSS Named Colors include OKLCH values?
Every color page on PantoneTools shows both the original HEX value and its OKLCH equivalent. OKLCH is the perceptually-uniform color space that powers Tailwind v4 and CSS Color Module Level 4.
Where can I download CSS Named Colors as a file?
The upstream source (CSS Named Colors (CSS Color Module Level 4)) is available at https://www.w3.org/TR/css-color-4/#named-colors. PantoneTools provides per-color pages with copy-ready CSS, Tailwind, Sass, Swift, and Android XML snippets; downloadable bundle exports are on the roadmap.