Neutral Color Codes
Black, white, gray, slate, and low-chroma colors for layouts, borders, text, and surfaces.
Palette preview
333333
#333333666666#666666999999#999999Antiquewhite#FAEBD7Black#000000Cccccc#CCCCCCDarkgray#A9A9A9Darkslateblue#483D8BDarkslategray#2F4F4FDimgray#696969Floralwhite#FFFAF0Gainsboro#DCDCDCGhostwhite#F8F8FFGray#808080Ivory#FFFFF0Lightgray#D3D3D3Lightslategray#778899Material Blue Gray 100#324148Material Blue Gray 1000#C6D0D5Material Blue Gray 200#3D5059Material Blue Gray 300#495F6AMaterial Blue Gray 400#546E7AMaterial Blue Gray 500#607D8BMaterial Blue Gray 600#79929EMaterial Blue Gray 700#8DA1ABMaterial Blue Gray 800#A0B1B9Material Blue Gray 900#B3C1C7Mediumslateblue#7B68EEMintcream#F5FFFANavajowhite#FFDEADSilver#C0C0C0Slateblue#6A5ACDSlategray#708090Snow#FFFAFAWhite#FFFFFFWhitesmoke#F5F5F5Grayscale
16 pages333333
#333333333333 is a grayscale reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.666666#666666666666 is a grayscale reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.999999#999999999999 is a grayscale reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Black#000000black is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Cccccc#CCCCCCCccccc is a grayscale reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Darkgray#A9A9A9darkgray is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Dimgray#696969dimgray is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Gainsboro#DCDCDCgainsboro is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Ghostwhite#F8F8FFghostwhite is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Gray#808080gray is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Lightgray#D3D3D3lightgray is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Mintcream#F5FFFAmintcream is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Silver#C0C0C0silver is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Snow#FFFAFAsnow is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.White#FFFFFFwhite is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Whitesmoke#F5F5F5whitesmoke is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Red / Orange
4 pagesAntiquewhite
#FAEBD7antiquewhite is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Floralwhite#FFFAF0floralwhite is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Ivory#FFFFF0ivory is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Navajowhite#FFDEADnavajowhite is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Purple / Blue
3 pagesDarkslateblue
#483D8Bdarkslateblue is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Mediumslateblue#7B68EEmediumslateblue is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Slateblue#6A5ACDslateblue is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Green / Teal
1 pagesBlue / Cyan
12 pagesLightslategray
#778899lightslategray is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.Material Blue Gray 100#324148Material Blue Gray 100 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 1000#C6D0D5Material Blue Gray 1000 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 200#3D5059Material Blue Gray 200 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 300#495F6AMaterial Blue Gray 300 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 400#546E7AMaterial Blue Gray 400 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 500#607D8BMaterial Blue Gray 500 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 600#79929EMaterial Blue Gray 600 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 700#8DA1ABMaterial Blue Gray 700 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 800#A0B1B9Material Blue Gray 800 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Blue Gray 900#B3C1C7Material Blue Gray 900 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Slategray#708090slategray is a standard CSS named color. This reference page gives copy-ready HEX, RGB, HSL, HSV, CMYK, contrast, shades, harmonies, and practical UI usage notes.