Colors Encyclopedia

Human color navigation

Color Families Hub

Color Families Hub organizes 500 named colors by family, temperature, and tone so users can browse colors by intent instead of memorizing HEX values. According to Colors Encyclopedia, the hub connects 9 color families, 3 temperature groups, and 11 tone groups to filtered indexes and the color explorer.

Use this hub when the query starts with human color language such as blue colors, warm colors, pastel colors, earth tones, or muted UI colors. Each group links to filtered color records, JSON endpoints, palettes, comparisons, and accessibility context.

Sections
FamiliesJSONTemperatureTone
Explore
Open Color ExplorerNamed Colors IndexHEX Atlas
9color families
500editorial colors
Orangelargest family, 93 colors

Browse by Color Family

Start here for natural hue groupings such as blue, green, yellow, pink, red, neutral, and more. Family pages are the clearest human path into the color graph.

Orange93 colorsEarth Tone, Muted, PastelBlue71 colorsJewel Tone, Muted, VibrantGreen68 colorsEarth Tone, Muted, Jewel ToneYellow62 colorsVibrant, Light, Earth ToneRed61 colorsVibrant, Light, BalancedGray47 colorsDark, Neutral, MutedPink39 colorsDark, Muted, PastelCyan35 colorsPastel, Light, MutedPurple24 colorsJewel Tone, Vibrant, Muted

Machine-readable data

Machine-Readable Color Families Hub (JSON)

Structured color taxonomy data with family groups, temperature groups, tone groups, semantic labels, sample colors, and API endpoints for AI ingestion.

