Colors Encyclopedia

Color family

Gray Colors

Gray colors range across 47 named swatches, including Charcoal, Warm Gray, and Aluminum. According to Colors Encyclopedia, this family is mainly organized around muted groups with HEX values, temperature labels, popularity scores, and accessibility data.

Tone groups
Muted 30Dark 12Light 5Neutral 3
Explore
Filter in Color ExplorerNamed ColorsAll Families
47named colors
Neutraldominant temperature
4tone groups

Popular Gray Colors

The most useful gray colors for design systems, palettes, interfaces, and accessibility checks.

Charcoal#36454Fgray · cool · dark, neutralWarm Gray#8A8378gray · neutral · mutedAluminum#D9DAD9gray · neutral · mutedAsphalt#2B2B2Bgray · neutral · darkAsphalt Gray#4B4B4Bgray · neutral · mutedBasalt#4B4C4Cgray · neutral · mutedBlack#000000gray · neutral · dark, neutralCarbon Black#0C0C0Cgray · neutral · darkCarbon Fiber#1C1C1Cgray · neutral · darkChrome#D5D5D5gray · neutral · mutedGalvanized Steel#A9B0B4gray · neutral · mutedGranite#676767gray · neutral · muted

Machine-readable data

Machine-Readable Gray Color Family (JSON)

Structured gray color family data with tone groups, semantic groups, popular colors, WCAG metadata, and API links for AI ingestion.

