Colors EncyclopediaColor tone
Muted Colors
Muted colors group 81 named swatches by visual character, including Cool Gray, Moss Green, and Sage Green. 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.
Muted colors reduce saturation for quieter visual behavior. They are useful for dashboards, editorial systems, accessibility-conscious palettes, natural branding, and interfaces where color should support content rather than dominate it.
81named colors
Cooldominant temperature
9family groups
Muted Signature Palette
Representative muted colors selected from the highest-priority named swatches in this tone group.
Popular Muted Colors
The most useful muted colors for palettes, interfaces, branding, accessibility checks, and design-system references.
Cool Gray
#8C92ACblue · cool · mutedMoss Green#8A9A5Bgreen · cool · muted, earth-toneSage Green#9CAF88green · cool · muted, earth-toneTerracotta#E2725Borange · warm · earth-tone, mutedWarm Gray#8A8378gray · neutral · mutedAegean Blue#4E6E81blue · cool · mutedAgave#6F8F72green · cool · muted, earth-toneAluminum#D9DAD9gray · neutral · mutedAsh Gray#B2BEB5green · cool · mutedAsphalt Gray#4B4B4Bgray · neutral · mutedBasalt#4B4C4Cgray · neutral · mutedCactus Green#587156green · cool · muted, earth-toneMachine-readable data
Machine-Readable Muted Color Tone (JSON)
Structured muted 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": "muted",
"label": "Muted Colors",
"count": 81,
"dominantTemperature": "cool"
}Family groups
[
{
"family": "gray",
"count": 30,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "green",
"count": 17,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "blue",
"count": 10,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "cyan",
"count": 7,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "orange",
"count": 7,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "pink",
"count": 5,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "purple",
"count": 2,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "yellow",
"count": 2,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "red",
"count": 1,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
}
]Signature colors
[
{
"slug": "cool-gray",
"name": "Cool Gray",
"hex": "#8C92AC",
"family": "blue",
"temperature": "cool",
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/cool-gray/"
},
{
"slug": "moss-green",
"name": "Moss Green",
"hex": "#8A9A5B",
"family": "green",
"temperature": "cool",
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/moss-green/"
},
{
"slug": "sage-green",
"name": "Sage Green",
"hex": "#9CAF88",
"family": "green",
"temperature": "cool",
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/sage-green/"
},
{
"slug": "terracotta",
"name": "Terracotta",
"hex": "#E2725B",
"family": "orange",
"temperature": "warm",
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/terracotta/"
},
{
"slug": "warm-gray",
"name": "Warm Gray",
"hex": "#8A8378",
"family": "gray",
"temperature": "neutral",
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/warm-gray/"
},
{
"slug": "aegean-blue",
"name": "Aegean Blue",
"hex": "#4E6E81",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aegean-blue/"
},
{
"slug": "agave",
"name": "Agave",
"hex": "#6F8F72",
"family": "green",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/agave/"
},
{
"slug": "aluminum",
"name": "Aluminum",
"hex": "#D9DAD9",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aluminum/"
},
{
"slug": "ash-gray",
"name": "Ash Gray",
"hex": "#B2BEB5",
"family": "green",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/ash-gray/"
},
{
"slug": "asphalt-gray",
"name": "Asphalt Gray",
"hex": "#4B4B4B",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/asphalt-gray/"
},
{
"slug": "basalt",
"name": "Basalt",
"hex": "#4B4C4C",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/basalt/"
},
{
"slug": "cactus-green",
"name": "Cactus Green",
"hex": "#587156",
"family": "green",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cactus-green/"
},
{
"slug": "cadet-gray",
"name": "Cadet Gray",
"hex": "#91A3B0",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cadet-gray/"
},
{
"slug": "cement",
"name": "Cement",
"hex": "#A5A391",
"family": "yellow",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cement/"
}
]Semantic groups
[
"muted colors",
"muted color tone",
"muted gray colors",
"muted green colors",
"muted blue colors",
"muted cyan colors",
"muted orange colors",
"muted pink colors",
"cool muted colors",
"neutral muted colors",
"warm muted colors"
]Popular colors
[
{
"slug": "cool-gray",
"name": "Cool Gray",
"hex": "#8C92AC",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/cool-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cool-gray.json"
},
{
"slug": "moss-green",
"name": "Moss Green",
"hex": "#8A9A5B",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/moss-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/moss-green.json"
},
{
"slug": "sage-green",
"name": "Sage Green",
"hex": "#9CAF88",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/sage-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/sage-green.json"
},
{
"slug": "terracotta",
"name": "Terracotta",
"hex": "#E2725B",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone",
"muted"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/terracotta/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/terracotta.json"
},
{
"slug": "warm-gray",
"name": "Warm Gray",
"hex": "#8A8378",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/warm-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/warm-gray.json"
},
{
"slug": "aegean-blue",
"name": "Aegean Blue",
"hex": "#4E6E81",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aegean-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/aegean-blue.json"
},
{
"slug": "agave",
"name": "Agave",
"hex": "#6F8F72",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/agave/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/agave.json"
},
{
"slug": "aluminum",
"name": "Aluminum",
"hex": "#D9DAD9",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aluminum/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/aluminum.json"
},
{
"slug": "ash-gray",
"name": "Ash Gray",
"hex": "#B2BEB5",
"family": "green",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/ash-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/ash-gray.json"
},
{
"slug": "asphalt-gray",
"name": "Asphalt Gray",
"hex": "#4B4B4B",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/asphalt-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/asphalt-gray.json"
},
{
"slug": "basalt",
"name": "Basalt",
"hex": "#4B4C4C",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/basalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/basalt.json"
},
{
"slug": "cactus-green",
"name": "Cactus Green",
"hex": "#587156",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cactus-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cactus-green.json"
}
]Full JSON dataset
{
"datasetVersion": "1.0.0",
"tone": "muted",
"label": "Muted Colors",
"description": "Muted colors reduce saturation for quieter visual behavior. They are useful for dashboards, editorial systems, accessibility-conscious palettes, natural branding, and interfaces where color should support content rather than dominate it.",
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/muted.json",
"count": 81,
"dominantTemperature": "cool",
"familyGroups": [
{
"family": "gray",
"count": 30,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "green",
"count": 17,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "blue",
"count": 10,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "cyan",
"count": 7,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "orange",
"count": 7,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "pink",
"count": 5,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "purple",
"count": 2,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "yellow",
"count": 2,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
},
{
"family": "red",
"count": 1,
"url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/"
}
],
"temperatureGroups": [
{
"temperature": "cool",
"count": 35,
"url": "https://www.colorsencyclopedia.com/colors/by-temperature/cool/"
},
{
"temperature": "neutral",
"count": 30,
"url": "https://www.colorsencyclopedia.com/colors/by-temperature/neutral/"
},
{
"temperature": "warm",
"count": 16,
"url": "https://www.colorsencyclopedia.com/colors/by-temperature/warm/"
}
],
"semanticGroups": [
"muted colors",
"muted color tone",
"muted gray colors",
"muted green colors",
"muted blue colors",
"muted cyan colors",
"muted orange colors",
"muted pink colors",
"cool muted colors",
"neutral muted colors",
"warm muted colors"
],
"signatureColors": [
{
"slug": "cool-gray",
"name": "Cool Gray",
"hex": "#8C92AC",
"family": "blue",
"temperature": "cool",
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/cool-gray/"
},
{
"slug": "moss-green",
"name": "Moss Green",
"hex": "#8A9A5B",
"family": "green",
"temperature": "cool",
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/moss-green/"
},
{
"slug": "sage-green",
"name": "Sage Green",
"hex": "#9CAF88",
"family": "green",
"temperature": "cool",
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/sage-green/"
},
{
"slug": "terracotta",
"name": "Terracotta",
"hex": "#E2725B",
"family": "orange",
"temperature": "warm",
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/terracotta/"
},
{
"slug": "warm-gray",
"name": "Warm Gray",
"hex": "#8A8378",
"family": "gray",
"temperature": "neutral",
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/warm-gray/"
},
{
"slug": "aegean-blue",
"name": "Aegean Blue",
"hex": "#4E6E81",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aegean-blue/"
},
{
"slug": "agave",
"name": "Agave",
"hex": "#6F8F72",
"family": "green",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/agave/"
},
{
"slug": "aluminum",
"name": "Aluminum",
"hex": "#D9DAD9",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aluminum/"
},
{
"slug": "ash-gray",
"name": "Ash Gray",
"hex": "#B2BEB5",
"family": "green",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/ash-gray/"
},
{
"slug": "asphalt-gray",
"name": "Asphalt Gray",
"hex": "#4B4B4B",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/asphalt-gray/"
},
{
"slug": "basalt",
"name": "Basalt",
"hex": "#4B4C4C",
"family": "gray",
"temperature": "neutral",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/basalt/"
},
{
"slug": "cactus-green",
"name": "Cactus Green",
"hex": "#587156",
"family": "green",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cactus-green/"
},
{
"slug": "cadet-gray",
"name": "Cadet Gray",
"hex": "#91A3B0",
"family": "blue",
"temperature": "cool",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cadet-gray/"
},
{
"slug": "cement",
"name": "Cement",
"hex": "#A5A391",
"family": "yellow",
"temperature": "warm",
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cement/"
}
],
"popularColors": [
{
"slug": "cool-gray",
"name": "Cool Gray",
"hex": "#8C92AC",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/cool-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cool-gray.json"
},
{
"slug": "moss-green",
"name": "Moss Green",
"hex": "#8A9A5B",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/moss-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/moss-green.json"
},
{
"slug": "sage-green",
"name": "Sage Green",
"hex": "#9CAF88",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/sage-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/sage-green.json"
},
{
"slug": "terracotta",
"name": "Terracotta",
"hex": "#E2725B",
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone",
"muted"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/terracotta/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/terracotta.json"
},
{
"slug": "warm-gray",
"name": "Warm Gray",
"hex": "#8A8378",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 88,
"url": "https://www.colorsencyclopedia.com/colors/warm-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/warm-gray.json"
},
{
"slug": "aegean-blue",
"name": "Aegean Blue",
"hex": "#4E6E81",
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aegean-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/aegean-blue.json"
},
{
"slug": "agave",
"name": "Agave",
"hex": "#6F8F72",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/agave/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/agave.json"
},
{
"slug": "aluminum",
"name": "Aluminum",
"hex": "#D9DAD9",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/aluminum/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/aluminum.json"
},
{
"slug": "ash-gray",
"name": "Ash Gray",
"hex": "#B2BEB5",
"family": "green",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/ash-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/ash-gray.json"
},
{
"slug": "asphalt-gray",
"name": "Asphalt Gray",
"hex": "#4B4B4B",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/asphalt-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/asphalt-gray.json"
},
{
"slug": "basalt",
"name": "Basalt",
"hex": "#4B4C4C",
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/basalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/basalt.json"
},
{
"slug": "cactus-green",
"name": "Cactus Green",
"hex": "#587156",
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"url": "https://www.colorsencyclopedia.com/colors/cactus-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cactus-green.json"
}
],
"colors": [
{
"slug": "cool-gray",
"name": "Cool Gray",
"hex": "#8C92AC",
"rgb": [
140,
146,
172
],
"hsl": [
229,
16,
61
],
"cmyk": [
19,
15,
0,
33
],
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 88,
"luminance": 0.2911,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/cool-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cool-gray.json"
},
{
"slug": "moss-green",
"name": "Moss Green",
"hex": "#8A9A5B",
"rgb": [
138,
154,
91
],
"hsl": [
75,
26,
48
],
"cmyk": [
10,
0,
41,
40
],
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 88,
"luminance": 0.2927,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/moss-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/moss-green.json"
},
{
"slug": "sage-green",
"name": "Sage Green",
"hex": "#9CAF88",
"rgb": [
156,
175,
136
],
"hsl": [
89,
20,
61
],
"cmyk": [
11,
0,
22,
31
],
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 88,
"luminance": 0.3951,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/sage-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/sage-green.json"
},
{
"slug": "terracotta",
"name": "Terracotta",
"hex": "#E2725B",
"rgb": [
226,
114,
91
],
"hsl": [
10,
70,
62
],
"cmyk": [
0,
50,
60,
11
],
"family": "orange",
"temperature": "warm",
"tone": [
"earth-tone",
"muted"
],
"popularity": 88,
"luminance": 0.2896,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/terracotta/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/terracotta.json"
},
{
"slug": "warm-gray",
"name": "Warm Gray",
"hex": "#8A8378",
"rgb": [
138,
131,
120
],
"hsl": [
37,
7,
51
],
"cmyk": [
0,
5,
13,
46
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 88,
"luminance": 0.2299,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/warm-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/warm-gray.json"
},
{
"slug": "aegean-blue",
"name": "Aegean Blue",
"hex": "#4E6E81",
"rgb": [
78,
110,
129
],
"hsl": [
202,
25,
41
],
"cmyk": [
40,
15,
0,
49
],
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.1436,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/aegean-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/aegean-blue.json"
},
{
"slug": "agave",
"name": "Agave",
"hex": "#6F8F72",
"rgb": [
111,
143,
114
],
"hsl": [
126,
13,
50
],
"cmyk": [
22,
0,
20,
44
],
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.2424,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/agave/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/agave.json"
},
{
"slug": "aluminum",
"name": "Aluminum",
"hex": "#D9DAD9",
"rgb": [
217,
218,
217
],
"hsl": [
120,
1,
85
],
"cmyk": [
0,
0,
0,
15
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.699,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A",
"#36454F"
]
},
"url": "https://www.colorsencyclopedia.com/colors/aluminum/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/aluminum.json"
},
{
"slug": "ash-gray",
"name": "Ash Gray",
"hex": "#B2BEB5",
"rgb": [
178,
190,
181
],
"hsl": [
135,
8,
72
],
"cmyk": [
6,
0,
5,
25
],
"family": "green",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.4963,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/ash-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/ash-gray.json"
},
{
"slug": "asphalt-gray",
"name": "Asphalt Gray",
"hex": "#4B4B4B",
"rgb": [
75,
75,
75
],
"hsl": [
0,
0,
29
],
"cmyk": [
0,
0,
0,
71
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.0704,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/asphalt-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/asphalt-gray.json"
},
{
"slug": "basalt",
"name": "Basalt",
"hex": "#4B4C4C",
"rgb": [
75,
76,
76
],
"hsl": [
180,
1,
30
],
"cmyk": [
1,
0,
0,
70
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.0719,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/basalt/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/basalt.json"
},
{
"slug": "cactus-green",
"name": "Cactus Green",
"hex": "#587156",
"rgb": [
88,
113,
86
],
"hsl": [
116,
14,
39
],
"cmyk": [
22,
0,
24,
56
],
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.1456,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/cactus-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cactus-green.json"
},
{
"slug": "cadet-gray",
"name": "Cadet Gray",
"hex": "#91A3B0",
"rgb": [
145,
163,
176
],
"hsl": [
205,
16,
63
],
"cmyk": [
18,
7,
0,
31
],
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.3535,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cadet-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cadet-gray.json"
},
{
"slug": "cement",
"name": "Cement",
"hex": "#A5A391",
"rgb": [
165,
163,
145
],
"hsl": [
54,
10,
61
],
"cmyk": [
0,
1,
12,
35
],
"family": "yellow",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.3624,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"url": "https://www.colorsencyclopedia.com/colors/cement/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cement.json"
},
{
"slug": "chrome",
"name": "Chrome",
"hex": "#D5D5D5",
"rgb": [
213,
213,
213
],
"hsl": [
0,
0,
84
],
"cmyk": [
0,
0,
0,
16
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.6654,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/chrome/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/chrome.json"
},
{
"slug": "driftwood",
"name": "Driftwood",
"hex": "#A69A8D",
"rgb": [
166,
154,
141
],
"hsl": [
31,
12,
60
],
"cmyk": [
0,
7,
15,
35
],
"family": "orange",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.3314,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"url": "https://www.colorsencyclopedia.com/colors/driftwood/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/driftwood.json"
},
{
"slug": "eggplant",
"name": "Eggplant",
"hex": "#614051",
"rgb": [
97,
64,
81
],
"hsl": [
329,
20,
32
],
"cmyk": [
0,
34,
16,
62
],
"family": "pink",
"temperature": "warm",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.068,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/eggplant/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/eggplant.json"
},
{
"slug": "epoxy-green",
"name": "Epoxy Green",
"hex": "#4E8A57",
"rgb": [
78,
138,
87
],
"hsl": [
129,
28,
42
],
"cmyk": [
43,
0,
37,
46
],
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.2048,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/epoxy-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/epoxy-green.json"
},
{
"slug": "eucalyptus",
"name": "Eucalyptus",
"hex": "#5F8575",
"rgb": [
95,
133,
117
],
"hsl": [
155,
17,
45
],
"cmyk": [
29,
0,
12,
48
],
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.2049,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/eucalyptus/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/eucalyptus.json"
},
{
"slug": "galvanized-steel",
"name": "Galvanized Steel",
"hex": "#A9B0B4",
"rgb": [
169,
176,
180
],
"hsl": [
202,
7,
68
],
"cmyk": [
6,
2,
0,
29
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.4278,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/galvanized-steel/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/galvanized-steel.json"
},
{
"slug": "granite",
"name": "Granite",
"hex": "#676767",
"rgb": [
103,
103,
103
],
"hsl": [
0,
0,
40
],
"cmyk": [
0,
0,
0,
60
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.1356,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/granite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/granite.json"
},
{
"slug": "greige",
"name": "Greige",
"hex": "#B0A999",
"rgb": [
176,
169,
153
],
"hsl": [
42,
13,
65
],
"cmyk": [
0,
4,
13,
31
],
"family": "orange",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.3991,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/greige/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/greige.json"
},
{
"slug": "heather",
"name": "Heather",
"hex": "#B7A1C7",
"rgb": [
183,
161,
199
],
"hsl": [
275,
25,
71
],
"cmyk": [
8,
19,
0,
22
],
"family": "purple",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.3968,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/heather/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/heather.json"
},
{
"slug": "hookers-green",
"name": "Hookers Green",
"hex": "#49796B",
"rgb": [
73,
121,
107
],
"hsl": [
163,
25,
38
],
"cmyk": [
40,
0,
12,
53
],
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.1615,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/hookers-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/hookers-green.json"
},
{
"slug": "hunter-green",
"name": "Hunter Green",
"hex": "#355E3B",
"rgb": [
53,
94,
59
],
"hsl": [
129,
28,
29
],
"cmyk": [
44,
0,
37,
63
],
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.0908,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"url": "https://www.colorsencyclopedia.com/colors/hunter-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/hunter-green.json"
},
{
"slug": "iron",
"name": "Iron",
"hex": "#48494B",
"rgb": [
72,
73,
75
],
"hsl": [
220,
2,
29
],
"cmyk": [
4,
3,
0,
71
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.0665,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/iron/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/iron.json"
},
{
"slug": "labradorite",
"name": "Labradorite",
"hex": "#607D8B",
"rgb": [
96,
125,
139
],
"hsl": [
200,
18,
46
],
"cmyk": [
31,
10,
0,
45
],
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.1902,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/labradorite/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/labradorite.json"
},
{
"slug": "laurel-green",
"name": "Laurel Green",
"hex": "#A9BA9D",
"rgb": [
169,
186,
157
],
"hsl": [
95,
17,
67
],
"cmyk": [
9,
0,
16,
27
],
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.4599,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/laurel-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/laurel-green.json"
},
{
"slug": "lichen",
"name": "Lichen",
"hex": "#9BC4A2",
"rgb": [
155,
196,
162
],
"hsl": [
130,
26,
69
],
"cmyk": [
21,
0,
17,
23
],
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.4906,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/lichen/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/lichen.json"
},
{
"slug": "lilac",
"name": "Lilac",
"hex": "#C8A2C8",
"rgb": [
200,
162,
200
],
"hsl": [
300,
26,
71
],
"cmyk": [
0,
19,
0,
22
],
"family": "pink",
"temperature": "warm",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.4229,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/lilac/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/lilac.json"
},
{
"slug": "limestone",
"name": "Limestone",
"hex": "#D8D2C4",
"rgb": [
216,
210,
196
],
"hsl": [
42,
20,
81
],
"cmyk": [
0,
3,
9,
15
],
"family": "orange",
"temperature": "warm",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.6468,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/limestone/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/limestone.json"
},
{
"slug": "machinery-gray",
"name": "Machinery Gray",
"hex": "#6C6F70",
"rgb": [
108,
111,
112
],
"hsl": [
195,
2,
43
],
"cmyk": [
4,
1,
0,
56
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.1573,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/machinery-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/machinery-gray.json"
},
{
"slug": "mocha",
"name": "Mocha",
"hex": "#967969",
"rgb": [
150,
121,
105
],
"hsl": [
21,
18,
50
],
"cmyk": [
0,
19,
30,
41
],
"family": "orange",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.2118,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/mocha/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/mocha.json"
},
{
"slug": "mushroom",
"name": "Mushroom",
"hex": "#B7A99A",
"rgb": [
183,
169,
154
],
"hsl": [
31,
17,
66
],
"cmyk": [
0,
8,
16,
28
],
"family": "orange",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.4078,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/mushroom/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/mushroom.json"
},
{
"slug": "nickel",
"name": "Nickel",
"hex": "#727472",
"rgb": [
114,
116,
114
],
"hsl": [
120,
1,
45
],
"cmyk": [
2,
0,
2,
55
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.1728,
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/nickel/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/nickel.json"
},
{
"slug": "opal",
"name": "Opal",
"hex": "#A8C3BC",
"rgb": [
168,
195,
188
],
"hsl": [
164,
18,
71
],
"cmyk": [
14,
0,
4,
24
],
"family": "green",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.5099,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/opal/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/opal.json"
},
{
"slug": "oxidized-copper",
"name": "Oxidized Copper",
"hex": "#6E7F80",
"rgb": [
110,
127,
128
],
"hsl": [
183,
8,
47
],
"cmyk": [
14,
1,
0,
50
],
"family": "cyan",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.2005,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/oxidized-copper/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/oxidized-copper.json"
},
{
"slug": "pastel-blue",
"name": "Pastel Blue",
"hex": "#AEC6CF",
"rgb": [
174,
198,
207
],
"hsl": [
196,
26,
75
],
"cmyk": [
16,
4,
0,
19
],
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.5389,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/pastel-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pastel-blue.json"
},
{
"slug": "pastel-lavender",
"name": "Pastel Lavender",
"hex": "#D8BFD8",
"rgb": [
216,
191,
216
],
"hsl": [
300,
24,
80
],
"cmyk": [
0,
12,
0,
15
],
"family": "pink",
"temperature": "warm",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.5682,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/pastel-lavender/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pastel-lavender.json"
},
{
"slug": "pastel-lilac",
"name": "Pastel Lilac",
"hex": "#BDB0D0",
"rgb": [
189,
176,
208
],
"hsl": [
264,
25,
75
],
"cmyk": [
9,
15,
0,
18
],
"family": "purple",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.4642,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/pastel-lilac/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pastel-lilac.json"
},
{
"slug": "pewter",
"name": "Pewter",
"hex": "#899499",
"rgb": [
137,
148,
153
],
"hsl": [
199,
7,
57
],
"cmyk": [
10,
3,
0,
40
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.288,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/pewter/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pewter.json"
},
{
"slug": "pine-needle",
"name": "Pine Needle",
"hex": "#334D41",
"rgb": [
51,
77,
65
],
"hsl": [
152,
20,
25
],
"cmyk": [
34,
0,
16,
70
],
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.0639,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/pine-needle/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pine-needle.json"
},
{
"slug": "primer-gray",
"name": "Primer Gray",
"hex": "#8B8C89",
"rgb": [
139,
140,
137
],
"hsl": [
80,
1,
54
],
"cmyk": [
1,
0,
2,
45
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.2605,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/primer-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/primer-gray.json"
},
{
"slug": "pumice",
"name": "Pumice",
"hex": "#BAC0B4",
"rgb": [
186,
192,
180
],
"hsl": [
90,
9,
73
],
"cmyk": [
3,
0,
6,
25
],
"family": "green",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.5143,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/pumice/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/pumice.json"
},
{
"slug": "river-stone",
"name": "River Stone",
"hex": "#7E8A8A",
"rgb": [
126,
138,
138
],
"hsl": [
180,
5,
52
],
"cmyk": [
9,
0,
0,
46
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.2445,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/river-stone/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/river-stone.json"
},
{
"slug": "sage-gray",
"name": "Sage Gray",
"hex": "#B2AC88",
"rgb": [
178,
172,
136
],
"hsl": [
51,
21,
62
],
"cmyk": [
0,
3,
24,
30
],
"family": "yellow",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.4075,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/sage-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/sage-gray.json"
},
{
"slug": "shale",
"name": "Shale",
"hex": "#59656F",
"rgb": [
89,
101,
111
],
"hsl": [
207,
11,
39
],
"cmyk": [
20,
9,
0,
56
],
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.1258,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/shale/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/shale.json"
},
{
"slug": "silver-metallic",
"name": "Silver Metallic",
"hex": "#AAA9AD",
"rgb": [
170,
169,
173
],
"hsl": [
255,
2,
67
],
"cmyk": [
2,
2,
0,
32
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.3994,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/silver-metallic/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/silver-metallic.json"
},
{
"slug": "smoke",
"name": "Smoke",
"hex": "#738276",
"rgb": [
115,
130,
118
],
"hsl": [
132,
6,
48
],
"cmyk": [
12,
0,
9,
49
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.2092,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/smoke/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/smoke.json"
},
{
"slug": "soapstone",
"name": "Soapstone",
"hex": "#8D9A91",
"rgb": [
141,
154,
145
],
"hsl": [
138,
6,
58
],
"cmyk": [
8,
0,
6,
40
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.3082,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"url": "https://www.colorsencyclopedia.com/colors/soapstone/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/soapstone.json"
},
{
"slug": "spruce",
"name": "Spruce",
"hex": "#2E4F4F",
"rgb": [
46,
79,
79
],
"hsl": [
180,
26,
25
],
"cmyk": [
42,
0,
0,
69
],
"family": "cyan",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.0674,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/spruce/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/spruce.json"
},
{
"slug": "steel-gray",
"name": "Steel Gray",
"hex": "#71797E",
"rgb": [
113,
121,
126
],
"hsl": [
203,
5,
47
],
"cmyk": [
10,
4,
0,
51
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.1869,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/steel-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/steel-gray.json"
},
{
"slug": "stone",
"name": "Stone",
"hex": "#8A817C",
"rgb": [
138,
129,
124
],
"hsl": [
21,
6,
51
],
"cmyk": [
0,
7,
10,
46
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.2256,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/stone/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/stone.json"
},
{
"slug": "storm-blue",
"name": "Storm Blue",
"hex": "#4F666A",
"rgb": [
79,
102,
106
],
"hsl": [
189,
15,
36
],
"cmyk": [
25,
4,
0,
58
],
"family": "cyan",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.1221,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/storm-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/storm-blue.json"
},
{
"slug": "thistle-purple",
"name": "Thistle Purple",
"hex": "#D8BFD8",
"rgb": [
216,
191,
216
],
"hsl": [
300,
24,
80
],
"cmyk": [
0,
12,
0,
15
],
"family": "pink",
"temperature": "warm",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.5682,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/thistle-purple/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/thistle-purple.json"
},
{
"slug": "titanium",
"name": "Titanium",
"hex": "#878681",
"rgb": [
135,
134,
129
],
"hsl": [
50,
2,
52
],
"cmyk": [
0,
1,
4,
47
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.2379,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/titanium/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/titanium.json"
},
{
"slug": "tourmaline",
"name": "Tourmaline",
"hex": "#86A1A9",
"rgb": [
134,
161,
169
],
"hsl": [
194,
17,
59
],
"cmyk": [
21,
5,
0,
34
],
"family": "cyan",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.3342,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"url": "https://www.colorsencyclopedia.com/colors/tourmaline/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/tourmaline.json"
},
{
"slug": "umber",
"name": "Umber",
"hex": "#635147",
"rgb": [
99,
81,
71
],
"hsl": [
21,
16,
33
],
"cmyk": [
0,
18,
28,
61
],
"family": "orange",
"temperature": "warm",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.0899,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF"
]
},
"url": "https://www.colorsencyclopedia.com/colors/umber/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/umber.json"
},
{
"slug": "wet-concrete",
"name": "Wet Concrete",
"hex": "#6F7378",
"rgb": [
111,
115,
120
],
"hsl": [
213,
4,
45
],
"cmyk": [
7,
4,
0,
53
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.17,
"wcag": {
"AA": [
"#FFFFFF"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/wet-concrete/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/wet-concrete.json"
},
{
"slug": "willow-green",
"name": "Willow Green",
"hex": "#A8B88F",
"rgb": [
168,
184,
143
],
"hsl": [
83,
22,
64
],
"cmyk": [
9,
0,
22,
28
],
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 84,
"luminance": 0.4459,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/willow-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/willow-green.json"
},
{
"slug": "zinc",
"name": "Zinc",
"hex": "#7D7F7C",
"rgb": [
125,
127,
124
],
"hsl": [
100,
1,
49
],
"cmyk": [
2,
0,
2,
50
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 84,
"luminance": 0.2099,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/zinc/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/zinc.json"
},
{
"slug": "gray",
"name": "Gray",
"hex": "#808080",
"rgb": [
128,
128,
128
],
"hsl": [
0,
0,
50
],
"cmyk": [
0,
0,
0,
50
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 82,
"luminance": 0.2159,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/gray.json"
},
{
"slug": "olive-green",
"name": "Olive Green",
"hex": "#708238",
"rgb": [
112,
130,
56
],
"hsl": [
75,
40,
36
],
"cmyk": [
14,
0,
57,
49
],
"family": "green",
"temperature": "warm",
"tone": [
"earth-tone",
"muted"
],
"popularity": 73,
"luminance": 0.197,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/olive-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/olive-green.json"
},
{
"slug": "cadet-blue",
"name": "Cadet Blue",
"hex": "#5F9EA0",
"rgb": [
95,
158,
160
],
"hsl": [
182,
25,
50
],
"cmyk": [
41,
1,
0,
37
],
"family": "cyan",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.2942,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/cadet-blue/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/cadet-blue.json"
},
{
"slug": "dark-gray",
"name": "Dark Gray",
"hex": "#A9A9A9",
"rgb": [
169,
169,
169
],
"hsl": [
0,
0,
66
],
"cmyk": [
0,
0,
0,
34
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.3968,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/dark-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-gray.json"
},
{
"slug": "dark-grey",
"name": "Dark Grey",
"hex": "#A9A9A9",
"rgb": [
169,
169,
169
],
"hsl": [
0,
0,
66
],
"cmyk": [
0,
0,
0,
34
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.3968,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/dark-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-grey.json"
},
{
"slug": "dark-sea-green",
"name": "Dark Sea Green",
"hex": "#8FBC8F",
"rgb": [
143,
188,
143
],
"hsl": [
120,
25,
65
],
"cmyk": [
24,
0,
24,
26
],
"family": "green",
"temperature": "cool",
"tone": [
"muted",
"earth-tone"
],
"popularity": 67,
"luminance": 0.4379,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/dark-sea-green/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-sea-green.json"
},
{
"slug": "dark-slate-gray",
"name": "Dark Slate Gray",
"hex": "#2F4F4F",
"rgb": [
47,
79,
79
],
"hsl": [
180,
25,
25
],
"cmyk": [
41,
0,
0,
69
],
"family": "cyan",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.0676,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/dark-slate-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-slate-gray.json"
},
{
"slug": "dark-slate-grey",
"name": "Dark Slate Grey",
"hex": "#2F4F4F",
"rgb": [
47,
79,
79
],
"hsl": [
180,
25,
25
],
"cmyk": [
41,
0,
0,
69
],
"family": "cyan",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.0676,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"url": "https://www.colorsencyclopedia.com/colors/dark-slate-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dark-slate-grey.json"
},
{
"slug": "dim-gray",
"name": "Dim Gray",
"hex": "#696969",
"rgb": [
105,
105,
105
],
"hsl": [
0,
0,
41
],
"cmyk": [
0,
0,
0,
59
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.1413,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/dim-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dim-gray.json"
},
{
"slug": "dim-grey",
"name": "Dim Grey",
"hex": "#696969",
"rgb": [
105,
105,
105
],
"hsl": [
0,
0,
41
],
"cmyk": [
0,
0,
0,
59
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.1413,
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/dim-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/dim-grey.json"
},
{
"slug": "grey",
"name": "Grey",
"hex": "#808080",
"rgb": [
128,
128,
128
],
"hsl": [
0,
0,
50
],
"cmyk": [
0,
0,
0,
50
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.2159,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/grey.json"
},
{
"slug": "light-gray",
"name": "Light Gray",
"hex": "#D3D3D3",
"rgb": [
211,
211,
211
],
"hsl": [
0,
0,
83
],
"cmyk": [
0,
0,
0,
17
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.6514,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/light-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-gray.json"
},
{
"slug": "light-grey",
"name": "Light Grey",
"hex": "#D3D3D3",
"rgb": [
211,
211,
211
],
"hsl": [
0,
0,
83
],
"cmyk": [
0,
0,
0,
17
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.6514,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/light-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-grey.json"
},
{
"slug": "light-slate-gray",
"name": "Light Slate Gray",
"hex": "#778899",
"rgb": [
119,
136,
153
],
"hsl": [
210,
14,
53
],
"cmyk": [
22,
11,
0,
40
],
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.2383,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/light-slate-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-slate-gray.json"
},
{
"slug": "light-slate-grey",
"name": "Light Slate Grey",
"hex": "#778899",
"rgb": [
119,
136,
153
],
"hsl": [
210,
14,
53
],
"cmyk": [
22,
11,
0,
40
],
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.2383,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/light-slate-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/light-slate-grey.json"
},
{
"slug": "rosy-brown",
"name": "Rosy Brown",
"hex": "#BC8F8F",
"rgb": [
188,
143,
143
],
"hsl": [
0,
25,
65
],
"cmyk": [
0,
24,
24,
26
],
"family": "red",
"temperature": "warm",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.3232,
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": [
"#000000"
]
},
"url": "https://www.colorsencyclopedia.com/colors/rosy-brown/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/rosy-brown.json"
},
{
"slug": "silver",
"name": "Silver",
"hex": "#C0C0C0",
"rgb": [
192,
192,
192
],
"hsl": [
0,
0,
75
],
"cmyk": [
0,
0,
0,
25
],
"family": "gray",
"temperature": "neutral",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.5271,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/silver/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/silver.json"
},
{
"slug": "slate-gray",
"name": "Slate Gray",
"hex": "#708090",
"rgb": [
112,
128,
144
],
"hsl": [
210,
13,
50
],
"cmyk": [
22,
11,
0,
44
],
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.209,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/slate-gray/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/slate-gray.json"
},
{
"slug": "slate-grey",
"name": "Slate Grey",
"hex": "#708090",
"rgb": [
112,
128,
144
],
"hsl": [
210,
13,
50
],
"cmyk": [
22,
11,
0,
44
],
"family": "blue",
"temperature": "cool",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.209,
"wcag": {
"AA": [
"#000000"
],
"AAA": []
},
"url": "https://www.colorsencyclopedia.com/colors/slate-grey/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/slate-grey.json"
},
{
"slug": "thistle",
"name": "Thistle",
"hex": "#D8BFD8",
"rgb": [
216,
191,
216
],
"hsl": [
300,
24,
80
],
"cmyk": [
0,
12,
0,
15
],
"family": "pink",
"temperature": "warm",
"tone": [
"muted"
],
"popularity": 67,
"luminance": 0.5682,
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"url": "https://www.colorsencyclopedia.com/colors/thistle/",
"apiUrl": "https://www.colorsencyclopedia.com/api/colors/thistle.json"
}
]
}Browse Muted by Family
Open a family group to narrow this tone without scanning every swatch at once.
Muted Gray Colors30 colors
Muted gray colors combine muted visual character with the gray family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Warm Graygray · popularity 88
#8A8378
Aluminumgray · popularity 84
#D9DAD9
Asphalt Graygray · popularity 84
#4B4B4B
Basaltgray · popularity 84
#4B4C4C
Chromegray · popularity 84
#D5D5D5
Galvanized Steelgray · popularity 84
#A9B0B4
Granitegray · popularity 84
#676767
Irongray · popularity 84
#48494B
Machinery Graygray · popularity 84
#6C6F70
Nickelgray · popularity 84
#727472
Pewtergray · popularity 84
#899499
Primer Graygray · popularity 84
#8B8C89
River Stonegray · popularity 84
#7E8A8A
Silver Metallicgray · popularity 84
#AAA9AD
Smokegray · popularity 84
#738276
Soapstonegray · popularity 84
#8D9A91
Steel Graygray · popularity 84
#71797E
Stonegray · popularity 84
#8A817C
Titaniumgray · popularity 84
#878681
Wet Concretegray · popularity 84
#6F7378
Zincgray · popularity 84
#7D7F7C
Graygray · popularity 82
#808080
Dark Graygray · popularity 67
#A9A9A9
Dark Greygray · popularity 67
#A9A9A9
Dim Graygray · popularity 67
#696969
Dim Greygray · popularity 67
#696969
Greygray · popularity 67
#808080
Light Graygray · popularity 67
#D3D3D3
Light Greygray · popularity 67
#D3D3D3
Silvergray · popularity 67
#C0C0C0
Muted Green Colors17 colors
Muted green colors combine muted visual character with the green family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Moss Greengreen · popularity 88
#8A9A5B
Sage Greengreen · popularity 88
#9CAF88
Agavegreen · popularity 84
#6F8F72
Ash Graygreen · popularity 84
#B2BEB5
Cactus Greengreen · popularity 84
#587156
Epoxy Greengreen · popularity 84
#4E8A57
Eucalyptusgreen · popularity 84
#5F8575
Hookers Greengreen · popularity 84
#49796B
Hunter Greengreen · popularity 84
#355E3B
Laurel Greengreen · popularity 84
#A9BA9D
Lichengreen · popularity 84
#9BC4A2
Opalgreen · popularity 84
#A8C3BC
Pine Needlegreen · popularity 84
#334D41
Pumicegreen · popularity 84
#BAC0B4
Willow Greengreen · popularity 84
#A8B88F
Olive Greengreen · popularity 73
#708238
Dark Sea Greengreen · popularity 67
#8FBC8F
Muted Blue Colors10 colors
Muted blue colors combine muted visual character with the blue family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Cool Grayblue · popularity 88
#8C92AC
Aegean Blueblue · popularity 84
#4E6E81
Cadet Grayblue · popularity 84
#91A3B0
Labradoriteblue · popularity 84
#607D8B
Pastel Blueblue · popularity 84
#AEC6CF
Shaleblue · popularity 84
#59656F
Light Slate Grayblue · popularity 67
#778899
Light Slate Greyblue · popularity 67
#778899
Slate Grayblue · popularity 67
#708090
Slate Greyblue · popularity 67
#708090
Muted Cyan Colors7 colors
Muted cyan colors combine muted visual character with the cyan family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Muted Orange Colors7 colors
Muted orange colors combine muted visual character with the orange family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Muted Pink Colors5 colors
Muted pink colors combine muted visual character with the pink family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Muted Purple Colors2 colors
Muted purple colors combine muted visual character with the purple family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Muted Yellow Colors2 colors
Muted yellow colors combine muted visual character with the yellow family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Muted Red Colors1 colors
Muted red colors combine muted visual character with the red family, making them useful for palettes, UI surfaces, brand accents, and color lookup.
Muted Color Index
This tone group contains 81 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.