A quick reference of all named CSS colours. Every colour that browsers recognize by name, listed with its hex value. Handy when you need a colour and don't want to look up hex codes.
CSS supports 148 named colours that you can use directly in your stylesheets without hex codes or RGB values. This list covers all of them, organized by colour family:
Salmon, DarkSalmon, LightSalmon, Crimson, Red, FireBrick, DarkRed, and more.
Pink, LightPink, HotPink, DeepPink, MediumVioletRed, PaleVioletRed.
Coral, Tomato, OrangeRed, DarkOrange, Orange, Gold, Yellow, LightYellow, LemonChiffon, and more.
GreenYellow, Chartreuse, LawnGreen, Lime, LimeGreen, PaleGreen, SpringGreen, MediumSpringGreen, and more.
Aqua, Cyan, LightCyan, PaleTurquoise, Aquamarine, Turquoise, DodgerBlue, DeepSkyBlue, SteelBlue, and more.
Lavender, Thistle, Plum, Violet, Orchid, Fuchsia, Magenta, MediumOrchid, DarkOrchid, Purple, Indigo, and more.
Named CSS colours work everywhere you'd use a hex code or RGB value. Just use the colour name directly:
color: Crimson;
background-color: LightCyan;
border: 2px solid DarkSlateGray;They're supported in all modern browsers and are a quick way to add colour without memorizing hex values. Great for prototyping, quick demos, or when you just need a colour that's "close enough."
Ready to transform your business? Schedule a free consultation to discuss your project and discover how our 10-year warranty can protect your investment.