Dark Theme Color Codes
Low-light colors suitable for dark surfaces, code tools, and dense technical interfaces.
Palette preview
000033
#000033000066#000066003300#003300003333#003333003366#003366006600#006600006633#006633006666#006666330000#330000330033#330033330066#330066333300#333300333333#333333333366#333366336600#336600336633#336633336666#336666660000#660000660033#660033660066#660066663300#663300663333#663333663366#663366666600#666600666633#666633666666#666666Black#000000Darkblue#00008BDarkcyan#008B8BDarkgoldenrod#B8860BDarkgray#A9A9A9Darkgreen#006400Darkkhaki#BDB76BDarkmagenta#8B008BDarkolivegreen#556B2FDarkorange#FF8C00Darkorchid#9932CCDarkred#8B0000Darksalmon#E9967ADarkseagreen#8FBC8FDarkslateblue#483D8BDarkslategray#2F4F4FDarkturquoise#00CED1Darkviolet#9400D3Dimgray#696969Material Blue Gray 100#324148Material Blue Gray 200#3D5059Material Blue Gray 300#495F6ABlue / Cyan
13 pages000033
#000033000033 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.000066#000066000066 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.003366#003366003366 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.333366#333366333366 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Darkblue#00008Bdarkblue 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.Darkturquoise#00CED1darkturquoise 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 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 Cyan 100#00626EMaterial Cyan 100 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Indigo 100#212A5EMaterial Indigo 100 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Midnightblue#191970midnightblue 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.Navy#000080navy 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
16 pages003300
#003300003300 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.003333#003333003333 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.006600#006600006600 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.006633#006633006633 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.006666#006666006666 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.336633#336633336633 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.336666#336666336666 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Darkcyan#008B8Bdarkcyan 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.Darkgreen#006400darkgreen 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.Darkseagreen#8FBC8Fdarkseagreen 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.Darkslategray#2F4F4Fdarkslategray 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 Green 100#285B2AMaterial Green 100 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Green 200#317033Material Green 200 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Teal 100#004E47Material Teal 100 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Teal 200#006057Material Teal 200 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Teal 300#007267Material Teal 300 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Magenta / Purple
9 pages330000
#330000330000 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.330033#330033330033 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.660000#660000660000 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.660033#660033660033 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.660066#660066660066 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.663333#663333663333 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.663366#663366663366 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Darkmagenta#8B008Bdarkmagenta 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.Darkred#8B0000darkred 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
6 pages330066
#330066330066 is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Darkorchid#9932CCdarkorchid 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.Darkslateblue#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.Darkviolet#9400D3darkviolet 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 Purple 100#51145CMaterial Purple 100 is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Purple 200#641971Material Purple 200 is a purple / blue reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Red / Orange
12 pages333300
#333300333300 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.663300#663300663300 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.666600#666600666600 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.666633#666633666633 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Darkgoldenrod#B8860Bdarkgoldenrod 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.Darkkhaki#BDB76Bdarkkhaki 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.Darkorange#FF8C00darkorange 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.Darksalmon#E9967Adarksalmon 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 Brown 100#3F2C25Material Brown 100 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Brown 200#4D362EMaterial Brown 200 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Brown 300#5C4137Material Brown 300 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Material Brown 400#6A4B3FMaterial Brown 400 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Grayscale
5 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.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.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.Yellow / Green
3 pages336600
#336600336600 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Darkolivegreen#556B2Fdarkolivegreen 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 Lime 100#6B721EMaterial Lime 100 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.