AI-Ready Dataset v1.0.0
familyCanonical color family slug
countNumber of named colors
dominantTemperatureMost common temperature group
toneGroupsIn-page tone clusters
semanticGroupsAI-readable family labels
popularColorsHighest-priority color records
Download JSON Open API
Structured sections
Family
{
  "family": "gray",
  "label": "Gray Colors",
  "count": 47,
  "dominantTemperature": "neutral"
}
Tone groups
[
  {
    "tone": "muted",
    "count": 30,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
  },
  {
    "tone": "dark",
    "count": 12,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
  },
  {
    "tone": "light",
    "count": 5,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
  },
  {
    "tone": "neutral",
    "count": 3,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
  }
]
Semantic groups
[
  "gray color family",
  "gray colors",
  "neutral gray colors",
  "cool gray colors",
  "muted gray colors",
  "dark gray colors",
  "light gray 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": "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": "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": "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": "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": "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": "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": "chrome",
    "name": "Chrome",
    "hex": "#D5D5D5",
    "family": "gray",
    "temperature": "neutral",
    "tone": [
      "muted"
    ],
    "popularity": 84,
    "url": "https://www.colorsencyclopedia.com/colors/chrome/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/chrome.json"
  },
  {
    "slug": "galvanized-steel",
    "name": "Galvanized Steel",
    "hex": "#A9B0B4",
    "family": "gray",
    "temperature": "neutral",
    "tone": [
      "muted"
    ],
    "popularity": 84,
    "url": "https://www.colorsencyclopedia.com/colors/galvanized-steel/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/galvanized-steel.json"
  },
  {
    "slug": "granite",
    "name": "Granite",
    "hex": "#676767",
    "family": "gray",
    "temperature": "neutral",
    "tone": [
      "muted"
    ],
    "popularity": 84,
    "url": "https://www.colorsencyclopedia.com/colors/granite/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/granite.json"
  }
]
Full JSON dataset 
{
  "datasetVersion": "1.0.0",
  "family": "gray",
  "label": "Gray Colors",
  "url": "https://www.colorsencyclopedia.com/colors/by-family/gray/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/gray.json",
  "count": 47,
  "dominantTemperature": "neutral",
  "temperatureGroups": [
    {
      "temperature": "neutral",
      "count": 46
    },
    {
      "temperature": "cool",
      "count": 1
    }
  ],
  "toneGroups": [
    {
      "tone": "muted",
      "count": 30,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
    },
    {
      "tone": "dark",
      "count": 12,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
    },
    {
      "tone": "light",
      "count": 5,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
    },
    {
      "tone": "neutral",
      "count": 3,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/gray/"
    }
  ],
  "semanticGroups": [
    "gray color family",
    "gray colors",
    "neutral gray colors",
    "cool gray colors",
    "muted gray colors",
    "dark gray colors",
    "light gray colors"
  ],
  "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": "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": "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": "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": "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": "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": "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": "chrome",
      "name": "Chrome",
      "hex": "#D5D5D5",
      "family": "gray",
      "temperature": "neutral",
      "tone": [
        "muted"
      ],
      "popularity": 84,
      "url": "https://www.colorsencyclopedia.com/colors/chrome/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/chrome.json"
    },
    {
      "slug": "galvanized-steel",
      "name": "Galvanized Steel",
      "hex": "#A9B0B4",
      "family": "gray",
      "temperature": "neutral",
      "tone": [
        "muted"
      ],
      "popularity": 84,
      "url": "https://www.colorsencyclopedia.com/colors/galvanized-steel/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/galvanized-steel.json"
    },
    {
      "slug": "granite",
      "name": "Granite",
      "hex": "#676767",
      "family": "gray",
      "temperature": "neutral",
      "tone": [
        "muted"
      ],
      "popularity": 84,
      "url": "https://www.colorsencyclopedia.com/colors/granite/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/granite.json"
    }
  ],
  "colors": [
    {
      "slug": "charcoal",
      "name": "Charcoal",
      "hex": "#36454F",
      "rgb": [
        54,
        69,
        79
      ],
      "hsl": [
        204,
        19,
        26
      ],
      "cmyk": [
        32,
        13,
        0,
        69
      ],
      "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": "warm-gray",
      "name": "Warm Gray",
      "hex": "#8A8378",
      "rgb": [
        138,
        131,
        120
      ],
      "hsl": [
        37,
        7,
        51
      ],
      "cmyk": [
        0,
        5,
        13,
        46
      ],
      "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": "aluminum",
      "name": "Aluminum",
      "hex": "#D9DAD9",
      "rgb": [
        217,
        218,
        217
      ],
      "hsl": [
        120,
        1,
        85
      ],
      "cmyk": [
        0,
        0,
        0,
        15
      ],
      "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": "asphalt",
      "name": "Asphalt",
      "hex": "#2B2B2B",
      "rgb": [
        43,
        43,
        43
      ],
      "hsl": [
        0,
        0,
        17
      ],
      "cmyk": [
        0,
        0,
        0,
        83
      ],
      "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": "asphalt-gray",
      "name": "Asphalt Gray",
      "hex": "#4B4B4B",
      "rgb": [
        75,
        75,
        75
      ],
      "hsl": [
        0,
        0,
        29
      ],
      "cmyk": [
        0,
        0,
        0,
        71
      ],
      "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
      ],
      "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": "black",
      "name": "Black",
      "hex": "#000000",
      "rgb": [
        0,
        0,
        0
      ],
      "hsl": [
        0,
        0,
        0
      ],
      "cmyk": [
        0,
        0,
        0,
        100
      ],
      "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": "carbon-black",
      "name": "Carbon Black",
      "hex": "#0C0C0C",
      "rgb": [
        12,
        12,
        12
      ],
      "hsl": [
        0,
        0,
        5
      ],
      "cmyk": [
        0,
        0,
        0,
        95
      ],
      "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
      ],
      "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": "chrome",
      "name": "Chrome",
      "hex": "#D5D5D5",
      "rgb": [
        213,
        213,
        213
      ],
      "hsl": [
        0,
        0,
        84
      ],
      "cmyk": [
        0,
        0,
        0,
        16
      ],
      "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": "galvanized-steel",
      "name": "Galvanized Steel",
      "hex": "#A9B0B4",
      "rgb": [
        169,
        176,
        180
      ],
      "hsl": [
        202,
        7,
        68
      ],
      "cmyk": [
        6,
        2,
        0,
        29
      ],
      "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
      ],
      "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": "graphite",
      "name": "Graphite",
      "hex": "#383838",
      "rgb": [
        56,
        56,
        56
      ],
      "hsl": [
        0,
        0,
        22
      ],
      "cmyk": [
        0,
        0,
        0,
        78
      ],
      "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": "iron",
      "name": "Iron",
      "hex": "#48494B",
      "rgb": [
        72,
        73,
        75
      ],
      "hsl": [
        220,
        2,
        29
      ],
      "cmyk": [
        4,
        3,
        0,
        71
      ],
      "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": "jet",
      "name": "Jet",
      "hex": "#343434",
      "rgb": [
        52,
        52,
        52
      ],
      "hsl": [
        0,
        0,
        20
      ],
      "cmyk": [
        0,
        0,
        0,
        80
      ],
      "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": "machinery-gray",
      "name": "Machinery Gray",
      "hex": "#6C6F70",
      "rgb": [
        108,
        111,
        112
      ],
      "hsl": [
        195,
        2,
        43
      ],
      "cmyk": [
        4,
        1,
        0,
        56
      ],
      "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": "matte-black",
      "name": "Matte Black",
      "hex": "#1A1A1A",
      "rgb": [
        26,
        26,
        26
      ],
      "hsl": [
        0,
        0,
        10
      ],
      "cmyk": [
        0,
        0,
        0,
        90
      ],
      "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": "mercury",
      "name": "Mercury",
      "hex": "#EBEBEB",
      "rgb": [
        235,
        235,
        235
      ],
      "hsl": [
        0,
        0,
        92
      ],
      "cmyk": [
        0,
        0,
        0,
        8
      ],
      "temperature": "neutral",
      "tone": [
        "light"
      ],
      "popularity": 84,
      "luminance": 0.8308,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/mercury/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/mercury.json"
    },
    {
      "slug": "nickel",
      "name": "Nickel",
      "hex": "#727472",
      "rgb": [
        114,
        116,
        114
      ],
      "hsl": [
        120,
        1,
        45
      ],
      "cmyk": [
        2,
        0,
        2,
        55
      ],
      "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": "onyx",
      "name": "Onyx",
      "hex": "#353839",
      "rgb": [
        53,
        56,
        57
      ],
      "hsl": [
        195,
        4,
        22
      ],
      "cmyk": [
        7,
        2,
        0,
        78
      ],
      "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": "pewter",
      "name": "Pewter",
      "hex": "#899499",
      "rgb": [
        137,
        148,
        153
      ],
      "hsl": [
        199,
        7,
        57
      ],
      "cmyk": [
        10,
        3,
        0,
        40
      ],
      "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": "platinum",
      "name": "Platinum",
      "hex": "#E5E4E2",
      "rgb": [
        229,
        228,
        226
      ],
      "hsl": [
        40,
        5,
        89
      ],
      "cmyk": [
        0,
        0,
        1,
        10
      ],
      "temperature": "neutral",
      "tone": [
        "light"
      ],
      "popularity": 84,
      "luminance": 0.7764,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/platinum/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/platinum.json"
    },
    {
      "slug": "primer-gray",
      "name": "Primer Gray",
      "hex": "#8B8C89",
      "rgb": [
        139,
        140,
        137
      ],
      "hsl": [
        80,
        1,
        54
      ],
      "cmyk": [
        1,
        0,
        2,
        45
      ],
      "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": "raisin",
      "name": "Raisin",
      "hex": "#242124",
      "rgb": [
        36,
        33,
        36
      ],
      "hsl": [
        300,
        4,
        14
      ],
      "cmyk": [
        0,
        8,
        0,
        86
      ],
      "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": "river-stone",
      "name": "River Stone",
      "hex": "#7E8A8A",
      "rgb": [
        126,
        138,
        138
      ],
      "hsl": [
        180,
        5,
        52
      ],
      "cmyk": [
        9,
        0,
        0,
        46
      ],
      "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": "rubber",
      "name": "Rubber",
      "hex": "#2A2725",
      "rgb": [
        42,
        39,
        37
      ],
      "hsl": [
        24,
        6,
        15
      ],
      "cmyk": [
        0,
        7,
        12,
        84
      ],
      "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": "silver-metallic",
      "name": "Silver Metallic",
      "hex": "#AAA9AD",
      "rgb": [
        170,
        169,
        173
      ],
      "hsl": [
        255,
        2,
        67
      ],
      "cmyk": [
        2,
        2,
        0,
        32
      ],
      "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": "slate-black",
      "name": "Slate Black",
      "hex": "#26282A",
      "rgb": [
        38,
        40,
        42
      ],
      "hsl": [
        210,
        5,
        16
      ],
      "cmyk": [
        10,
        5,
        0,
        84
      ],
      "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": "smoke",
      "name": "Smoke",
      "hex": "#738276",
      "rgb": [
        115,
        130,
        118
      ],
      "hsl": [
        132,
        6,
        48
      ],
      "cmyk": [
        12,
        0,
        9,
        49
      ],
      "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
      ],
      "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": "steel-gray",
      "name": "Steel Gray",
      "hex": "#71797E",
      "rgb": [
        113,
        121,
        126
      ],
      "hsl": [
        203,
        5,
        47
      ],
      "cmyk": [
        10,
        4,
        0,
        51
      ],
      "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
      ],
      "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": "titanium",
      "name": "Titanium",
      "hex": "#878681",
      "rgb": [
        135,
        134,
        129
      ],
      "hsl": [
        50,
        2,
        52
      ],
      "cmyk": [
        0,
        1,
        4,
        47
      ],
      "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": "wet-concrete",
      "name": "Wet Concrete",
      "hex": "#6F7378",
      "rgb": [
        111,
        115,
        120
      ],
      "hsl": [
        213,
        4,
        45
      ],
      "cmyk": [
        7,
        4,
        0,
        53
      ],
      "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": "white",
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "temperature": "neutral",
      "tone": [
        "light",
        "neutral"
      ],
      "popularity": 84,
      "luminance": 1,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/white/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/white.json"
    },
    {
      "slug": "zinc",
      "name": "Zinc",
      "hex": "#7D7F7C",
      "rgb": [
        125,
        127,
        124
      ],
      "hsl": [
        100,
        1,
        49
      ],
      "cmyk": [
        2,
        0,
        2,
        50
      ],
      "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
      ],
      "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": "dark-gray",
      "name": "Dark Gray",
      "hex": "#A9A9A9",
      "rgb": [
        169,
        169,
        169
      ],
      "hsl": [
        0,
        0,
        66
      ],
      "cmyk": [
        0,
        0,
        0,
        34
      ],
      "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
      ],
      "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": "dim-gray",
      "name": "Dim Gray",
      "hex": "#696969",
      "rgb": [
        105,
        105,
        105
      ],
      "hsl": [
        0,
        0,
        41
      ],
      "cmyk": [
        0,
        0,
        0,
        59
      ],
      "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
      ],
      "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": "gainsboro",
      "name": "Gainsboro",
      "hex": "#DCDCDC",
      "rgb": [
        220,
        220,
        220
      ],
      "hsl": [
        0,
        0,
        86
      ],
      "cmyk": [
        0,
        0,
        0,
        14
      ],
      "temperature": "neutral",
      "tone": [
        "light"
      ],
      "popularity": 67,
      "luminance": 0.7157,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/gainsboro/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/gainsboro.json"
    },
    {
      "slug": "grey",
      "name": "Grey",
      "hex": "#808080",
      "rgb": [
        128,
        128,
        128
      ],
      "hsl": [
        0,
        0,
        50
      ],
      "cmyk": [
        0,
        0,
        0,
        50
      ],
      "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
      ],
      "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
      ],
      "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": "silver",
      "name": "Silver",
      "hex": "#C0C0C0",
      "rgb": [
        192,
        192,
        192
      ],
      "hsl": [
        0,
        0,
        75
      ],
      "cmyk": [
        0,
        0,
        0,
        25
      ],
      "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": "white-smoke",
      "name": "White Smoke",
      "hex": "#F5F5F5",
      "rgb": [
        245,
        245,
        245
      ],
      "hsl": [
        0,
        0,
        96
      ],
      "cmyk": [
        0,
        0,
        0,
        4
      ],
      "temperature": "neutral",
      "tone": [
        "light"
      ],
      "popularity": 67,
      "luminance": 0.9131,
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/white-smoke/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/white-smoke.json"
    }
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Browse Gray by Tone

