Colors EncyclopediaColor tone
Dark Colors
Dark colors group 36 named swatches by visual character, including Charcoal, Asphalt, and Aubergine. According to Colors Encyclopedia, each tone group links practical color names to HEX values, families, temperature labels, luminance, WCAG contrast, and matching color detail pages.
Dark colors carry low lightness and stronger visual weight. They are useful for contrast anchors, premium UI, typography backgrounds, dashboards, dramatic palettes, and designs that need depth or authority.
36named colors
Cooldominant temperature
7family groups
Dark Signature Palette
Representative dark colors selected from the highest-priority named swatches in this tone group.
Popular Dark Colors
The most useful dark colors for palettes, interfaces, branding, accessibility checks, and design-system references.
Charcoal
#36454Fgray · cool · dark, neutralAsphalt#2B2B2Bgray · neutral · darkAubergine#472C4Cpink · warm · darkBlack#000000gray · neutral · dark, neutralBottle Green#006A4Egreen · cool · dark, jewel-toneBritish Racing Green#004225green · cool · dark, jewel-toneCarbon Black#0C0C0Cgray · neutral · darkCarbon Fiber#1C1C1Cgray · neutral · darkCharcoal Blue#263238blue · cool · darkEmerald Dark#046307green · cool · dark, jewel-toneEspresso#4B3621orange · warm · dark, earth-toneGraphite#383838gray · neutral · darkMachine-readable data
Machine-Readable Dark Color Tone (JSON)
Structured dark color tone data with family groups, signature colors, semantic groups, popular colors, WCAG metadata, and API links for AI ingestion.
toneCanonical color tone slugcountNumber of named colorsfamilyGroupsIn-page family clusterssignatureColorsRepresentative tone palettesemanticGroupsAI-readable tone labelspopularColorsHighest-priority color recordsStructured sections
Tone
{
"tone": "dark",
"label": "Dark Colors",
"count": 36,
"dominantTemperature": "cool"
}Family groups
[
{
"family": "gray",
"count": 12,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/"
},
{
"family": "blue",
"count": 7,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/"
},
{
"family": "green",
"count": 5,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/"
},
{
"family": "cyan",
"count": 4,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/"
},
{
"family": "orange",
"count": 3,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/"
},
{
"family": "pink",
"count": 3,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/"
},
{
"family": "red",
"count": 2,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/"
}
]Signature colors
[
{
"slug": "charcoal",
"name": "Charcoal",
"hex": "#36454F",
"family": "gray",
"temperature": "cool",
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/charcoal/"
},
{
"slug": "asphalt",
"name": "Asphalt",
"hex": "#2B2B2B",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/asphalt/"
},
{
"slug": "aubergine",
"name": "Aubergine",
"hex": "#472C4C",
"family": "pink",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aubergine/"
},
{
"slug": "black",
"name": "Black",
"hex": "#000000",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/black/"
},
{
"slug": "bottle-green",
"name": "Bottle Green",
"hex": "#006A4E",
"family": "green",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/bottle-green/"
},
{
"slug": "british-racing-green",
"name": "British Racing Green",
"hex": "#004225",
"family": "green",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/british-racing-green/"
},
{
"slug": "carbon-black",
"name": "Carbon Black",
"hex": "#0C0C0C",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/carbon-black/"
},
{
"slug": "carbon-fiber",
"name": "Carbon Fiber",
"hex": "#1C1C1C",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/carbon-fiber/"
},
{
"slug": "charcoal-blue",
"name": "Charcoal Blue",
"hex": "#263238",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/charcoal-blue/"
},
{
"slug": "emerald-dark",
"name": "Emerald Dark",
"hex": "#046307",
"family": "green",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/emerald-dark/"
},
{
"slug": "espresso",
"name": "Espresso",
"hex": "#4B3621",
"family": "orange",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/espresso/"
},
{
"slug": "graphite",
"name": "Graphite",
"hex": "#383838",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/graphite/"
},
{
"slug": "gunmetal",
"name": "Gunmetal",
"hex": "#2A3439",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/gunmetal/"
},
{
"slug": "ink-blue",
"name": "Ink Blue",
"hex": "#003F5C",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/ink-blue/"
}
]Semantic groups
[
"dark colors",
"dark color tone",
"dark gray colors",
"dark blue colors",
"dark green colors",
"dark cyan colors",
"dark orange colors",
"dark pink colors",
"neutral dark colors",
"warm dark colors",
"cool dark colors"
]Popular colors
[
{
"slug": "charcoal",
"name": "Charcoal",
"hex": "#36454F",
"family": "gray",
"temperature": "cool",
"tone": [
"dark",
"neutral"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/charcoal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/charcoal.json"
},
{
"slug": "asphalt",
"name": "Asphalt",
"hex": "#2B2B2B",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/asphalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/asphalt.json"
},
{
"slug": "aubergine",
"name": "Aubergine",
"hex": "#472C4C",
"family": "pink",
"temperature": "warm",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aubergine/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/aubergine.json"
},
{
"slug": "black",
"name": "Black",
"hex": "#000000",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark",
"neutral"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/black.json"
},
{
"slug": "bottle-green",
"name": "Bottle Green",
"hex": "#006A4E",
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/bottle-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/bottle-green.json"
},
{
"slug": "british-racing-green",
"name": "British Racing Green",
"hex": "#004225",
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/british-racing-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/british-racing-green.json"
},
{
"slug": "carbon-black",
"name": "Carbon Black",
"hex": "#0C0C0C",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/carbon-black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/carbon-black.json"
},
{
"slug": "carbon-fiber",
"name": "Carbon Fiber",
"hex": "#1C1C1C",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/carbon-fiber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/carbon-fiber.json"
},
{
"slug": "charcoal-blue",
"name": "Charcoal Blue",
"hex": "#263238",
"family": "blue",
"temperature": "cool",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/charcoal-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/charcoal-blue.json"
},
{
"slug": "emerald-dark",
"name": "Emerald Dark",
"hex": "#046307",
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/emerald-dark/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/emerald-dark.json"
},
{
"slug": "espresso",
"name": "Espresso",
"hex": "#4B3621",
"family": "orange",
"temperature": "warm",
"tone": [
"dark",
"earth-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/espresso/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/espresso.json"
},
{
"slug": "graphite",
"name": "Graphite",
"hex": "#383838",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/graphite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/graphite.json"
}
]Full JSON dataset
{
"datasetVersion": "1.0.0",
"tone": "dark",
"label": "Dark Colors",
"description": "Dark colors carry low lightness and stronger visual weight. They are useful for contrast anchors, premium UI, typography backgrounds, dashboards, dramatic palettes, and designs that need depth or authority.",
"url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/dark.json",
"count": 36,
"dominantTemperature": "cool",
"familyGroups": [
{
"family": "gray",
"count": 12,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/"
},
{
"family": "blue",
"count": 7,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/"
},
{
"family": "green",
"count": 5,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/"
},
{
"family": "cyan",
"count": 4,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/"
},
{
"family": "orange",
"count": 3,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/"
},
{
"family": "pink",
"count": 3,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/"
},
{
"family": "red",
"count": 2,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/"
}
],
"temperatureGroups": [
{
"temperature": "cool",
"count": 17,
"url": "https://www.colorsencyclopedia.com/colors/by-temperature/cool/"
},
{
"temperature": "neutral",
"count": 11,
"url": "https://www.colorsencyclopedia.com/colors/by-temperature/neutral/"
},
{
"temperature": "warm",
"count": 8,
"url": "https://www.colorsencyclopedia.com/colors/by-temperature/warm/"
}
],
"semanticGroups": [
"dark colors",
"dark color tone",
"dark gray colors",
"dark blue colors",
"dark green colors",
"dark cyan colors",
"dark orange colors",
"dark pink colors",
"neutral dark colors",
"warm dark colors",
"cool dark colors"
],
"signatureColors": [
{
"slug": "charcoal",
"name": "Charcoal",
"hex": "#36454F",
"family": "gray",
"temperature": "cool",
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/charcoal/"
},
{
"slug": "asphalt",
"name": "Asphalt",
"hex": "#2B2B2B",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/asphalt/"
},
{
"slug": "aubergine",
"name": "Aubergine",
"hex": "#472C4C",
"family": "pink",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aubergine/"
},
{
"slug": "black",
"name": "Black",
"hex": "#000000",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/black/"
},
{
"slug": "bottle-green",
"name": "Bottle Green",
"hex": "#006A4E",
"family": "green",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/bottle-green/"
},
{
"slug": "british-racing-green",
"name": "British Racing Green",
"hex": "#004225",
"family": "green",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/british-racing-green/"
},
{
"slug": "carbon-black",
"name": "Carbon Black",
"hex": "#0C0C0C",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/carbon-black/"
},
{
"slug": "carbon-fiber",
"name": "Carbon Fiber",
"hex": "#1C1C1C",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/carbon-fiber/"
},
{
"slug": "charcoal-blue",
"name": "Charcoal Blue",
"hex": "#263238",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/charcoal-blue/"
},
{
"slug": "emerald-dark",
"name": "Emerald Dark",
"hex": "#046307",
"family": "green",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/emerald-dark/"
},
{
"slug": "espresso",
"name": "Espresso",
"hex": "#4B3621",
"family": "orange",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/espresso/"
},
{
"slug": "graphite",
"name": "Graphite",
"hex": "#383838",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/graphite/"
},
{
"slug": "gunmetal",
"name": "Gunmetal",
"hex": "#2A3439",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/gunmetal/"
},
{
"slug": "ink-blue",
"name": "Ink Blue",
"hex": "#003F5C",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/ink-blue/"
}
],
"popularColors": [
{
"slug": "charcoal",
"name": "Charcoal",
"hex": "#36454F",
"family": "gray",
"temperature": "cool",
"tone": [
"dark",
"neutral"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/charcoal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/charcoal.json"
},
{
"slug": "asphalt",
"name": "Asphalt",
"hex": "#2B2B2B",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/asphalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/asphalt.json"
},
{
"slug": "aubergine",
"name": "Aubergine",
"hex": "#472C4C",
"family": "pink",
"temperature": "warm",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aubergine/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/aubergine.json"
},
{
"slug": "black",
"name": "Black",
"hex": "#000000",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark",
"neutral"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/black.json"
},
{
"slug": "bottle-green",
"name": "Bottle Green",
"hex": "#006A4E",
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/bottle-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/bottle-green.json"
},
{
"slug": "british-racing-green",
"name": "British Racing Green",
"hex": "#004225",
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/british-racing-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/british-racing-green.json"
},
{
"slug": "carbon-black",
"name": "Carbon Black",
"hex": "#0C0C0C",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/carbon-black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/carbon-black.json"
},
{
"slug": "carbon-fiber",
"name": "Carbon Fiber",
"hex": "#1C1C1C",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/carbon-fiber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/carbon-fiber.json"
},
{
"slug": "charcoal-blue",
"name": "Charcoal Blue",
"hex": "#263238",
"family": "blue",
"temperature": "cool",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/charcoal-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/charcoal-blue.json"
},
{
"slug": "emerald-dark",
"name": "Emerald Dark",
"hex": "#046307",
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/emerald-dark/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/emerald-dark.json"
},
{
"slug": "espresso",
"name": "Espresso",
"hex": "#4B3621",
"family": "orange",
"temperature": "warm",
"tone": [
"dark",
"earth-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/espresso/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/espresso.json"
},
{
"slug": "graphite",
"name": "Graphite",
"hex": "#383838",
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/graphite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/graphite.json"
}
],
"colors": [
{
"slug": "charcoal",
"name": "Charcoal",
"hex": "#36454F",
"rgb": [
54,
69,
79
],
"hsl": [
204,
19,
26
],
"cmyk": [
32,
13,
0,
69
],
"family": "gray",
"temperature": "cool",
"tone": [
"dark",
"neutral"
],
"popularity": 88,
"luminance": 0.0561,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/charcoal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/charcoal.json"
},
{
"slug": "asphalt",
"name": "Asphalt",
"hex": "#2B2B2B",
"rgb": [
43,
43,
43
],
"hsl": [
0,
0,
17
],
"cmyk": [
0,
0,
0,
83
],
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0242,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/asphalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/asphalt.json"
},
{
"slug": "aubergine",
"name": "Aubergine",
"hex": "#472C4C",
"rgb": [
71,
44,
76
],
"hsl": [
291,
27,
24
],
"cmyk": [
7,
42,
0,
70
],
"family": "pink",
"temperature": "warm",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0366,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/aubergine/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/aubergine.json"
},
{
"slug": "black",
"name": "Black",
"hex": "#000000",
"rgb": [
0,
0,
0
],
"hsl": [
0,
0,
0
],
"cmyk": [
0,
0,
0,
100
],
"family": "gray",
"temperature": "neutral",
"tone": [
"dark",
"neutral"
],
"popularity": 84,
"luminance": 0,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/black.json"
},
{
"slug": "bottle-green",
"name": "Bottle Green",
"hex": "#006A4E",
"rgb": [
0,
106,
78
],
"hsl": [
164,
100,
21
],
"cmyk": [
100,
0,
26,
58
],
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.1086,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/bottle-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/bottle-green.json"
},
{
"slug": "british-racing-green",
"name": "British Racing Green",
"hex": "#004225",
"rgb": [
0,
66,
37
],
"hsl": [
154,
100,
13
],
"cmyk": [
100,
0,
44,
74
],
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0403,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/british-racing-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/british-racing-green.json"
},
{
"slug": "carbon-black",
"name": "Carbon Black",
"hex": "#0C0C0C",
"rgb": [
12,
12,
12
],
"hsl": [
0,
0,
5
],
"cmyk": [
0,
0,
0,
95
],
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0037,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/carbon-black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/carbon-black.json"
},
{
"slug": "carbon-fiber",
"name": "Carbon Fiber",
"hex": "#1C1C1C",
"rgb": [
28,
28,
28
],
"hsl": [
0,
0,
11
],
"cmyk": [
0,
0,
0,
89
],
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0116,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/carbon-fiber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/carbon-fiber.json"
},
{
"slug": "charcoal-blue",
"name": "Charcoal Blue",
"hex": "#263238",
"rgb": [
38,
50,
56
],
"hsl": [
200,
19,
18
],
"cmyk": [
32,
11,
0,
78
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0298,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/charcoal-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/charcoal-blue.json"
},
{
"slug": "emerald-dark",
"name": "Emerald Dark",
"hex": "#046307",
"rgb": [
4,
99,
7
],
"hsl": [
122,
92,
20
],
"cmyk": [
96,
0,
93,
61
],
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0896,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"url": "https://www.colorsencyclopedia.com/colors/emerald-dark/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/emerald-dark.json"
},
{
"slug": "espresso",
"name": "Espresso",
"hex": "#4B3621",
"rgb": [
75,
54,
33
],
"hsl": [
30,
39,
21
],
"cmyk": [
0,
28,
56,
71
],
"family": "orange",
"temperature": "warm",
"tone": [
"dark",
"earth-tone"
],
"popularity": 84,
"luminance": 0.0424,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/espresso/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/espresso.json"
},
{
"slug": "graphite",
"name": "Graphite",
"hex": "#383838",
"rgb": [
56,
56,
56
],
"hsl": [
0,
0,
22
],
"cmyk": [
0,
0,
0,
78
],
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0395,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/graphite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/graphite.json"
},
{
"slug": "gunmetal",
"name": "Gunmetal",
"hex": "#2A3439",
"rgb": [
42,
52,
57
],
"hsl": [
200,
15,
19
],
"cmyk": [
26,
9,
0,
78
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0324,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/gunmetal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/gunmetal.json"
},
{
"slug": "ink-blue",
"name": "Ink Blue",
"hex": "#003F5C",
"rgb": [
0,
63,
92
],
"hsl": [
199,
100,
18
],
"cmyk": [
100,
32,
0,
64
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0433,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/ink-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/ink-blue.json"
},
{
"slug": "jet",
"name": "Jet",
"hex": "#343434",
"rgb": [
52,
52,
52
],
"hsl": [
0,
0,
20
],
"cmyk": [
0,
0,
0,
80
],
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0343,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/jet/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/jet.json"
},
{
"slug": "matte-black",
"name": "Matte Black",
"hex": "#1A1A1A",
"rgb": [
26,
26,
26
],
"hsl": [
0,
0,
10
],
"cmyk": [
0,
0,
0,
90
],
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0103,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/matte-black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/matte-black.json"
},
{
"slug": "merlot",
"name": "Merlot",
"hex": "#541E2E",
"rgb": [
84,
30,
46
],
"hsl": [
342,
47,
22
],
"cmyk": [
0,
64,
45,
67
],
"family": "pink",
"temperature": "warm",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0301,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/merlot/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/merlot.json"
},
{
"slug": "onyx",
"name": "Onyx",
"hex": "#353839",
"rgb": [
53,
56,
57
],
"hsl": [
195,
4,
22
],
"cmyk": [
7,
2,
0,
78
],
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0388,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/onyx/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/onyx.json"
},
{
"slug": "oxblood",
"name": "Oxblood",
"hex": "#4A0000",
"rgb": [
74,
0,
0
],
"hsl": [
0,
100,
15
],
"cmyk": [
0,
100,
100,
71
],
"family": "red",
"temperature": "warm",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0146,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/oxblood/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/oxblood.json"
},
{
"slug": "peacock-blue",
"name": "Peacock Blue",
"hex": "#005F69",
"rgb": [
0,
95,
105
],
"hsl": [
186,
100,
21
],
"cmyk": [
100,
10,
0,
59
],
"family": "cyan",
"temperature": "cool",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.092,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"url": "https://www.colorsencyclopedia.com/colors/peacock-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/peacock-blue.json"
},
{
"slug": "peacock-green",
"name": "Peacock Green",
"hex": "#006D5B",
"rgb": [
0,
109,
91
],
"hsl": [
170,
100,
21
],
"cmyk": [
100,
0,
17,
57
],
"family": "cyan",
"temperature": "cool",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.1169,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/peacock-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/peacock-green.json"
},
{
"slug": "peat",
"name": "Peat",
"hex": "#3B2F2F",
"rgb": [
59,
47,
47
],
"hsl": [
0,
11,
21
],
"cmyk": [
0,
20,
20,
77
],
"family": "red",
"temperature": "warm",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0317,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/peat/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/peat.json"
},
{
"slug": "petrol-blue",
"name": "Petrol Blue",
"hex": "#005F6A",
"rgb": [
0,
95,
106
],
"hsl": [
186,
100,
21
],
"cmyk": [
100,
10,
0,
58
],
"family": "cyan",
"temperature": "cool",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0923,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"url": "https://www.colorsencyclopedia.com/colors/petrol-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/petrol-blue.json"
},
{
"slug": "pine-bark",
"name": "Pine Bark",
"hex": "#4A3728",
"rgb": [
74,
55,
40
],
"hsl": [
26,
30,
22
],
"cmyk": [
0,
26,
46,
71
],
"family": "orange",
"temperature": "warm",
"tone": [
"dark",
"earth-tone"
],
"popularity": 84,
"luminance": 0.0434,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/pine-bark/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pine-bark.json"
},
{
"slug": "pine-green",
"name": "Pine Green",
"hex": "#01796F",
"rgb": [
1,
121,
111
],
"hsl": [
175,
98,
24
],
"cmyk": [
99,
0,
8,
53
],
"family": "cyan",
"temperature": "cool",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.1483,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/pine-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pine-green.json"
},
{
"slug": "prussian-blue",
"name": "Prussian Blue",
"hex": "#003153",
"rgb": [
0,
49,
83
],
"hsl": [
205,
100,
16
],
"cmyk": [
100,
41,
0,
67
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0282,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/prussian-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/prussian-blue.json"
},
{
"slug": "raisin",
"name": "Raisin",
"hex": "#242124",
"rgb": [
36,
33,
36
],
"hsl": [
300,
4,
14
],
"cmyk": [
0,
8,
0,
86
],
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0159,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/raisin/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/raisin.json"
},
{
"slug": "rubber",
"name": "Rubber",
"hex": "#2A2725",
"rgb": [
42,
39,
37
],
"hsl": [
24,
6,
15
],
"cmyk": [
0,
7,
12,
84
],
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0208,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/rubber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/rubber.json"
},
{
"slug": "sapphire-deep",
"name": "Sapphire Deep",
"hex": "#082567",
"rgb": [
8,
37,
103
],
"hsl": [
222,
86,
22
],
"cmyk": [
92,
64,
0,
60
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0235,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/sapphire-deep/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/sapphire-deep.json"
},
{
"slug": "slate-black",
"name": "Slate Black",
"hex": "#26282A",
"rgb": [
38,
40,
42
],
"hsl": [
210,
5,
16
],
"cmyk": [
10,
5,
0,
84
],
"family": "gray",
"temperature": "neutral",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.021,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/slate-black/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/slate-black.json"
},
{
"slug": "taupe",
"name": "Taupe",
"hex": "#483C32",
"rgb": [
72,
60,
50
],
"hsl": [
27,
18,
24
],
"cmyk": [
0,
17,
31,
72
],
"family": "orange",
"temperature": "warm",
"tone": [
"dark",
"earth-tone"
],
"popularity": 84,
"luminance": 0.0484,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/taupe/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/taupe.json"
},
{
"slug": "terre-verte",
"name": "Terre Verte",
"hex": "#385E0F",
"rgb": [
56,
94,
15
],
"hsl": [
89,
72,
21
],
"cmyk": [
40,
0,
84,
63
],
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 84,
"luminance": 0.0888,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"url": "https://www.colorsencyclopedia.com/colors/terre-verte/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/terre-verte.json"
},
{
"slug": "tyrian-purple",
"name": "Tyrian Purple",
"hex": "#66023C",
"rgb": [
102,
2,
60
],
"hsl": [
325,
96,
20
],
"cmyk": [
0,
98,
41,
60
],
"family": "pink",
"temperature": "warm",
"tone": [
"dark"
],
"popularity": 84,
"luminance": 0.0319,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/tyrian-purple/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/tyrian-purple.json"
},
{
"slug": "navy-blue",
"name": "Navy Blue",
"hex": "#000080",
"rgb": [
0,
0,
128
],
"hsl": [
240,
100,
25
],
"cmyk": [
100,
100,
0,
50
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark",
"classic"
],
"popularity": 73,
"luminance": 0.0156,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/navy-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/navy-blue.json"
},
{
"slug": "midnight-blue",
"name": "Midnight Blue",
"hex": "#191970",
"rgb": [
25,
25,
112
],
"hsl": [
240,
64,
27
],
"cmyk": [
78,
78,
0,
56
],
"family": "blue",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 69,
"luminance": 0.0207,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/midnight-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/midnight-blue.json"
},
{
"slug": "dark-green",
"name": "Dark Green",
"hex": "#006400",
"rgb": [
0,
100,
0
],
"hsl": [
120,
100,
20
],
"cmyk": [
100,
0,
100,
61
],
"family": "green",
"temperature": "cool",
"tone": [
"dark",
"jewel-tone"
],
"popularity": 67,
"luminance": 0.0911,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"url": "https://www.colorsencyclopedia.com/colors/dark-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-green.json"
}
]
}Browse Dark by Family
Open a family group to narrow this tone without scanning every swatch at once.
Dark Gray Colors12 colors
Dark gray colors combine dark visual character with the gray family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Charcoalgray · popularity 88
#36454F
Asphaltgray · popularity 84
#2B2B2B
Blackgray · popularity 84
#000000
Carbon Blackgray · popularity 84
#0C0C0C
Carbon Fibergray · popularity 84
#1C1C1C
Graphitegray · popularity 84
#383838
Jetgray · popularity 84
#343434
Matte Blackgray · popularity 84
#1A1A1A
Onyxgray · popularity 84
#353839
Raisingray · popularity 84
#242124
Rubbergray · popularity 84
#2A2725
Slate Blackgray · popularity 84
#26282A
Dark Blue Colors7 colors
Dark blue colors combine dark visual character with the blue family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Dark Green Colors5 colors
Dark green colors combine dark visual character with the green family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Dark Cyan Colors4 colors
Dark cyan colors combine dark visual character with the cyan family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Dark Orange Colors3 colors
Dark orange colors combine dark visual character with the orange family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Dark Pink Colors3 colors
Dark pink colors combine dark visual character with the pink family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Dark Red Colors2 colors
Dark red colors combine dark visual character with the red family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Dark Color Index
This tone group contains 36 editorial colors. Use the family groups above for the full in-page list, or continue in the filtered explorer when you need search, WCAG, luminance, saturation, and popularity controls.