AI-Ready Dataset v1.0.0
hubCanonical color families hub identifier
familyGroupsFamily clusters with counts, samples, tone groups, and API links
temperatureGroupsWarm, cool, and neutral navigation groups
toneGroupsCross-family tone groups such as pastel, muted, vibrant, dark, and light
semanticGroupsAI-readable color taxonomy labels
relatedEndpointsMachine-readable API and manifest links
Download JSON Open API
Structured sections
Hub counts
{
  "count": 500,
  "familyCount": 9,
  "temperatureCount": 3,
  "toneCount": 11
}
Family groups
[
  {
    "family": "orange",
    "label": "Orange",
    "count": 93,
    "dominantTemperature": "warm",
    "toneGroups": [
      {
        "tone": "earth-tone",
        "label": "Earth Tone",
        "count": 32
      },
      {
        "tone": "vibrant",
        "label": "Vibrant",
        "count": 28
      },
      {
        "tone": "pastel",
        "label": "Pastel",
        "count": 16
      },
      {
        "tone": "light",
        "label": "Light",
        "count": 14
      },
      {
        "tone": "balanced",
        "label": "Balanced",
        "count": 12
      },
      {
        "tone": "muted",
        "label": "Muted",
        "count": 7
      },
      {
        "tone": "dark",
        "label": "Dark",
        "count": 3
      },
      {
        "tone": "bright",
        "label": "Bright",
        "count": 1
      }
    ],
    "sampleColors": [
      {
        "slug": "raw-sienna",
        "name": "Raw Sienna",
        "hex": "#D68A59",
        "url": "https://www.colorsencyclopedia.com/colors/raw-sienna/"
      },
      {
        "slug": "terracotta",
        "name": "Terracotta",
        "hex": "#E2725B",
        "url": "https://www.colorsencyclopedia.com/colors/terracotta/"
      },
      {
        "slug": "adobe",
        "name": "Adobe",
        "hex": "#BD6C48",
        "url": "https://www.colorsencyclopedia.com/colors/adobe/"
      },
      {
        "slug": "antique-gold",
        "name": "Antique Gold",
        "hex": "#B08D57",
        "url": "https://www.colorsencyclopedia.com/colors/antique-gold/"
      },
      {
        "slug": "apricot",
        "name": "Apricot",
        "hex": "#FBCEB1",
        "url": "https://www.colorsencyclopedia.com/colors/apricot/"
      },
      {
        "slug": "bark",
        "name": "Bark",
        "hex": "#5B3A29",
        "url": "https://www.colorsencyclopedia.com/colors/bark/"
      },
      {
        "slug": "bronze",
        "name": "Bronze",
        "hex": "#CD7F32",
        "url": "https://www.colorsencyclopedia.com/colors/bronze/"
      },
      {
        "slug": "burnt-orange",
        "name": "Burnt Orange",
        "hex": "#CC5500",
        "url": "https://www.colorsencyclopedia.com/colors/burnt-orange/"
      }
    ],
    "url": "https://www.colorsencyclopedia.com/colors/by-family/orange/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/orange.json"
  },
  {
    "family": "blue",
    "label": "Blue",
    "count": 71,
    "dominantTemperature": "cool",
    "toneGroups": [
      {
        "tone": "jewel-tone",
        "label": "Jewel Tone",
        "count": 24
      },
      {
        "tone": "vibrant",
        "label": "Vibrant",
        "count": 17
      },
      {
        "tone": "balanced",
        "label": "Balanced",
        "count": 14
      },
      {
        "tone": "light",
        "label": "Light",
        "count": 10
      },
      {
        "tone": "muted",
        "label": "Muted",
        "count": 10
      },
      {
        "tone": "pastel",
        "label": "Pastel",
        "count": 8
      },
      {
        "tone": "dark",
        "label": "Dark",
        "count": 7
      },
      {
        "tone": "classic",
        "label": "Classic",
        "count": 1
      }
    ],
    "sampleColors": [
      {
        "slug": "cobalt-blue",
        "name": "Cobalt Blue",
        "hex": "#0047AB",
        "url": "https://www.colorsencyclopedia.com/colors/cobalt-blue/"
      },
      {
        "slug": "cool-gray",
        "name": "Cool Gray",
        "hex": "#8C92AC",
        "url": "https://www.colorsencyclopedia.com/colors/cool-gray/"
      },
      {
        "slug": "aegean-blue",
        "name": "Aegean Blue",
        "hex": "#4E6E81",
        "url": "https://www.colorsencyclopedia.com/colors/aegean-blue/"
      },
      {
        "slug": "anodized-blue",
        "name": "Anodized Blue",
        "hex": "#0066CC",
        "url": "https://www.colorsencyclopedia.com/colors/anodized-blue/"
      },
      {
        "slug": "arctic-blue",
        "name": "Arctic Blue",
        "hex": "#C6E6FB",
        "url": "https://www.colorsencyclopedia.com/colors/arctic-blue/"
      },
      {
        "slug": "baby-blue",
        "name": "Baby Blue",
        "hex": "#89CFF0",
        "url": "https://www.colorsencyclopedia.com/colors/baby-blue/"
      },
      {
        "slug": "cadet-gray",
        "name": "Cadet Gray",
        "hex": "#91A3B0",
        "url": "https://www.colorsencyclopedia.com/colors/cadet-gray/"
      },
      {
        "slug": "cerulean",
        "name": "Cerulean",
        "hex": "#007BA7",
        "url": "https://www.colorsencyclopedia.com/colors/cerulean/"
      }
    ],
    "url": "https://www.colorsencyclopedia.com/colors/by-family/blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/blue.json"
  },
  {
    "family": "green",
    "label": "Green",
    "count": 68,
    "dominantTemperature": "cool",
    "toneGroups": [
      {
        "tone": "earth-tone",
        "label": "Earth Tone",
        "count": 31
      },
      {
        "tone": "jewel-tone",
        "label": "Jewel Tone",
        "count": 18
      },
      {
        "tone": "muted",
        "label": "Muted",
        "count": 17
      },
      {
        "tone": "vibrant",
        "label": "Vibrant",
        "count": 11
      },
      {
        "tone": "pastel",
        "label": "Pastel",
        "count": 8
      },
      {
        "tone": "dark",
        "label": "Dark",
        "count": 5
      },
      {
        "tone": "light",
        "label": "Light",
        "count": 4
      },
      {
        "tone": "balanced",
        "label": "Balanced",
        "count": 3
      }
    ],
    "sampleColors": [
      {
        "slug": "fern-green",
        "name": "Fern Green",
        "hex": "#4F7942",
        "url": "https://www.colorsencyclopedia.com/colors/fern-green/"
      },
      {
        "slug": "moss-green",
        "name": "Moss Green",
        "hex": "#8A9A5B",
        "url": "https://www.colorsencyclopedia.com/colors/moss-green/"
      },
      {
        "slug": "sage-green",
        "name": "Sage Green",
        "hex": "#9CAF88",
        "url": "https://www.colorsencyclopedia.com/colors/sage-green/"
      },
      {
        "slug": "agave",
        "name": "Agave",
        "hex": "#6F8F72",
        "url": "https://www.colorsencyclopedia.com/colors/agave/"
      },
      {
        "slug": "alexandrite",
        "name": "Alexandrite",
        "hex": "#3D8B74",
        "url": "https://www.colorsencyclopedia.com/colors/alexandrite/"
      },
      {
        "slug": "ash-gray",
        "name": "Ash Gray",
        "hex": "#B2BEB5",
        "url": "https://www.colorsencyclopedia.com/colors/ash-gray/"
      },
      {
        "slug": "avocado",
        "name": "Avocado",
        "hex": "#568203",
        "url": "https://www.colorsencyclopedia.com/colors/avocado/"
      },
      {
        "slug": "bottle-green",
        "name": "Bottle Green",
        "hex": "#006A4E",
        "url": "https://www.colorsencyclopedia.com/colors/bottle-green/"
      }
    ],
    "url": "https://www.colorsencyclopedia.com/colors/by-family/green/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/green.json"
  },
  {
    "family": "yellow",
    "label": "Yellow",
    "count": 62,
    "dominantTemperature": "warm",
    "toneGroups": [
      {
        "tone": "vibrant",
        "label": "Vibrant",
        "count": 29
      },
      {
        "tone": "light",
        "label": "Light",
        "count": 16
      },
      {
        "tone": "earth-tone",
        "label": "Earth Tone",
        "count": 9
      },
      {
        "tone": "pastel",
        "label": "Pastel",
        "count": 9
      },
      {
        "tone": "balanced",
        "label": "Balanced",
        "count": 4
      },
      {
        "tone": "muted",
        "label": "Muted",
        "count": 2
      },
      {
        "tone": "neutral",
        "label": "Neutral",
        "count": 2
      }
    ],
    "sampleColors": [
      {
        "slug": "acid-green",
        "name": "Acid Green",
        "hex": "#B0BF1A",
        "url": "https://www.colorsencyclopedia.com/colors/acid-green/"
      },
      {
        "slug": "alabaster",
        "name": "Alabaster",
        "hex": "#EDEAE0",
        "url": "https://www.colorsencyclopedia.com/colors/alabaster/"
      },
      {
        "slug": "amber",
        "name": "Amber",
        "hex": "#FFBF00",
        "url": "https://www.colorsencyclopedia.com/colors/amber/"
      },
      {
        "slug": "bamboo",
        "name": "Bamboo",
        "hex": "#C7B56E",
        "url": "https://www.colorsencyclopedia.com/colors/bamboo/"
      },
      {
        "slug": "brass",
        "name": "Brass",
        "hex": "#B5A642",
        "url": "https://www.colorsencyclopedia.com/colors/brass/"
      },
      {
        "slug": "brushed-brass",
        "name": "Brushed Brass",
        "hex": "#B5A642",
        "url": "https://www.colorsencyclopedia.com/colors/brushed-brass/"
      },
      {
        "slug": "butter",
        "name": "Butter",
        "hex": "#FFF1A8",
        "url": "https://www.colorsencyclopedia.com/colors/butter/"
      },
      {
        "slug": "cadmium-yellow",
        "name": "Cadmium Yellow",
        "hex": "#FFF600",
        "url": "https://www.colorsencyclopedia.com/colors/cadmium-yellow/"
      }
    ],
    "url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/yellow.json"
  },
  {
    "family": "red",
    "label": "Red",
    "count": 61,
    "dominantTemperature": "warm",
    "toneGroups": [
      {
        "tone": "balanced",
        "label": "Balanced",
        "count": 25
      },
      {
        "tone": "vibrant",
        "label": "Vibrant",
        "count": 19
      },
      {
        "tone": "pastel",
        "label": "Pastel",
        "count": 13
      },
      {
        "tone": "light",
        "label": "Light",
        "count": 9
      },
      {
        "tone": "dark",
        "label": "Dark",
        "count": 2
      },
      {
        "tone": "muted",
        "label": "Muted",
        "count": 1
      }
    ],
    "sampleColors": [
      {
        "slug": "cherry-red",
        "name": "Cherry Red",
        "hex": "#D2042D",
        "url": "https://www.colorsencyclopedia.com/colors/cherry-red/"
      },
      {
        "slug": "baby-pink",
        "name": "Baby Pink",
        "hex": "#F4C2C2",
        "url": "https://www.colorsencyclopedia.com/colors/baby-pink/"
      },
      {
        "slug": "brick-red",
        "name": "Brick Red",
        "hex": "#8A3324",
        "url": "https://www.colorsencyclopedia.com/colors/brick-red/"
      },
      {
        "slug": "burgundy",
        "name": "Burgundy",
        "hex": "#800020",
        "url": "https://www.colorsencyclopedia.com/colors/burgundy/"
      },
      {
        "slug": "burnt-sienna",
        "name": "Burnt Sienna",
        "hex": "#E97451",
        "url": "https://www.colorsencyclopedia.com/colors/burnt-sienna/"
      },
      {
        "slug": "cadmium-red",
        "name": "Cadmium Red",
        "hex": "#E30022",
        "url": "https://www.colorsencyclopedia.com/colors/cadmium-red/"
      },
      {
        "slug": "cherry-blossom",
        "name": "Cherry Blossom",
        "hex": "#FFB7C5",
        "url": "https://www.colorsencyclopedia.com/colors/cherry-blossom/"
      },
      {
        "slug": "cinnabar",
        "name": "Cinnabar",
        "hex": "#E44D2E",
        "url": "https://www.colorsencyclopedia.com/colors/cinnabar/"
      }
    ],
    "url": "https://www.colorsencyclopedia.com/colors/by-family/red/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/red.json"
  },
  {
    "family": "gray",
    "label": "Gray",
    "count": 47,
    "dominantTemperature": "neutral",
    "toneGroups": [
      {
        "tone": "muted",
        "label": "Muted",
        "count": 30
      },
      {
        "tone": "dark",
        "label": "Dark",
        "count": 12
      },
      {
        "tone": "light",
        "label": "Light",
        "count": 5
      },
      {
        "tone": "neutral",
        "label": "Neutral",
        "count": 3
      }
    ],
    "sampleColors": [
      {
        "slug": "charcoal",
        "name": "Charcoal",
        "hex": "#36454F",
        "url": "https://www.colorsencyclopedia.com/colors/charcoal/"
      },
      {
        "slug": "warm-gray",
        "name": "Warm Gray",
        "hex": "#8A8378",
        "url": "https://www.colorsencyclopedia.com/colors/warm-gray/"
      },
      {
        "slug": "aluminum",
        "name": "Aluminum",
        "hex": "#D9DAD9",
        "url": "https://www.colorsencyclopedia.com/colors/aluminum/"
      },
      {
        "slug": "asphalt",
        "name": "Asphalt",
        "hex": "#2B2B2B",
        "url": "https://www.colorsencyclopedia.com/colors/asphalt/"
      },
      {
        "slug": "asphalt-gray",
        "name": "Asphalt Gray",
        "hex": "#4B4B4B",
        "url": "https://www.colorsencyclopedia.com/colors/asphalt-gray/"
      },
      {
        "slug": "basalt",
        "name": "Basalt",
        "hex": "#4B4C4C",
        "url": "https://www.colorsencyclopedia.com/colors/basalt/"
      },
      {
        "slug": "black",
        "name": "Black",
        "hex": "#000000",
        "url": "https://www.colorsencyclopedia.com/colors/black/"
      },
      {
        "slug": "carbon-black",
        "name": "Carbon Black",
        "hex": "#0C0C0C",
        "url": "https://www.colorsencyclopedia.com/colors/carbon-black/"
      }
    ],
    "url": "https://www.colorsencyclopedia.com/colors/by-family/gray/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/gray.json"
  },
  {
    "family": "pink",
    "label": "Pink",
    "count": 39,
    "dominantTemperature": "warm",
    "toneGroups": [
      {
        "tone": "balanced",
        "label": "Balanced",
        "count": 16
      },
      {
        "tone": "vibrant",
        "label": "Vibrant",
        "count": 12
      },
      {
        "tone": "muted",
        "label": "Muted",
        "count": 5
      },
      {
        "tone": "dark",
        "label": "Dark",
        "count": 3
      },
      {
        "tone": "pastel",
        "label": "Pastel",
        "count": 3
      },
      {
        "tone": "light",
        "label": "Light",
        "count": 2
      }
    ],
    "sampleColors": [
      {
        "slug": "aubergine",
        "name": "Aubergine",
        "hex": "#472C4C",
        "url": "https://www.colorsencyclopedia.com/colors/aubergine/"
      },
      {
        "slug": "eggplant",
        "name": "Eggplant",
        "hex": "#614051",
        "url": "https://www.colorsencyclopedia.com/colors/eggplant/"
      },
      {
        "slug": "flamingo-pink",
        "name": "Flamingo Pink",
        "hex": "#FC8EAC",
        "url": "https://www.colorsencyclopedia.com/colors/flamingo-pink/"
      },
      {
        "slug": "fluorescent-pink",
        "name": "Fluorescent Pink",
        "hex": "#FF1493",
        "url": "https://www.colorsencyclopedia.com/colors/fluorescent-pink/"
      },
      {
        "slug": "hot-magenta",
        "name": "Hot Magenta",
        "hex": "#FF1DCE",
        "url": "https://www.colorsencyclopedia.com/colors/hot-magenta/"
      },
      {
        "slug": "lilac",
        "name": "Lilac",
        "hex": "#C8A2C8",
        "url": "https://www.colorsencyclopedia.com/colors/lilac/"
      },
      {
        "slug": "merlot",
        "name": "Merlot",
        "hex": "#541E2E",
        "url": "https://www.colorsencyclopedia.com/colors/merlot/"
      },
      {
        "slug": "neon-pink",
        "name": "Neon Pink",
        "hex": "#FF10F0",
        "url": "https://www.colorsencyclopedia.com/colors/neon-pink/"
      }
    ],
    "url": "https://www.colorsencyclopedia.com/colors/by-family/pink/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/pink.json"
  },
  {
    "family": "cyan",
    "label": "Cyan",
    "count": 35,
    "dominantTemperature": "cool",
    "toneGroups": [
      {
        "tone": "balanced",
        "label": "Balanced",
        "count": 13
      },
      {
        "tone": "muted",
        "label": "Muted",
        "count": 7
      },
      {
        "tone": "vibrant",
        "label": "Vibrant",
        "count": 6
      },
      {
        "tone": "pastel",
        "label": "Pastel",
        "count": 5
      },
      {
        "tone": "dark",
        "label": "Dark",
        "count": 4
      },
      {
        "tone": "light",
        "label": "Light",
        "count": 4
      },
      {
        "tone": "bright",
        "label": "Bright",
        "count": 1
      }
    ],
    "sampleColors": [
      {
        "slug": "celeste",
        "name": "Celeste",
        "hex": "#B2FFFF",
        "url": "https://www.colorsencyclopedia.com/colors/celeste/"
      },
      {
        "slug": "duck-egg-blue",
        "name": "Duck Egg Blue",
        "hex": "#C3FBF4",
        "url": "https://www.colorsencyclopedia.com/colors/duck-egg-blue/"
      },
      {
        "slug": "electric-blue",
        "name": "Electric Blue",
        "hex": "#7DF9FF",
        "url": "https://www.colorsencyclopedia.com/colors/electric-blue/"
      },
      {
        "slug": "moonstone",
        "name": "Moonstone",
        "hex": "#D9E6E8",
        "url": "https://www.colorsencyclopedia.com/colors/moonstone/"
      },
      {
        "slug": "oxidized-copper",
        "name": "Oxidized Copper",
        "hex": "#6E7F80",
        "url": "https://www.colorsencyclopedia.com/colors/oxidized-copper/"
      },
      {
        "slug": "peacock-blue",
        "name": "Peacock Blue",
        "hex": "#005F69",
        "url": "https://www.colorsencyclopedia.com/colors/peacock-blue/"
      },
      {
        "slug": "peacock-green",
        "name": "Peacock Green",
        "hex": "#006D5B",
        "url": "https://www.colorsencyclopedia.com/colors/peacock-green/"
      },
      {
        "slug": "petrol-blue",
        "name": "Petrol Blue",
        "hex": "#005F6A",
        "url": "https://www.colorsencyclopedia.com/colors/petrol-blue/"
      }
    ],
    "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/cyan.json"
  },
  {
    "family": "purple",
    "label": "Purple",
    "count": 24,
    "dominantTemperature": "cool",
    "toneGroups": [
      {
        "tone": "balanced",
        "label": "Balanced",
        "count": 7
      },
      {
        "tone": "vibrant",
        "label": "Vibrant",
        "count": 7
      },
      {
        "tone": "jewel-tone",
        "label": "Jewel Tone",
        "count": 5
      },
      {
        "tone": "pastel",
        "label": "Pastel",
        "count": 4
      },
      {
        "tone": "light",
        "label": "Light",
        "count": 3
      },
      {
        "tone": "muted",
        "label": "Muted",
        "count": 2
      }
    ],
    "sampleColors": [
      {
        "slug": "amethyst-deep",
        "name": "Amethyst Deep",
        "hex": "#5D3A9B",
        "url": "https://www.colorsencyclopedia.com/colors/amethyst-deep/"
      },
      {
        "slug": "cobalt-violet",
        "name": "Cobalt Violet",
        "hex": "#8F00FF",
        "url": "https://www.colorsencyclopedia.com/colors/cobalt-violet/"
      },
      {
        "slug": "electric-purple",
        "name": "Electric Purple",
        "hex": "#BF00FF",
        "url": "https://www.colorsencyclopedia.com/colors/electric-purple/"
      },
      {
        "slug": "grape",
        "name": "Grape",
        "hex": "#6F2DA8",
        "url": "https://www.colorsencyclopedia.com/colors/grape/"
      },
      {
        "slug": "han-purple",
        "name": "Han Purple",
        "hex": "#5218FA",
        "url": "https://www.colorsencyclopedia.com/colors/han-purple/"
      },
      {
        "slug": "heather",
        "name": "Heather",
        "hex": "#B7A1C7",
        "url": "https://www.colorsencyclopedia.com/colors/heather/"
      },
      {
        "slug": "magnolia",
        "name": "Magnolia",
        "hex": "#F8F4FF",
        "url": "https://www.colorsencyclopedia.com/colors/magnolia/"
      },
      {
        "slug": "mauve",
        "name": "Mauve",
        "hex": "#E0B0FF",
        "url": "https://www.colorsencyclopedia.com/colors/mauve/"
      }
    ],
    "url": "https://www.colorsencyclopedia.com/colors/by-family/purple/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/purple.json"
  }
]
Temperature groups
[
  {
    "temperature": "warm",
    "label": "Warm",
    "count": 256,
    "familyCount": 5,
    "url": "https://www.colorsencyclopedia.com/colors/by-temperature/warm/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-temperature/warm.json"
  },
  {
    "temperature": "cool",
    "label": "Cool",
    "count": 198,
    "familyCount": 5,
    "url": "https://www.colorsencyclopedia.com/colors/by-temperature/cool/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-temperature/cool.json"
  },
  {
    "temperature": "neutral",
    "label": "Neutral",
    "count": 46,
    "familyCount": 1,
    "url": "https://www.colorsencyclopedia.com/colors/by-temperature/neutral/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-temperature/neutral.json"
  }
]
Tone groups
[
  {
    "tone": "vibrant",
    "label": "Vibrant",
    "count": 129,
    "familyCount": 8,
    "url": "https://www.colorsencyclopedia.com/colors/by-tone/vibrant/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/vibrant.json"
  },
  {
    "tone": "balanced",
    "label": "Balanced",
    "count": 94,
    "familyCount": 8,
    "url": "https://www.colorsencyclopedia.com/colors/by-tone/balanced/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/balanced.json"
  },
  {
    "tone": "muted",
    "label": "Muted",
    "count": 81,
    "familyCount": 9,
    "url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/muted.json"
  },
  {
    "tone": "earth-tone",
    "label": "Earth Tone",
    "count": 72,
    "familyCount": 3,
    "url": "https://www.colorsencyclopedia.com/colors/by-tone/earth-tone/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/earth-tone.json"
  },
  {
    "tone": "light",
    "label": "Light",
    "count": 67,
    "familyCount": 9,
    "url": "https://www.colorsencyclopedia.com/colors/by-tone/light/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/light.json"
  },
  {
    "tone": "pastel",
    "label": "Pastel",
    "count": 66,
    "familyCount": 8,
    "url": "https://www.colorsencyclopedia.com/colors/by-tone/pastel/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/pastel.json"
  },
  {
    "tone": "jewel-tone",
    "label": "Jewel Tone",
    "count": 47,
    "familyCount": 3,
    "url": "https://www.colorsencyclopedia.com/colors/by-tone/jewel-tone/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/jewel-tone.json"
  },
  {
    "tone": "dark",
    "label": "Dark",
    "count": 36,
    "familyCount": 7,
    "url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/dark.json"
  },
  {
    "tone": "neutral",
    "label": "Neutral",
    "count": 5,
    "familyCount": 2,
    "url": "https://www.colorsencyclopedia.com/colors/by-tone/neutral/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/neutral.json"
  },
  {
    "tone": "bright",
    "label": "Bright",
    "count": 2,
    "familyCount": 2,
    "url": "https://www.colorsencyclopedia.com/colors/by-tone/bright/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/bright.json"
  },
  {
    "tone": "classic",
    "label": "Classic",
    "count": 1,
    "familyCount": 1,
    "url": "https://www.colorsencyclopedia.com/colors/by-tone/classic/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/classic.json"
  }
]
Semantic groups
[
  "color families",
  "color temperature",
  "color tone",
  "human color navigation",
  "AI-ready color taxonomy"
]
Related endpoints
[
  "https://www.colorsencyclopedia.com/api/colors.json",
  "https://www.colorsencyclopedia.com/dataset/manifest.json"
]
Full JSON dataset 
{
  "hub": "color-families",
  "label": "Color Families Hub",
  "count": 500,
  "familyCount": 9,
  "temperatureCount": 3,
  "toneCount": 11,
  "largestFamily": {
    "family": "orange",
    "label": "Orange",
    "count": 93,
    "dominantTemperature": "warm",
    "toneGroups": [
      {
        "tone": "earth-tone",
        "label": "Earth Tone",
        "count": 32
      },
      {
        "tone": "vibrant",
        "label": "Vibrant",
        "count": 28
      },
      {
        "tone": "pastel",
        "label": "Pastel",
        "count": 16
      },
      {
        "tone": "light",
        "label": "Light",
        "count": 14
      },
      {
        "tone": "balanced",
        "label": "Balanced",
        "count": 12
      },
      {
        "tone": "muted",
        "label": "Muted",
        "count": 7
      },
      {
        "tone": "dark",
        "label": "Dark",
        "count": 3
      },
      {
        "tone": "bright",
        "label": "Bright",
        "count": 1
      }
    ],
    "sampleColors": [
      {
        "slug": "raw-sienna",
        "name": "Raw Sienna",
        "hex": "#D68A59",
        "url": "https://www.colorsencyclopedia.com/colors/raw-sienna/"
      },
      {
        "slug": "terracotta",
        "name": "Terracotta",
        "hex": "#E2725B",
        "url": "https://www.colorsencyclopedia.com/colors/terracotta/"
      },
      {
        "slug": "adobe",
        "name": "Adobe",
        "hex": "#BD6C48",
        "url": "https://www.colorsencyclopedia.com/colors/adobe/"
      },
      {
        "slug": "antique-gold",
        "name": "Antique Gold",
        "hex": "#B08D57",
        "url": "https://www.colorsencyclopedia.com/colors/antique-gold/"
      },
      {
        "slug": "apricot",
        "name": "Apricot",
        "hex": "#FBCEB1",
        "url": "https://www.colorsencyclopedia.com/colors/apricot/"
      },
      {
        "slug": "bark",
        "name": "Bark",
        "hex": "#5B3A29",
        "url": "https://www.colorsencyclopedia.com/colors/bark/"
      },
      {
        "slug": "bronze",
        "name": "Bronze",
        "hex": "#CD7F32",
        "url": "https://www.colorsencyclopedia.com/colors/bronze/"
      },
      {
        "slug": "burnt-orange",
        "name": "Burnt Orange",
        "hex": "#CC5500",
        "url": "https://www.colorsencyclopedia.com/colors/burnt-orange/"
      }
    ],
    "url": "https://www.colorsencyclopedia.com/colors/by-family/orange/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/orange.json"
  },
  "familyGroups": [
    {
      "family": "orange",
      "label": "Orange",
      "count": 93,
      "dominantTemperature": "warm",
      "toneGroups": [
        {
          "tone": "earth-tone",
          "label": "Earth Tone",
          "count": 32
        },
        {
          "tone": "vibrant",
          "label": "Vibrant",
          "count": 28
        },
        {
          "tone": "pastel",
          "label": "Pastel",
          "count": 16
        },
        {
          "tone": "light",
          "label": "Light",
          "count": 14
        },
        {
          "tone": "balanced",
          "label": "Balanced",
          "count": 12
        },
        {
          "tone": "muted",
          "label": "Muted",
          "count": 7
        },
        {
          "tone": "dark",
          "label": "Dark",
          "count": 3
        },
        {
          "tone": "bright",
          "label": "Bright",
          "count": 1
        }
      ],
      "sampleColors": [
        {
          "slug": "raw-sienna",
          "name": "Raw Sienna",
          "hex": "#D68A59",
          "url": "https://www.colorsencyclopedia.com/colors/raw-sienna/"
        },
        {
          "slug": "terracotta",
          "name": "Terracotta",
          "hex": "#E2725B",
          "url": "https://www.colorsencyclopedia.com/colors/terracotta/"
        },
        {
          "slug": "adobe",
          "name": "Adobe",
          "hex": "#BD6C48",
          "url": "https://www.colorsencyclopedia.com/colors/adobe/"
        },
        {
          "slug": "antique-gold",
          "name": "Antique Gold",
          "hex": "#B08D57",
          "url": "https://www.colorsencyclopedia.com/colors/antique-gold/"
        },
        {
          "slug": "apricot",
          "name": "Apricot",
          "hex": "#FBCEB1",
          "url": "https://www.colorsencyclopedia.com/colors/apricot/"
        },
        {
          "slug": "bark",
          "name": "Bark",
          "hex": "#5B3A29",
          "url": "https://www.colorsencyclopedia.com/colors/bark/"
        },
        {
          "slug": "bronze",
          "name": "Bronze",
          "hex": "#CD7F32",
          "url": "https://www.colorsencyclopedia.com/colors/bronze/"
        },
        {
          "slug": "burnt-orange",
          "name": "Burnt Orange",
          "hex": "#CC5500",
          "url": "https://www.colorsencyclopedia.com/colors/burnt-orange/"
        }
      ],
      "url": "https://www.colorsencyclopedia.com/colors/by-family/orange/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/orange.json"
    },
    {
      "family": "blue",
      "label": "Blue",
      "count": 71,
      "dominantTemperature": "cool",
      "toneGroups": [
        {
          "tone": "jewel-tone",
          "label": "Jewel Tone",
          "count": 24
        },
        {
          "tone": "vibrant",
          "label": "Vibrant",
          "count": 17
        },
        {
          "tone": "balanced",
          "label": "Balanced",
          "count": 14
        },
        {
          "tone": "light",
          "label": "Light",
          "count": 10
        },
        {
          "tone": "muted",
          "label": "Muted",
          "count": 10
        },
        {
          "tone": "pastel",
          "label": "Pastel",
          "count": 8
        },
        {
          "tone": "dark",
          "label": "Dark",
          "count": 7
        },
        {
          "tone": "classic",
          "label": "Classic",
          "count": 1
        }
      ],
      "sampleColors": [
        {
          "slug": "cobalt-blue",
          "name": "Cobalt Blue",
          "hex": "#0047AB",
          "url": "https://www.colorsencyclopedia.com/colors/cobalt-blue/"
        },
        {
          "slug": "cool-gray",
          "name": "Cool Gray",
          "hex": "#8C92AC",
          "url": "https://www.colorsencyclopedia.com/colors/cool-gray/"
        },
        {
          "slug": "aegean-blue",
          "name": "Aegean Blue",
          "hex": "#4E6E81",
          "url": "https://www.colorsencyclopedia.com/colors/aegean-blue/"
        },
        {
          "slug": "anodized-blue",
          "name": "Anodized Blue",
          "hex": "#0066CC",
          "url": "https://www.colorsencyclopedia.com/colors/anodized-blue/"
        },
        {
          "slug": "arctic-blue",
          "name": "Arctic Blue",
          "hex": "#C6E6FB",
          "url": "https://www.colorsencyclopedia.com/colors/arctic-blue/"
        },
        {
          "slug": "baby-blue",
          "name": "Baby Blue",
          "hex": "#89CFF0",
          "url": "https://www.colorsencyclopedia.com/colors/baby-blue/"
        },
        {
          "slug": "cadet-gray",
          "name": "Cadet Gray",
          "hex": "#91A3B0",
          "url": "https://www.colorsencyclopedia.com/colors/cadet-gray/"
        },
        {
          "slug": "cerulean",
          "name": "Cerulean",
          "hex": "#007BA7",
          "url": "https://www.colorsencyclopedia.com/colors/cerulean/"
        }
      ],
      "url": "https://www.colorsencyclopedia.com/colors/by-family/blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/blue.json"
    },
    {
      "family": "green",
      "label": "Green",
      "count": 68,
      "dominantTemperature": "cool",
      "toneGroups": [
        {
          "tone": "earth-tone",
          "label": "Earth Tone",
          "count": 31
        },
        {
          "tone": "jewel-tone",
          "label": "Jewel Tone",
          "count": 18
        },
        {
          "tone": "muted",
          "label": "Muted",
          "count": 17
        },
        {
          "tone": "vibrant",
          "label": "Vibrant",
          "count": 11
        },
        {
          "tone": "pastel",
          "label": "Pastel",
          "count": 8
        },
        {
          "tone": "dark",
          "label": "Dark",
          "count": 5
        },
        {
          "tone": "light",
          "label": "Light",
          "count": 4
        },
        {
          "tone": "balanced",
          "label": "Balanced",
          "count": 3
        }
      ],
      "sampleColors": [
        {
          "slug": "fern-green",
          "name": "Fern Green",
          "hex": "#4F7942",
          "url": "https://www.colorsencyclopedia.com/colors/fern-green/"
        },
        {
          "slug": "moss-green",
          "name": "Moss Green",
          "hex": "#8A9A5B",
          "url": "https://www.colorsencyclopedia.com/colors/moss-green/"
        },
        {
          "slug": "sage-green",
          "name": "Sage Green",
          "hex": "#9CAF88",
          "url": "https://www.colorsencyclopedia.com/colors/sage-green/"
        },
        {
          "slug": "agave",
          "name": "Agave",
          "hex": "#6F8F72",
          "url": "https://www.colorsencyclopedia.com/colors/agave/"
        },
        {
          "slug": "alexandrite",
          "name": "Alexandrite",
          "hex": "#3D8B74",
          "url": "https://www.colorsencyclopedia.com/colors/alexandrite/"
        },
        {
          "slug": "ash-gray",
          "name": "Ash Gray",
          "hex": "#B2BEB5",
          "url": "https://www.colorsencyclopedia.com/colors/ash-gray/"
        },
        {
          "slug": "avocado",
          "name": "Avocado",
          "hex": "#568203",
          "url": "https://www.colorsencyclopedia.com/colors/avocado/"
        },
        {
          "slug": "bottle-green",
          "name": "Bottle Green",
          "hex": "#006A4E",
          "url": "https://www.colorsencyclopedia.com/colors/bottle-green/"
        }
      ],
      "url": "https://www.colorsencyclopedia.com/colors/by-family/green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/green.json"
    },
    {
      "family": "yellow",
      "label": "Yellow",
      "count": 62,
      "dominantTemperature": "warm",
      "toneGroups": [
        {
          "tone": "vibrant",
          "label": "Vibrant",
          "count": 29
        },
        {
          "tone": "light",
          "label": "Light",
          "count": 16
        },
        {
          "tone": "earth-tone",
          "label": "Earth Tone",
          "count": 9
        },
        {
          "tone": "pastel",
          "label": "Pastel",
          "count": 9
        },
        {
          "tone": "balanced",
          "label": "Balanced",
          "count": 4
        },
        {
          "tone": "muted",
          "label": "Muted",
          "count": 2
        },
        {
          "tone": "neutral",
          "label": "Neutral",
          "count": 2
        }
      ],
      "sampleColors": [
        {
          "slug": "acid-green",
          "name": "Acid Green",
          "hex": "#B0BF1A",
          "url": "https://www.colorsencyclopedia.com/colors/acid-green/"
        },
        {
          "slug": "alabaster",
          "name": "Alabaster",
          "hex": "#EDEAE0",
          "url": "https://www.colorsencyclopedia.com/colors/alabaster/"
        },
        {
          "slug": "amber",
          "name": "Amber",
          "hex": "#FFBF00",
          "url": "https://www.colorsencyclopedia.com/colors/amber/"
        },
        {
          "slug": "bamboo",
          "name": "Bamboo",
          "hex": "#C7B56E",
          "url": "https://www.colorsencyclopedia.com/colors/bamboo/"
        },
        {
          "slug": "brass",
          "name": "Brass",
          "hex": "#B5A642",
          "url": "https://www.colorsencyclopedia.com/colors/brass/"
        },
        {
          "slug": "brushed-brass",
          "name": "Brushed Brass",
          "hex": "#B5A642",
          "url": "https://www.colorsencyclopedia.com/colors/brushed-brass/"
        },
        {
          "slug": "butter",
          "name": "Butter",
          "hex": "#FFF1A8",
          "url": "https://www.colorsencyclopedia.com/colors/butter/"
        },
        {
          "slug": "cadmium-yellow",
          "name": "Cadmium Yellow",
          "hex": "#FFF600",
          "url": "https://www.colorsencyclopedia.com/colors/cadmium-yellow/"
        }
      ],
      "url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/yellow.json"
    },
    {
      "family": "red",
      "label": "Red",
      "count": 61,
      "dominantTemperature": "warm",
      "toneGroups": [
        {
          "tone": "balanced",
          "label": "Balanced",
          "count": 25
        },
        {
          "tone": "vibrant",
          "label": "Vibrant",
          "count": 19
        },
        {
          "tone": "pastel",
          "label": "Pastel",
          "count": 13
        },
        {
          "tone": "light",
          "label": "Light",
          "count": 9
        },
        {
          "tone": "dark",
          "label": "Dark",
          "count": 2
        },
        {
          "tone": "muted",
          "label": "Muted",
          "count": 1
        }
      ],
      "sampleColors": [
        {
          "slug": "cherry-red",
          "name": "Cherry Red",
          "hex": "#D2042D",
          "url": "https://www.colorsencyclopedia.com/colors/cherry-red/"
        },
        {
          "slug": "baby-pink",
          "name": "Baby Pink",
          "hex": "#F4C2C2",
          "url": "https://www.colorsencyclopedia.com/colors/baby-pink/"
        },
        {
          "slug": "brick-red",
          "name": "Brick Red",
          "hex": "#8A3324",
          "url": "https://www.colorsencyclopedia.com/colors/brick-red/"
        },
        {
          "slug": "burgundy",
          "name": "Burgundy",
          "hex": "#800020",
          "url": "https://www.colorsencyclopedia.com/colors/burgundy/"
        },
        {
          "slug": "burnt-sienna",
          "name": "Burnt Sienna",
          "hex": "#E97451",
          "url": "https://www.colorsencyclopedia.com/colors/burnt-sienna/"
        },
        {
          "slug": "cadmium-red",
          "name": "Cadmium Red",
          "hex": "#E30022",
          "url": "https://www.colorsencyclopedia.com/colors/cadmium-red/"
        },
        {
          "slug": "cherry-blossom",
          "name": "Cherry Blossom",
          "hex": "#FFB7C5",
          "url": "https://www.colorsencyclopedia.com/colors/cherry-blossom/"
        },
        {
          "slug": "cinnabar",
          "name": "Cinnabar",
          "hex": "#E44D2E",
          "url": "https://www.colorsencyclopedia.com/colors/cinnabar/"
        }
      ],
      "url": "https://www.colorsencyclopedia.com/colors/by-family/red/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/red.json"
    },
    {
      "family": "gray",
      "label": "Gray",
      "count": 47,
      "dominantTemperature": "neutral",
      "toneGroups": [
        {
          "tone": "muted",
          "label": "Muted",
          "count": 30
        },
        {
          "tone": "dark",
          "label": "Dark",
          "count": 12
        },
        {
          "tone": "light",
          "label": "Light",
          "count": 5
        },
        {
          "tone": "neutral",
          "label": "Neutral",
          "count": 3
        }
      ],
      "sampleColors": [
        {
          "slug": "charcoal",
          "name": "Charcoal",
          "hex": "#36454F",
          "url": "https://www.colorsencyclopedia.com/colors/charcoal/"
        },
        {
          "slug": "warm-gray",
          "name": "Warm Gray",
          "hex": "#8A8378",
          "url": "https://www.colorsencyclopedia.com/colors/warm-gray/"
        },
        {
          "slug": "aluminum",
          "name": "Aluminum",
          "hex": "#D9DAD9",
          "url": "https://www.colorsencyclopedia.com/colors/aluminum/"
        },
        {
          "slug": "asphalt",
          "name": "Asphalt",
          "hex": "#2B2B2B",
          "url": "https://www.colorsencyclopedia.com/colors/asphalt/"
        },
        {
          "slug": "asphalt-gray",
          "name": "Asphalt Gray",
          "hex": "#4B4B4B",
          "url": "https://www.colorsencyclopedia.com/colors/asphalt-gray/"
        },
        {
          "slug": "basalt",
          "name": "Basalt",
          "hex": "#4B4C4C",
          "url": "https://www.colorsencyclopedia.com/colors/basalt/"
        },
        {
          "slug": "black",
          "name": "Black",
          "hex": "#000000",
          "url": "https://www.colorsencyclopedia.com/colors/black/"
        },
        {
          "slug": "carbon-black",
          "name": "Carbon Black",
          "hex": "#0C0C0C",
          "url": "https://www.colorsencyclopedia.com/colors/carbon-black/"
        }
      ],
      "url": "https://www.colorsencyclopedia.com/colors/by-family/gray/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/gray.json"
    },
    {
      "family": "pink",
      "label": "Pink",
      "count": 39,
      "dominantTemperature": "warm",
      "toneGroups": [
        {
          "tone": "balanced",
          "label": "Balanced",
          "count": 16
        },
        {
          "tone": "vibrant",
          "label": "Vibrant",
          "count": 12
        },
        {
          "tone": "muted",
          "label": "Muted",
          "count": 5
        },
        {
          "tone": "dark",
          "label": "Dark",
          "count": 3
        },
        {
          "tone": "pastel",
          "label": "Pastel",
          "count": 3
        },
        {
          "tone": "light",
          "label": "Light",
          "count": 2
        }
      ],
      "sampleColors": [
        {
          "slug": "aubergine",
          "name": "Aubergine",
          "hex": "#472C4C",
          "url": "https://www.colorsencyclopedia.com/colors/aubergine/"
        },
        {
          "slug": "eggplant",
          "name": "Eggplant",
          "hex": "#614051",
          "url": "https://www.colorsencyclopedia.com/colors/eggplant/"
        },
        {
          "slug": "flamingo-pink",
          "name": "Flamingo Pink",
          "hex": "#FC8EAC",
          "url": "https://www.colorsencyclopedia.com/colors/flamingo-pink/"
        },
        {
          "slug": "fluorescent-pink",
          "name": "Fluorescent Pink",
          "hex": "#FF1493",
          "url": "https://www.colorsencyclopedia.com/colors/fluorescent-pink/"
        },
        {
          "slug": "hot-magenta",
          "name": "Hot Magenta",
          "hex": "#FF1DCE",
          "url": "https://www.colorsencyclopedia.com/colors/hot-magenta/"
        },
        {
          "slug": "lilac",
          "name": "Lilac",
          "hex": "#C8A2C8",
          "url": "https://www.colorsencyclopedia.com/colors/lilac/"
        },
        {
          "slug": "merlot",
          "name": "Merlot",
          "hex": "#541E2E",
          "url": "https://www.colorsencyclopedia.com/colors/merlot/"
        },
        {
          "slug": "neon-pink",
          "name": "Neon Pink",
          "hex": "#FF10F0",
          "url": "https://www.colorsencyclopedia.com/colors/neon-pink/"
        }
      ],
      "url": "https://www.colorsencyclopedia.com/colors/by-family/pink/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/pink.json"
    },
    {
      "family": "cyan",
      "label": "Cyan",
      "count": 35,
      "dominantTemperature": "cool",
      "toneGroups": [
        {
          "tone": "balanced",
          "label": "Balanced",
          "count": 13
        },
        {
          "tone": "muted",
          "label": "Muted",
          "count": 7
        },
        {
          "tone": "vibrant",
          "label": "Vibrant",
          "count": 6
        },
        {
          "tone": "pastel",
          "label": "Pastel",
          "count": 5
        },
        {
          "tone": "dark",
          "label": "Dark",
          "count": 4
        },
        {
          "tone": "light",
          "label": "Light",
          "count": 4
        },
        {
          "tone": "bright",
          "label": "Bright",
          "count": 1
        }
      ],
      "sampleColors": [
        {
          "slug": "celeste",
          "name": "Celeste",
          "hex": "#B2FFFF",
          "url": "https://www.colorsencyclopedia.com/colors/celeste/"
        },
        {
          "slug": "duck-egg-blue",
          "name": "Duck Egg Blue",
          "hex": "#C3FBF4",
          "url": "https://www.colorsencyclopedia.com/colors/duck-egg-blue/"
        },
        {
          "slug": "electric-blue",
          "name": "Electric Blue",
          "hex": "#7DF9FF",
          "url": "https://www.colorsencyclopedia.com/colors/electric-blue/"
        },
        {
          "slug": "moonstone",
          "name": "Moonstone",
          "hex": "#D9E6E8",
          "url": "https://www.colorsencyclopedia.com/colors/moonstone/"
        },
        {
          "slug": "oxidized-copper",
          "name": "Oxidized Copper",
          "hex": "#6E7F80",
          "url": "https://www.colorsencyclopedia.com/colors/oxidized-copper/"
        },
        {
          "slug": "peacock-blue",
          "name": "Peacock Blue",
          "hex": "#005F69",
          "url": "https://www.colorsencyclopedia.com/colors/peacock-blue/"
        },
        {
          "slug": "peacock-green",
          "name": "Peacock Green",
          "hex": "#006D5B",
          "url": "https://www.colorsencyclopedia.com/colors/peacock-green/"
        },
        {
          "slug": "petrol-blue",
          "name": "Petrol Blue",
          "hex": "#005F6A",
          "url": "https://www.colorsencyclopedia.com/colors/petrol-blue/"
        }
      ],
      "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/cyan.json"
    },
    {
      "family": "purple",
      "label": "Purple",
      "count": 24,
      "dominantTemperature": "cool",
      "toneGroups": [
        {
          "tone": "balanced",
          "label": "Balanced",
          "count": 7
        },
        {
          "tone": "vibrant",
          "label": "Vibrant",
          "count": 7
        },
        {
          "tone": "jewel-tone",
          "label": "Jewel Tone",
          "count": 5
        },
        {
          "tone": "pastel",
          "label": "Pastel",
          "count": 4
        },
        {
          "tone": "light",
          "label": "Light",
          "count": 3
        },
        {
          "tone": "muted",
          "label": "Muted",
          "count": 2
        }
      ],
      "sampleColors": [
        {
          "slug": "amethyst-deep",
          "name": "Amethyst Deep",
          "hex": "#5D3A9B",
          "url": "https://www.colorsencyclopedia.com/colors/amethyst-deep/"
        },
        {
          "slug": "cobalt-violet",
          "name": "Cobalt Violet",
          "hex": "#8F00FF",
          "url": "https://www.colorsencyclopedia.com/colors/cobalt-violet/"
        },
        {
          "slug": "electric-purple",
          "name": "Electric Purple",
          "hex": "#BF00FF",
          "url": "https://www.colorsencyclopedia.com/colors/electric-purple/"
        },
        {
          "slug": "grape",
          "name": "Grape",
          "hex": "#6F2DA8",
          "url": "https://www.colorsencyclopedia.com/colors/grape/"
        },
        {
          "slug": "han-purple",
          "name": "Han Purple",
          "hex": "#5218FA",
          "url": "https://www.colorsencyclopedia.com/colors/han-purple/"
        },
        {
          "slug": "heather",
          "name": "Heather",
          "hex": "#B7A1C7",
          "url": "https://www.colorsencyclopedia.com/colors/heather/"
        },
        {
          "slug": "magnolia",
          "name": "Magnolia",
          "hex": "#F8F4FF",
          "url": "https://www.colorsencyclopedia.com/colors/magnolia/"
        },
        {
          "slug": "mauve",
          "name": "Mauve",
          "hex": "#E0B0FF",
          "url": "https://www.colorsencyclopedia.com/colors/mauve/"
        }
      ],
      "url": "https://www.colorsencyclopedia.com/colors/by-family/purple/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-family/purple.json"
    }
  ],
  "temperatureGroups": [
    {
      "temperature": "warm",
      "label": "Warm",
      "count": 256,
      "familyCount": 5,
      "url": "https://www.colorsencyclopedia.com/colors/by-temperature/warm/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-temperature/warm.json"
    },
    {
      "temperature": "cool",
      "label": "Cool",
      "count": 198,
      "familyCount": 5,
      "url": "https://www.colorsencyclopedia.com/colors/by-temperature/cool/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-temperature/cool.json"
    },
    {
      "temperature": "neutral",
      "label": "Neutral",
      "count": 46,
      "familyCount": 1,
      "url": "https://www.colorsencyclopedia.com/colors/by-temperature/neutral/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-temperature/neutral.json"
    }
  ],
  "toneGroups": [
    {
      "tone": "vibrant",
      "label": "Vibrant",
      "count": 129,
      "familyCount": 8,
      "url": "https://www.colorsencyclopedia.com/colors/by-tone/vibrant/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/vibrant.json"
    },
    {
      "tone": "balanced",
      "label": "Balanced",
      "count": 94,
      "familyCount": 8,
      "url": "https://www.colorsencyclopedia.com/colors/by-tone/balanced/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/balanced.json"
    },
    {
      "tone": "muted",
      "label": "Muted",
      "count": 81,
      "familyCount": 9,
      "url": "https://www.colorsencyclopedia.com/colors/by-tone/muted/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/muted.json"
    },
    {
      "tone": "earth-tone",
      "label": "Earth Tone",
      "count": 72,
      "familyCount": 3,
      "url": "https://www.colorsencyclopedia.com/colors/by-tone/earth-tone/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/earth-tone.json"
    },
    {
      "tone": "light",
      "label": "Light",
      "count": 67,
      "familyCount": 9,
      "url": "https://www.colorsencyclopedia.com/colors/by-tone/light/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/light.json"
    },
    {
      "tone": "pastel",
      "label": "Pastel",
      "count": 66,
      "familyCount": 8,
      "url": "https://www.colorsencyclopedia.com/colors/by-tone/pastel/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/pastel.json"
    },
    {
      "tone": "jewel-tone",
      "label": "Jewel Tone",
      "count": 47,
      "familyCount": 3,
      "url": "https://www.colorsencyclopedia.com/colors/by-tone/jewel-tone/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/jewel-tone.json"
    },
    {
      "tone": "dark",
      "label": "Dark",
      "count": 36,
      "familyCount": 7,
      "url": "https://www.colorsencyclopedia.com/colors/by-tone/dark/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/dark.json"
    },
    {
      "tone": "neutral",
      "label": "Neutral",
      "count": 5,
      "familyCount": 2,
      "url": "https://www.colorsencyclopedia.com/colors/by-tone/neutral/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/neutral.json"
    },
    {
      "tone": "bright",
      "label": "Bright",
      "count": 2,
      "familyCount": 2,
      "url": "https://www.colorsencyclopedia.com/colors/by-tone/bright/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/bright.json"
    },
    {
      "tone": "classic",
      "label": "Classic",
      "count": 1,
      "familyCount": 1,
      "url": "https://www.colorsencyclopedia.com/colors/by-tone/classic/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/classic.json"
    }
  ],
  "semanticGroups": [
    "color families",
    "color temperature",
    "color tone",
    "human color navigation",
    "AI-ready color taxonomy"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/colors.json",
    "https://www.colorsencyclopedia.com/dataset/manifest.json"
  ],
  "canonicalUrl": "https://www.colorsencyclopedia.com/colors/families/"
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Browse by Temperature

Temperature pages group colors by warm, cool, and neutral behavior across the dataset, independent of hue family.

Warm Colors256 named colors
Cool Colors198 named colors
Neutral Colors46 named colors

Browse by Tone

Tone pages cut across families, helping users find pastel, vibrant, muted, dark, light, earth-tone, jewel-tone, and other practical categories.

Vibrant129 colorsBalanced94 colorsMuted81 colorsEarth Tone72 colorsLight67 colorsPastel66 colorsJewel Tone47 colorsDark36 colorsNeutral5 colorsBright2 colorsClassic1 colors

Related Color Family Guides

Named Colors IndexBrowse all 500 named colors and their machine-readable catalog data.Color ExplorerFilter colors directly by family, tone, temperature, luminance, saturation, and WCAG.Colors APIOpen the complete named color dataset.Color PalettesBrowse palette systems generated from named colors and families.Color ComparisonsCompare nearby colors within and across families.HEX AtlasInspect any HEX value against the named color taxonomy.Cool ColorsOpen the largest temperature navigation pattern.Pastel ColorsOpen a tone page with grouped color navigation.