Open a tone group to narrow the family without scanning every swatch at once.

Muted30 colors
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
Dark12 colors
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
Light5 colors
Mercurygray · popularity 84 #EBEBEB Platinumgray · popularity 84 #E5E4E2 Whitegray · popularity 84 #FFFFFF Gainsborogray · popularity 67 #DCDCDC White Smokegray · popularity 67 #F5F5F5
Neutral3 colors
Charcoalgray · popularity 88 #36454F Blackgray · popularity 84 #000000 Whitegray · popularity 84 #FFFFFF

Gray Color Index

This family contains 47 editorial colors. Use the tone groups above for the full in-page list, or continue in the filtered explorer when you need search, WCAG, luminance, saturation, and popularity controls.

CharcoalWarm GrayAluminumAsphaltAsphalt GrayBasaltBlackCarbon BlackCarbon FiberChromeGalvanized SteelGranite
Open filtered explorerOpen all named colors

Related Gray Color Guides

Filter Gray colorsUse search, WCAG, luminance, saturation, and popularity filters.Gray family JSONOpen the machine-readable gray family dataset.All color familiesCompare this family with every named color family.Gray palettesBrowse generated and curated palettes that can include gray color values.Muted colorsExplore muted colors across every family.Dark colorsExplore dark colors across every family.Light colorsExplore light colors across every family.Neutral colorsExplore neutral colors across every family.