Color workspaceFree · No account needed

Pick a color. Build a system. Take it into your work.

Color names

Search every standard CSS named color and find the nearest named matches.

Find a name, HEX or codeColor familyOrder

148 standard CSS names, including aliases. Original reference ↗

148 colors · Select a swatch to use it in every tool.

#F0F8FF

#FAEBD7

#00FFFF

#7FFFD4

#F0FFFF

#F5F5DC

#FFE4C4

#000000

#FFEBCD

#0000FF

#8A2BE2

#A52A2A

#DEB887

#5F9EA0

#7FFF00

#D2691E

#FF7F50

#6495ED

#FFF8DC

#DC143C

#00FFFF

#00008B

#008B8B

#B8860B

#A9A9A9

#006400

#A9A9A9

#BDB76B

#8B008B

#556B2F

#FF8C00

#9932CC

#8B0000

#E9967A

#8FBC8F

#483D8B

#2F4F4F

#00CED1

#9400D3

#FF1493

#00BFFF

#696969

#1E90FF

#B22222

#FFFAF0

#228B22

#FF00FF

#DCDCDC

#F8F8FF

#FFD700

#DAA520

#808080

#008000

#ADFF2F

#808080

#F0FFF0

#FF69B4

#CD5C5C

#4B0082

#FFFFF0

#F0E68C

#E6E6FA

#FFF0F5

#7CFC00

#FFFACD

#ADD8E6

#F08080

#E0FFFF

#FAFAD2

#D3D3D3

Nearest CSS names to #12776F

Approximate OKLab distance. Aliases may have the same color value.

How this tool works & what to check

The named CSS reference includes aliases such as gray/grey and aqua/cyan. Nearest-name suggestions use distance in OKLab and are approximate labels; they do not rename your exact selected color.

Color guides & practical workflows →Check a foreground/background pair →

Shared between tools

Your workspace palette 5/12

#12776F

#D9E6D5

#F4F6F3

#192622

#C5844B

Save or import a palette →Create theme tokens →Explore website templates →Work with a designer →