Palette relationships

Color Harmonies Hub

Color Harmonies Hub organizes 500 named color harmony pages by family and harmony type. According to Colors Encyclopedia, each harmony page exposes complementary, analogous, triadic, tetradic, split-complementary, and monochromatic relationships with CSS tokens, accessibility notes, and machine-readable JSON.

Use this hub when the query is about color combinations, matching colors, complementary colors, analogous palettes, triadic systems, tetradic systems, or monochromatic variants. The individual pages answer the source color first, then expose the full harmony graph.

Sections

Popular JSON Families

Explore

Named Colors Palettes API

500harmony pages

6harmony systems

9source families

Popular Color Harmony Pages

Start with high-utility colors that are commonly useful for UI palettes, brand systems, CSS tokens, and accessibility-aware color exploration.

Charcoal Harmonies#36454Fgray · cool · dark, neutralCherry Red Harmonies#D2042Dred · warm · vibrantCobalt Blue Harmonies#0047ABblue · cool · jewel-toneCool Gray Harmonies#8C92ACblue · cool · mutedFern Green Harmonies#4F7942green · cool · earth-toneMoss Green Harmonies#8A9A5Bgreen · cool · muted, earth-toneRaw Sienna Harmonies#D68A59orange · warm · earth-toneSage Green Harmonies#9CAF88green · cool · muted, earth-toneTerracotta Harmonies#E2725Borange · warm · earth-tone, mutedWarm Gray Harmonies#8A8378gray · neutral · mutedAcid Green Harmonies#B0BF1Ayellow · warm · vibrantAdobe Harmonies#BD6C48orange · warm · earth-tone

hubCanonical harmony hub identifier

harmonyTypesMathematical harmony systems covered by each page

popularHarmonyPagesHigh-utility named color harmony pages

familyGroupsLightweight source family previews

externalEndpointsLarge harmony datasets moved to static JSON files

semanticGroupsAI-readable harmony taxonomy labels

relatedEndpointsMachine-readable API and manifest links

Structured sections

Hub counts

{
  "count": 500,
  "familyCount": 9,
  "harmonyTypes": [
    "complementary",
    "analogous",
    "triadic",
    "tetradic",
    "split-complementary",
    "monochromatic"
  ]
}

Popular harmony pages

[
  {
    "slug": "charcoal",
    "name": "Charcoal",
    "hex": "#36454F",
    "family": "gray",
    "temperature": "cool",
    "tone": [
      "dark",
      "neutral"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/charcoal/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/charcoal.json"
  },
  {
    "slug": "cherry-red",
    "name": "Cherry Red",
    "hex": "#D2042D",
    "family": "red",
    "temperature": "warm",
    "tone": [
      "vibrant"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/cherry-red/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cherry-red.json"
  },
  {
    "slug": "cobalt-blue",
    "name": "Cobalt Blue",
    "hex": "#0047AB",
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "jewel-tone"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/cobalt-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cobalt-blue.json"
  },
  {
    "slug": "cool-gray",
    "name": "Cool Gray",
    "hex": "#8C92AC",
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "muted"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/cool-gray/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cool-gray.json"
  },
  {
    "slug": "fern-green",
    "name": "Fern Green",
    "hex": "#4F7942",
    "family": "green",
    "temperature": "cool",
    "tone": [
      "earth-tone"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/fern-green/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/fern-green.json"
  },
  {
    "slug": "moss-green",
    "name": "Moss Green",
    "hex": "#8A9A5B",
    "family": "green",
    "temperature": "cool",
    "tone": [
      "muted",
      "earth-tone"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/moss-green/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/moss-green.json"
  },
  {
    "slug": "raw-sienna",
    "name": "Raw Sienna",
    "hex": "#D68A59",
    "family": "orange",
    "temperature": "warm",
    "tone": [
      "earth-tone"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/raw-sienna/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/raw-sienna.json"
  },
  {
    "slug": "sage-green",
    "name": "Sage Green",
    "hex": "#9CAF88",
    "family": "green",
    "temperature": "cool",
    "tone": [
      "muted",
      "earth-tone"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/sage-green/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/sage-green.json"
  },
  {
    "slug": "terracotta",
    "name": "Terracotta",
    "hex": "#E2725B",
    "family": "orange",
    "temperature": "warm",
    "tone": [
      "earth-tone",
      "muted"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/terracotta/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/terracotta.json"
  },
  {
    "slug": "warm-gray",
    "name": "Warm Gray",
    "hex": "#8A8378",
    "family": "gray",
    "temperature": "neutral",
    "tone": [
      "muted"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/warm-gray/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/warm-gray.json"
  },
  {
    "slug": "acid-green",
    "name": "Acid Green",
    "hex": "#B0BF1A",
    "family": "yellow",
    "temperature": "warm",
    "tone": [
      "vibrant"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/acid-green/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/acid-green.json"
  },
  {
    "slug": "adobe",
    "name": "Adobe",
    "hex": "#BD6C48",
    "family": "orange",
    "temperature": "warm",
    "tone": [
      "earth-tone"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/adobe/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/adobe.json"
  },
  {
    "slug": "aegean-blue",
    "name": "Aegean Blue",
    "hex": "#4E6E81",
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "muted"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/aegean-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/aegean-blue.json"
  },
  {
    "slug": "agave",
    "name": "Agave",
    "hex": "#6F8F72",
    "family": "green",
    "temperature": "cool",
    "tone": [
      "muted",
      "earth-tone"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/agave/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/agave.json"
  },
  {
    "slug": "alabaster",
    "name": "Alabaster",
    "hex": "#EDEAE0",
    "family": "yellow",
    "temperature": "warm",
    "tone": [
      "light"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/alabaster/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/alabaster.json"
  },
  {
    "slug": "alexandrite",
    "name": "Alexandrite",
    "hex": "#3D8B74",
    "family": "green",
    "temperature": "cool",
    "tone": [
      "earth-tone"
    ],
    "url": "https://www.colorsencyclopedia.com/harmonies/alexandrite/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/alexandrite.json"
  }
]

Family groups

[
  {
    "family": "orange",
    "label": "Orange Harmonies",
    "count": 93,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/orange/",
    "sampleHarmonies": [
      {
        "slug": "raw-sienna",
        "name": "Raw Sienna",
        "hex": "#D68A59",
        "popularity": 88,
        "url": "https://www.colorsencyclopedia.com/harmonies/raw-sienna/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/raw-sienna.json"
      },
      {
        "slug": "terracotta",
        "name": "Terracotta",
        "hex": "#E2725B",
        "popularity": 88,
        "url": "https://www.colorsencyclopedia.com/harmonies/terracotta/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/terracotta.json"
      },
      {
        "slug": "adobe",
        "name": "Adobe",
        "hex": "#BD6C48",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/adobe/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/adobe.json"
      },
      {
        "slug": "antique-gold",
        "name": "Antique Gold",
        "hex": "#B08D57",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/antique-gold/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/antique-gold.json"
      },
      {
        "slug": "apricot",
        "name": "Apricot",
        "hex": "#FBCEB1",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/apricot/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/apricot.json"
      },
      {
        "slug": "bark",
        "name": "Bark",
        "hex": "#5B3A29",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/bark/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/bark.json"
      },
      {
        "slug": "bronze",
        "name": "Bronze",
        "hex": "#CD7F32",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/bronze/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/bronze.json"
      },
      {
        "slug": "burnt-orange",
        "name": "Burnt Orange",
        "hex": "#CC5500",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/burnt-orange/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/burnt-orange.json"
      }
    ]
  },
  {
    "family": "blue",
    "label": "Blue Harmonies",
    "count": 71,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/blue/",
    "sampleHarmonies": [
      {
        "slug": "cobalt-blue",
        "name": "Cobalt Blue",
        "hex": "#0047AB",
        "popularity": 88,
        "url": "https://www.colorsencyclopedia.com/harmonies/cobalt-blue/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cobalt-blue.json"
      },
      {
        "slug": "cool-gray",
        "name": "Cool Gray",
        "hex": "#8C92AC",
        "popularity": 88,
        "url": "https://www.colorsencyclopedia.com/harmonies/cool-gray/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cool-gray.json"
      },
      {
        "slug": "aegean-blue",
        "name": "Aegean Blue",
        "hex": "#4E6E81",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/aegean-blue/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/aegean-blue.json"
      },
      {
        "slug": "anodized-blue",
        "name": "Anodized Blue",
        "hex": "#0066CC",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/anodized-blue/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/anodized-blue.json"
      },
      {
        "slug": "arctic-blue",
        "name": "Arctic Blue",
        "hex": "#C6E6FB",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/arctic-blue/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/arctic-blue.json"
      },
      {
        "slug": "baby-blue",
        "name": "Baby Blue",
        "hex": "#89CFF0",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/baby-blue/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/baby-blue.json"
      },
      {
        "slug": "cadet-gray",
        "name": "Cadet Gray",
        "hex": "#91A3B0",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/cadet-gray/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cadet-gray.json"
      },
      {
        "slug": "cerulean",
        "name": "Cerulean",
        "hex": "#007BA7",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/cerulean/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cerulean.json"
      }
    ]
  },
  {
    "family": "green",
    "label": "Green Harmonies",
    "count": 68,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/green/",
    "sampleHarmonies": [
      {
        "slug": "fern-green",
        "name": "Fern Green",
        "hex": "#4F7942",
        "popularity": 88,
        "url": "https://www.colorsencyclopedia.com/harmonies/fern-green/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/fern-green.json"
      },
      {
        "slug": "moss-green",
        "name": "Moss Green",
        "hex": "#8A9A5B",
        "popularity": 88,
        "url": "https://www.colorsencyclopedia.com/harmonies/moss-green/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/moss-green.json"
      },
      {
        "slug": "sage-green",
        "name": "Sage Green",
        "hex": "#9CAF88",
        "popularity": 88,
        "url": "https://www.colorsencyclopedia.com/harmonies/sage-green/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/sage-green.json"
      },
      {
        "slug": "agave",
        "name": "Agave",
        "hex": "#6F8F72",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/agave/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/agave.json"
      },
      {
        "slug": "alexandrite",
        "name": "Alexandrite",
        "hex": "#3D8B74",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/alexandrite/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/alexandrite.json"
      },
      {
        "slug": "ash-gray",
        "name": "Ash Gray",
        "hex": "#B2BEB5",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/ash-gray/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/ash-gray.json"
      },
      {
        "slug": "avocado",
        "name": "Avocado",
        "hex": "#568203",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/avocado/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/avocado.json"
      },
      {
        "slug": "bottle-green",
        "name": "Bottle Green",
        "hex": "#006A4E",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/bottle-green/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/bottle-green.json"
      }
    ]
  },
  {
    "family": "yellow",
    "label": "Yellow Harmonies",
    "count": 62,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/",
    "sampleHarmonies": [
      {
        "slug": "acid-green",
        "name": "Acid Green",
        "hex": "#B0BF1A",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/acid-green/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/acid-green.json"
      },
      {
        "slug": "alabaster",
        "name": "Alabaster",
        "hex": "#EDEAE0",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/alabaster/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/alabaster.json"
      },
      {
        "slug": "amber",
        "name": "Amber",
        "hex": "#FFBF00",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/amber/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/amber.json"
      },
      {
        "slug": "bamboo",
        "name": "Bamboo",
        "hex": "#C7B56E",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/bamboo/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/bamboo.json"
      },
      {
        "slug": "brass",
        "name": "Brass",
        "hex": "#B5A642",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/brass/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/brass.json"
      },
      {
        "slug": "brushed-brass",
        "name": "Brushed Brass",
        "hex": "#B5A642",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/brushed-brass/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/brushed-brass.json"
      },
      {
        "slug": "butter",
        "name": "Butter",
        "hex": "#FFF1A8",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/butter/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/butter.json"
      },
      {
        "slug": "cadmium-yellow",
        "name": "Cadmium Yellow",
        "hex": "#FFF600",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/cadmium-yellow/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cadmium-yellow.json"
      }
    ]
  },
  {
    "family": "red",
    "label": "Red Harmonies",
    "count": 61,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/red/",
    "sampleHarmonies": [
      {
        "slug": "cherry-red",
        "name": "Cherry Red",
        "hex": "#D2042D",
        "popularity": 88,
        "url": "https://www.colorsencyclopedia.com/harmonies/cherry-red/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cherry-red.json"
      },
      {
        "slug": "baby-pink",
        "name": "Baby Pink",
        "hex": "#F4C2C2",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/baby-pink/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/baby-pink.json"
      },
      {
        "slug": "brick-red",
        "name": "Brick Red",
        "hex": "#8A3324",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/brick-red/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/brick-red.json"
      },
      {
        "slug": "burgundy",
        "name": "Burgundy",
        "hex": "#800020",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/burgundy/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/burgundy.json"
      },
      {
        "slug": "burnt-sienna",
        "name": "Burnt Sienna",
        "hex": "#E97451",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/burnt-sienna/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/burnt-sienna.json"
      },
      {
        "slug": "cadmium-red",
        "name": "Cadmium Red",
        "hex": "#E30022",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/cadmium-red/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cadmium-red.json"
      },
      {
        "slug": "cherry-blossom",
        "name": "Cherry Blossom",
        "hex": "#FFB7C5",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/cherry-blossom/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cherry-blossom.json"
      },
      {
        "slug": "cinnabar",
        "name": "Cinnabar",
        "hex": "#E44D2E",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/cinnabar/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cinnabar.json"
      }
    ]
  },
  {
    "family": "gray",
    "label": "Gray Harmonies",
    "count": 47,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/gray/",
    "sampleHarmonies": [
      {
        "slug": "charcoal",
        "name": "Charcoal",
        "hex": "#36454F",
        "popularity": 88,
        "url": "https://www.colorsencyclopedia.com/harmonies/charcoal/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/charcoal.json"
      },
      {
        "slug": "warm-gray",
        "name": "Warm Gray",
        "hex": "#8A8378",
        "popularity": 88,
        "url": "https://www.colorsencyclopedia.com/harmonies/warm-gray/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/warm-gray.json"
      },
      {
        "slug": "aluminum",
        "name": "Aluminum",
        "hex": "#D9DAD9",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/aluminum/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/aluminum.json"
      },
      {
        "slug": "asphalt",
        "name": "Asphalt",
        "hex": "#2B2B2B",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/asphalt/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/asphalt.json"
      },
      {
        "slug": "asphalt-gray",
        "name": "Asphalt Gray",
        "hex": "#4B4B4B",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/asphalt-gray/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/asphalt-gray.json"
      },
      {
        "slug": "basalt",
        "name": "Basalt",
        "hex": "#4B4C4C",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/basalt/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/basalt.json"
      },
      {
        "slug": "black",
        "name": "Black",
        "hex": "#000000",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/black/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/black.json"
      },
      {
        "slug": "carbon-black",
        "name": "Carbon Black",
        "hex": "#0C0C0C",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/carbon-black/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/carbon-black.json"
      }
    ]
  },
  {
    "family": "pink",
    "label": "Pink Harmonies",
    "count": 39,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/pink/",
    "sampleHarmonies": [
      {
        "slug": "aubergine",
        "name": "Aubergine",
        "hex": "#472C4C",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/aubergine/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/aubergine.json"
      },
      {
        "slug": "eggplant",
        "name": "Eggplant",
        "hex": "#614051",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/eggplant/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/eggplant.json"
      },
      {
        "slug": "flamingo-pink",
        "name": "Flamingo Pink",
        "hex": "#FC8EAC",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/flamingo-pink/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/flamingo-pink.json"
      },
      {
        "slug": "fluorescent-pink",
        "name": "Fluorescent Pink",
        "hex": "#FF1493",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/fluorescent-pink/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/fluorescent-pink.json"
      },
      {
        "slug": "hot-magenta",
        "name": "Hot Magenta",
        "hex": "#FF1DCE",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/hot-magenta/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/hot-magenta.json"
      },
      {
        "slug": "lilac",
        "name": "Lilac",
        "hex": "#C8A2C8",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/lilac/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/lilac.json"
      },
      {
        "slug": "merlot",
        "name": "Merlot",
        "hex": "#541E2E",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/merlot/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/merlot.json"
      },
      {
        "slug": "neon-pink",
        "name": "Neon Pink",
        "hex": "#FF10F0",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/neon-pink/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/neon-pink.json"
      }
    ]
  },
  {
    "family": "cyan",
    "label": "Cyan Harmonies",
    "count": 35,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/",
    "sampleHarmonies": [
      {
        "slug": "celeste",
        "name": "Celeste",
        "hex": "#B2FFFF",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/celeste/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/celeste.json"
      },
      {
        "slug": "duck-egg-blue",
        "name": "Duck Egg Blue",
        "hex": "#C3FBF4",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/duck-egg-blue/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/duck-egg-blue.json"
      },
      {
        "slug": "electric-blue",
        "name": "Electric Blue",
        "hex": "#7DF9FF",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/electric-blue/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/electric-blue.json"
      },
      {
        "slug": "moonstone",
        "name": "Moonstone",
        "hex": "#D9E6E8",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/moonstone/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/moonstone.json"
      },
      {
        "slug": "oxidized-copper",
        "name": "Oxidized Copper",
        "hex": "#6E7F80",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/oxidized-copper/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/oxidized-copper.json"
      },
      {
        "slug": "peacock-blue",
        "name": "Peacock Blue",
        "hex": "#005F69",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/peacock-blue/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/peacock-blue.json"
      },
      {
        "slug": "peacock-green",
        "name": "Peacock Green",
        "hex": "#006D5B",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/peacock-green/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/peacock-green.json"
      },
      {
        "slug": "petrol-blue",
        "name": "Petrol Blue",
        "hex": "#005F6A",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/petrol-blue/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/petrol-blue.json"
      }
    ]
  },
  {
    "family": "purple",
    "label": "Purple Harmonies",
    "count": 24,
    "url": "https://www.colorsencyclopedia.com/colors/by-family/purple/",
    "sampleHarmonies": [
      {
        "slug": "amethyst-deep",
        "name": "Amethyst Deep",
        "hex": "#5D3A9B",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/amethyst-deep/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/amethyst-deep.json"
      },
      {
        "slug": "cobalt-violet",
        "name": "Cobalt Violet",
        "hex": "#8F00FF",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/cobalt-violet/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cobalt-violet.json"
      },
      {
        "slug": "electric-purple",
        "name": "Electric Purple",
        "hex": "#BF00FF",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/electric-purple/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/electric-purple.json"
      },
      {
        "slug": "grape",
        "name": "Grape",
        "hex": "#6F2DA8",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/grape/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/grape.json"
      },
      {
        "slug": "han-purple",
        "name": "Han Purple",
        "hex": "#5218FA",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/han-purple/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/han-purple.json"
      },
      {
        "slug": "heather",
        "name": "Heather",
        "hex": "#B7A1C7",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/heather/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/heather.json"
      },
      {
        "slug": "magnolia",
        "name": "Magnolia",
        "hex": "#F8F4FF",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/magnolia/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/magnolia.json"
      },
      {
        "slug": "mauve",
        "name": "Mauve",
        "hex": "#E0B0FF",
        "popularity": 84,
        "url": "https://www.colorsencyclopedia.com/harmonies/mauve/",
        "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/mauve.json"
      }
    ]
  }
]

External datasets

{
  "groups": "https://www.colorsencyclopedia.com/api/harmonies/groups.json",
  "relations": "https://www.colorsencyclopedia.com/api/harmonies/relations.json",
  "pairs": "https://www.colorsencyclopedia.com/api/harmonies/pairs.json",
  "atlas": "https://www.colorsencyclopedia.com/api/harmonies/atlas.json"
}

Semantic groups

[
  "color harmonies",
  "palette generation",
  "complementary colors",
  "analogous colors",
  "triadic colors",
  "tetradic colors",
  "monochromatic colors",
  "AI-ready color relationships"
]

Related endpoints

[
  "https://www.colorsencyclopedia.com/api/harmonies.json",
  "https://www.colorsencyclopedia.com/api/harmonies/groups.json",
  "https://www.colorsencyclopedia.com/api/harmonies/relations.json",
  "https://www.colorsencyclopedia.com/api/harmonies/pairs.json",
  "https://www.colorsencyclopedia.com/api/harmonies/atlas.json",
  "https://www.colorsencyclopedia.com/api/colors.json",
  "https://www.colorsencyclopedia.com/dataset/manifest.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "hub": "color-harmonies",
  "label": "Color Harmonies Hub",
  "url": "https://www.colorsencyclopedia.com/harmonies/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies.json",
  "count": 500,
  "harmonyTypes": [
    "complementary",
    "analogous",
    "triadic",
    "tetradic",
    "split-complementary",
    "monochromatic"
  ],
  "semanticGroups": [
    "color harmonies",
    "palette generation",
    "complementary colors",
    "analogous colors",
    "triadic colors",
    "tetradic colors",
    "monochromatic colors",
    "AI-ready color relationships"
  ],
  "externalEndpoints": {
    "groups": "https://www.colorsencyclopedia.com/api/harmonies/groups.json",
    "relations": "https://www.colorsencyclopedia.com/api/harmonies/relations.json",
    "pairs": "https://www.colorsencyclopedia.com/api/harmonies/pairs.json",
    "atlas": "https://www.colorsencyclopedia.com/api/harmonies/atlas.json"
  },
  "popularHarmonyPages": [
    {
      "slug": "charcoal",
      "name": "Charcoal",
      "hex": "#36454F",
      "family": "gray",
      "temperature": "cool",
      "tone": [
        "dark",
        "neutral"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/charcoal/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/charcoal.json"
    },
    {
      "slug": "cherry-red",
      "name": "Cherry Red",
      "hex": "#D2042D",
      "family": "red",
      "temperature": "warm",
      "tone": [
        "vibrant"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/cherry-red/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cherry-red.json"
    },
    {
      "slug": "cobalt-blue",
      "name": "Cobalt Blue",
      "hex": "#0047AB",
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "jewel-tone"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/cobalt-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cobalt-blue.json"
    },
    {
      "slug": "cool-gray",
      "name": "Cool Gray",
      "hex": "#8C92AC",
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "muted"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/cool-gray/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cool-gray.json"
    },
    {
      "slug": "fern-green",
      "name": "Fern Green",
      "hex": "#4F7942",
      "family": "green",
      "temperature": "cool",
      "tone": [
        "earth-tone"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/fern-green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/fern-green.json"
    },
    {
      "slug": "moss-green",
      "name": "Moss Green",
      "hex": "#8A9A5B",
      "family": "green",
      "temperature": "cool",
      "tone": [
        "muted",
        "earth-tone"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/moss-green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/moss-green.json"
    },
    {
      "slug": "raw-sienna",
      "name": "Raw Sienna",
      "hex": "#D68A59",
      "family": "orange",
      "temperature": "warm",
      "tone": [
        "earth-tone"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/raw-sienna/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/raw-sienna.json"
    },
    {
      "slug": "sage-green",
      "name": "Sage Green",
      "hex": "#9CAF88",
      "family": "green",
      "temperature": "cool",
      "tone": [
        "muted",
        "earth-tone"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/sage-green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/sage-green.json"
    },
    {
      "slug": "terracotta",
      "name": "Terracotta",
      "hex": "#E2725B",
      "family": "orange",
      "temperature": "warm",
      "tone": [
        "earth-tone",
        "muted"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/terracotta/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/terracotta.json"
    },
    {
      "slug": "warm-gray",
      "name": "Warm Gray",
      "hex": "#8A8378",
      "family": "gray",
      "temperature": "neutral",
      "tone": [
        "muted"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/warm-gray/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/warm-gray.json"
    },
    {
      "slug": "acid-green",
      "name": "Acid Green",
      "hex": "#B0BF1A",
      "family": "yellow",
      "temperature": "warm",
      "tone": [
        "vibrant"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/acid-green/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/acid-green.json"
    },
    {
      "slug": "adobe",
      "name": "Adobe",
      "hex": "#BD6C48",
      "family": "orange",
      "temperature": "warm",
      "tone": [
        "earth-tone"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/adobe/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/adobe.json"
    },
    {
      "slug": "aegean-blue",
      "name": "Aegean Blue",
      "hex": "#4E6E81",
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "muted"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/aegean-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/aegean-blue.json"
    },
    {
      "slug": "agave",
      "name": "Agave",
      "hex": "#6F8F72",
      "family": "green",
      "temperature": "cool",
      "tone": [
        "muted",
        "earth-tone"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/agave/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/agave.json"
    },
    {
      "slug": "alabaster",
      "name": "Alabaster",
      "hex": "#EDEAE0",
      "family": "yellow",
      "temperature": "warm",
      "tone": [
        "light"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/alabaster/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/alabaster.json"
    },
    {
      "slug": "alexandrite",
      "name": "Alexandrite",
      "hex": "#3D8B74",
      "family": "green",
      "temperature": "cool",
      "tone": [
        "earth-tone"
      ],
      "url": "https://www.colorsencyclopedia.com/harmonies/alexandrite/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/alexandrite.json"
    }
  ],
  "familyGroups": [
    {
      "family": "orange",
      "label": "Orange Harmonies",
      "count": 93,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/orange/",
      "sampleHarmonies": [
        {
          "slug": "raw-sienna",
          "name": "Raw Sienna",
          "hex": "#D68A59",
          "popularity": 88,
          "url": "https://www.colorsencyclopedia.com/harmonies/raw-sienna/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/raw-sienna.json"
        },
        {
          "slug": "terracotta",
          "name": "Terracotta",
          "hex": "#E2725B",
          "popularity": 88,
          "url": "https://www.colorsencyclopedia.com/harmonies/terracotta/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/terracotta.json"
        },
        {
          "slug": "adobe",
          "name": "Adobe",
          "hex": "#BD6C48",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/adobe/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/adobe.json"
        },
        {
          "slug": "antique-gold",
          "name": "Antique Gold",
          "hex": "#B08D57",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/antique-gold/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/antique-gold.json"
        },
        {
          "slug": "apricot",
          "name": "Apricot",
          "hex": "#FBCEB1",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/apricot/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/apricot.json"
        },
        {
          "slug": "bark",
          "name": "Bark",
          "hex": "#5B3A29",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/bark/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/bark.json"
        },
        {
          "slug": "bronze",
          "name": "Bronze",
          "hex": "#CD7F32",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/bronze/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/bronze.json"
        },
        {
          "slug": "burnt-orange",
          "name": "Burnt Orange",
          "hex": "#CC5500",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/burnt-orange/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/burnt-orange.json"
        }
      ]
    },
    {
      "family": "blue",
      "label": "Blue Harmonies",
      "count": 71,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/blue/",
      "sampleHarmonies": [
        {
          "slug": "cobalt-blue",
          "name": "Cobalt Blue",
          "hex": "#0047AB",
          "popularity": 88,
          "url": "https://www.colorsencyclopedia.com/harmonies/cobalt-blue/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cobalt-blue.json"
        },
        {
          "slug": "cool-gray",
          "name": "Cool Gray",
          "hex": "#8C92AC",
          "popularity": 88,
          "url": "https://www.colorsencyclopedia.com/harmonies/cool-gray/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cool-gray.json"
        },
        {
          "slug": "aegean-blue",
          "name": "Aegean Blue",
          "hex": "#4E6E81",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/aegean-blue/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/aegean-blue.json"
        },
        {
          "slug": "anodized-blue",
          "name": "Anodized Blue",
          "hex": "#0066CC",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/anodized-blue/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/anodized-blue.json"
        },
        {
          "slug": "arctic-blue",
          "name": "Arctic Blue",
          "hex": "#C6E6FB",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/arctic-blue/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/arctic-blue.json"
        },
        {
          "slug": "baby-blue",
          "name": "Baby Blue",
          "hex": "#89CFF0",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/baby-blue/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/baby-blue.json"
        },
        {
          "slug": "cadet-gray",
          "name": "Cadet Gray",
          "hex": "#91A3B0",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/cadet-gray/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cadet-gray.json"
        },
        {
          "slug": "cerulean",
          "name": "Cerulean",
          "hex": "#007BA7",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/cerulean/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cerulean.json"
        }
      ]
    },
    {
      "family": "green",
      "label": "Green Harmonies",
      "count": 68,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/green/",
      "sampleHarmonies": [
        {
          "slug": "fern-green",
          "name": "Fern Green",
          "hex": "#4F7942",
          "popularity": 88,
          "url": "https://www.colorsencyclopedia.com/harmonies/fern-green/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/fern-green.json"
        },
        {
          "slug": "moss-green",
          "name": "Moss Green",
          "hex": "#8A9A5B",
          "popularity": 88,
          "url": "https://www.colorsencyclopedia.com/harmonies/moss-green/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/moss-green.json"
        },
        {
          "slug": "sage-green",
          "name": "Sage Green",
          "hex": "#9CAF88",
          "popularity": 88,
          "url": "https://www.colorsencyclopedia.com/harmonies/sage-green/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/sage-green.json"
        },
        {
          "slug": "agave",
          "name": "Agave",
          "hex": "#6F8F72",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/agave/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/agave.json"
        },
        {
          "slug": "alexandrite",
          "name": "Alexandrite",
          "hex": "#3D8B74",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/alexandrite/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/alexandrite.json"
        },
        {
          "slug": "ash-gray",
          "name": "Ash Gray",
          "hex": "#B2BEB5",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/ash-gray/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/ash-gray.json"
        },
        {
          "slug": "avocado",
          "name": "Avocado",
          "hex": "#568203",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/avocado/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/avocado.json"
        },
        {
          "slug": "bottle-green",
          "name": "Bottle Green",
          "hex": "#006A4E",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/bottle-green/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/bottle-green.json"
        }
      ]
    },
    {
      "family": "yellow",
      "label": "Yellow Harmonies",
      "count": 62,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/yellow/",
      "sampleHarmonies": [
        {
          "slug": "acid-green",
          "name": "Acid Green",
          "hex": "#B0BF1A",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/acid-green/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/acid-green.json"
        },
        {
          "slug": "alabaster",
          "name": "Alabaster",
          "hex": "#EDEAE0",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/alabaster/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/alabaster.json"
        },
        {
          "slug": "amber",
          "name": "Amber",
          "hex": "#FFBF00",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/amber/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/amber.json"
        },
        {
          "slug": "bamboo",
          "name": "Bamboo",
          "hex": "#C7B56E",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/bamboo/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/bamboo.json"
        },
        {
          "slug": "brass",
          "name": "Brass",
          "hex": "#B5A642",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/brass/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/brass.json"
        },
        {
          "slug": "brushed-brass",
          "name": "Brushed Brass",
          "hex": "#B5A642",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/brushed-brass/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/brushed-brass.json"
        },
        {
          "slug": "butter",
          "name": "Butter",
          "hex": "#FFF1A8",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/butter/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/butter.json"
        },
        {
          "slug": "cadmium-yellow",
          "name": "Cadmium Yellow",
          "hex": "#FFF600",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/cadmium-yellow/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cadmium-yellow.json"
        }
      ]
    },
    {
      "family": "red",
      "label": "Red Harmonies",
      "count": 61,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/red/",
      "sampleHarmonies": [
        {
          "slug": "cherry-red",
          "name": "Cherry Red",
          "hex": "#D2042D",
          "popularity": 88,
          "url": "https://www.colorsencyclopedia.com/harmonies/cherry-red/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cherry-red.json"
        },
        {
          "slug": "baby-pink",
          "name": "Baby Pink",
          "hex": "#F4C2C2",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/baby-pink/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/baby-pink.json"
        },
        {
          "slug": "brick-red",
          "name": "Brick Red",
          "hex": "#8A3324",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/brick-red/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/brick-red.json"
        },
        {
          "slug": "burgundy",
          "name": "Burgundy",
          "hex": "#800020",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/burgundy/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/burgundy.json"
        },
        {
          "slug": "burnt-sienna",
          "name": "Burnt Sienna",
          "hex": "#E97451",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/burnt-sienna/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/burnt-sienna.json"
        },
        {
          "slug": "cadmium-red",
          "name": "Cadmium Red",
          "hex": "#E30022",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/cadmium-red/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cadmium-red.json"
        },
        {
          "slug": "cherry-blossom",
          "name": "Cherry Blossom",
          "hex": "#FFB7C5",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/cherry-blossom/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cherry-blossom.json"
        },
        {
          "slug": "cinnabar",
          "name": "Cinnabar",
          "hex": "#E44D2E",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/cinnabar/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cinnabar.json"
        }
      ]
    },
    {
      "family": "gray",
      "label": "Gray Harmonies",
      "count": 47,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/gray/",
      "sampleHarmonies": [
        {
          "slug": "charcoal",
          "name": "Charcoal",
          "hex": "#36454F",
          "popularity": 88,
          "url": "https://www.colorsencyclopedia.com/harmonies/charcoal/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/charcoal.json"
        },
        {
          "slug": "warm-gray",
          "name": "Warm Gray",
          "hex": "#8A8378",
          "popularity": 88,
          "url": "https://www.colorsencyclopedia.com/harmonies/warm-gray/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/warm-gray.json"
        },
        {
          "slug": "aluminum",
          "name": "Aluminum",
          "hex": "#D9DAD9",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/aluminum/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/aluminum.json"
        },
        {
          "slug": "asphalt",
          "name": "Asphalt",
          "hex": "#2B2B2B",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/asphalt/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/asphalt.json"
        },
        {
          "slug": "asphalt-gray",
          "name": "Asphalt Gray",
          "hex": "#4B4B4B",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/asphalt-gray/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/asphalt-gray.json"
        },
        {
          "slug": "basalt",
          "name": "Basalt",
          "hex": "#4B4C4C",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/basalt/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/basalt.json"
        },
        {
          "slug": "black",
          "name": "Black",
          "hex": "#000000",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/black/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/black.json"
        },
        {
          "slug": "carbon-black",
          "name": "Carbon Black",
          "hex": "#0C0C0C",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/carbon-black/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/carbon-black.json"
        }
      ]
    },
    {
      "family": "pink",
      "label": "Pink Harmonies",
      "count": 39,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/pink/",
      "sampleHarmonies": [
        {
          "slug": "aubergine",
          "name": "Aubergine",
          "hex": "#472C4C",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/aubergine/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/aubergine.json"
        },
        {
          "slug": "eggplant",
          "name": "Eggplant",
          "hex": "#614051",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/eggplant/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/eggplant.json"
        },
        {
          "slug": "flamingo-pink",
          "name": "Flamingo Pink",
          "hex": "#FC8EAC",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/flamingo-pink/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/flamingo-pink.json"
        },
        {
          "slug": "fluorescent-pink",
          "name": "Fluorescent Pink",
          "hex": "#FF1493",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/fluorescent-pink/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/fluorescent-pink.json"
        },
        {
          "slug": "hot-magenta",
          "name": "Hot Magenta",
          "hex": "#FF1DCE",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/hot-magenta/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/hot-magenta.json"
        },
        {
          "slug": "lilac",
          "name": "Lilac",
          "hex": "#C8A2C8",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/lilac/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/lilac.json"
        },
        {
          "slug": "merlot",
          "name": "Merlot",
          "hex": "#541E2E",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/merlot/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/merlot.json"
        },
        {
          "slug": "neon-pink",
          "name": "Neon Pink",
          "hex": "#FF10F0",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/neon-pink/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/neon-pink.json"
        }
      ]
    },
    {
      "family": "cyan",
      "label": "Cyan Harmonies",
      "count": 35,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/cyan/",
      "sampleHarmonies": [
        {
          "slug": "celeste",
          "name": "Celeste",
          "hex": "#B2FFFF",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/celeste/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/celeste.json"
        },
        {
          "slug": "duck-egg-blue",
          "name": "Duck Egg Blue",
          "hex": "#C3FBF4",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/duck-egg-blue/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/duck-egg-blue.json"
        },
        {
          "slug": "electric-blue",
          "name": "Electric Blue",
          "hex": "#7DF9FF",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/electric-blue/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/electric-blue.json"
        },
        {
          "slug": "moonstone",
          "name": "Moonstone",
          "hex": "#D9E6E8",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/moonstone/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/moonstone.json"
        },
        {
          "slug": "oxidized-copper",
          "name": "Oxidized Copper",
          "hex": "#6E7F80",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/oxidized-copper/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/oxidized-copper.json"
        },
        {
          "slug": "peacock-blue",
          "name": "Peacock Blue",
          "hex": "#005F69",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/peacock-blue/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/peacock-blue.json"
        },
        {
          "slug": "peacock-green",
          "name": "Peacock Green",
          "hex": "#006D5B",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/peacock-green/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/peacock-green.json"
        },
        {
          "slug": "petrol-blue",
          "name": "Petrol Blue",
          "hex": "#005F6A",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/petrol-blue/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/petrol-blue.json"
        }
      ]
    },
    {
      "family": "purple",
      "label": "Purple Harmonies",
      "count": 24,
      "url": "https://www.colorsencyclopedia.com/colors/by-family/purple/",
      "sampleHarmonies": [
        {
          "slug": "amethyst-deep",
          "name": "Amethyst Deep",
          "hex": "#5D3A9B",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/amethyst-deep/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/amethyst-deep.json"
        },
        {
          "slug": "cobalt-violet",
          "name": "Cobalt Violet",
          "hex": "#8F00FF",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/cobalt-violet/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/cobalt-violet.json"
        },
        {
          "slug": "electric-purple",
          "name": "Electric Purple",
          "hex": "#BF00FF",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/electric-purple/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/electric-purple.json"
        },
        {
          "slug": "grape",
          "name": "Grape",
          "hex": "#6F2DA8",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/grape/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/grape.json"
        },
        {
          "slug": "han-purple",
          "name": "Han Purple",
          "hex": "#5218FA",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/han-purple/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/han-purple.json"
        },
        {
          "slug": "heather",
          "name": "Heather",
          "hex": "#B7A1C7",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/heather/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/heather.json"
        },
        {
          "slug": "magnolia",
          "name": "Magnolia",
          "hex": "#F8F4FF",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/magnolia/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/magnolia.json"
        },
        {
          "slug": "mauve",
          "name": "Mauve",
          "hex": "#E0B0FF",
          "popularity": 84,
          "url": "https://www.colorsencyclopedia.com/harmonies/mauve/",
          "apiUrl": "https://www.colorsencyclopedia.com/api/harmonies/mauve.json"
        }
      ]
    }
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/harmonies.json",
    "https://www.colorsencyclopedia.com/api/harmonies/groups.json",
    "https://www.colorsencyclopedia.com/api/harmonies/relations.json",
    "https://www.colorsencyclopedia.com/api/harmonies/pairs.json",
    "https://www.colorsencyclopedia.com/api/harmonies/atlas.json",
    "https://www.colorsencyclopedia.com/api/colors.json",
    "https://www.colorsencyclopedia.com/dataset/manifest.json"
  ]
}

Full Harmony Datasets

Large harmony datasets are published as static JSON resources so the HTML stays fast while crawlers, AI systems, and developers can still ingest the complete graph.

Browse Harmonies by Source Color Family

Open one family at a time. Each row links to a full harmony page for the named source color, without duplicating every generated harmony color on the hub.

Orange Harmonies93 pages

Showing 8 representative orange harmony pages. The complete 93-page family dataset is available in the external harmonies groups JSON endpoint.

Raw Sienna Harmoniesorange · popularity 88#D68A59Terracotta Harmoniesorange · popularity 88#E2725BAdobe Harmoniesorange · popularity 84#BD6C48Antique Gold Harmoniesorange · popularity 84#B08D57Apricot Harmoniesorange · popularity 84#FBCEB1Bark Harmoniesorange · popularity 84#5B3A29Bronze Harmoniesorange · popularity 84#CD7F32Burnt Orange Harmoniesorange · popularity 84#CC5500

Open full family harmony dataset Open Orange colors

Blue Harmonies71 pages

Showing 8 representative blue harmony pages. The complete 71-page family dataset is available in the external harmonies groups JSON endpoint.

Cobalt Blue Harmoniesblue · popularity 88#0047ABCool Gray Harmoniesblue · popularity 88#8C92ACAegean Blue Harmoniesblue · popularity 84#4E6E81Anodized Blue Harmoniesblue · popularity 84#0066CCArctic Blue Harmoniesblue · popularity 84#C6E6FBBaby Blue Harmoniesblue · popularity 84#89CFF0Cadet Gray Harmoniesblue · popularity 84#91A3B0Cerulean Harmoniesblue · popularity 84#007BA7

Open full family harmony dataset Open Blue colors

Green Harmonies68 pages

Showing 8 representative green harmony pages. The complete 68-page family dataset is available in the external harmonies groups JSON endpoint.

Fern Green Harmoniesgreen · popularity 88#4F7942Moss Green Harmoniesgreen · popularity 88#8A9A5BSage Green Harmoniesgreen · popularity 88#9CAF88Agave Harmoniesgreen · popularity 84#6F8F72Alexandrite Harmoniesgreen · popularity 84#3D8B74Ash Gray Harmoniesgreen · popularity 84#B2BEB5Avocado Harmoniesgreen · popularity 84#568203Bottle Green Harmoniesgreen · popularity 84#006A4E

Open full family harmony dataset Open Green colors

Yellow Harmonies62 pages

Showing 8 representative yellow harmony pages. The complete 62-page family dataset is available in the external harmonies groups JSON endpoint.

Acid Green Harmoniesyellow · popularity 84#B0BF1AAlabaster Harmoniesyellow · popularity 84#EDEAE0Amber Harmoniesyellow · popularity 84#FFBF00Bamboo Harmoniesyellow · popularity 84#C7B56EBrass Harmoniesyellow · popularity 84#B5A642Brushed Brass Harmoniesyellow · popularity 84#B5A642Butter Harmoniesyellow · popularity 84#FFF1A8Cadmium Yellow Harmoniesyellow · popularity 84#FFF600

Open full family harmony dataset Open Yellow colors

Red Harmonies61 pages

Showing 8 representative red harmony pages. The complete 61-page family dataset is available in the external harmonies groups JSON endpoint.

Cherry Red Harmoniesred · popularity 88#D2042DBaby Pink Harmoniesred · popularity 84#F4C2C2Brick Red Harmoniesred · popularity 84#8A3324Burgundy Harmoniesred · popularity 84#800020Burnt Sienna Harmoniesred · popularity 84#E97451Cadmium Red Harmoniesred · popularity 84#E30022Cherry Blossom Harmoniesred · popularity 84#FFB7C5Cinnabar Harmoniesred · popularity 84#E44D2E

Open full family harmony dataset Open Red colors

Gray Harmonies47 pages

Showing 8 representative gray harmony pages. The complete 47-page family dataset is available in the external harmonies groups JSON endpoint.

Charcoal Harmoniesgray · popularity 88#36454FWarm Gray Harmoniesgray · popularity 88#8A8378Aluminum Harmoniesgray · popularity 84#D9DAD9Asphalt Harmoniesgray · popularity 84#2B2B2BAsphalt Gray Harmoniesgray · popularity 84#4B4B4BBasalt Harmoniesgray · popularity 84#4B4C4CBlack Harmoniesgray · popularity 84#000000Carbon Black Harmoniesgray · popularity 84#0C0C0C

Open full family harmony dataset Open Gray colors

Pink Harmonies39 pages

Showing 8 representative pink harmony pages. The complete 39-page family dataset is available in the external harmonies groups JSON endpoint.

Aubergine Harmoniespink · popularity 84#472C4CEggplant Harmoniespink · popularity 84#614051Flamingo Pink Harmoniespink · popularity 84#FC8EACFluorescent Pink Harmoniespink · popularity 84#FF1493Hot Magenta Harmoniespink · popularity 84#FF1DCELilac Harmoniespink · popularity 84#C8A2C8Merlot Harmoniespink · popularity 84#541E2ENeon Pink Harmoniespink · popularity 84#FF10F0

Open full family harmony dataset Open Pink colors

Cyan Harmonies35 pages

Showing 8 representative cyan harmony pages. The complete 35-page family dataset is available in the external harmonies groups JSON endpoint.

Celeste Harmoniescyan · popularity 84#B2FFFFDuck Egg Blue Harmoniescyan · popularity 84#C3FBF4Electric Blue Harmoniescyan · popularity 84#7DF9FFMoonstone Harmoniescyan · popularity 84#D9E6E8Oxidized Copper Harmoniescyan · popularity 84#6E7F80Peacock Blue Harmoniescyan · popularity 84#005F69Peacock Green Harmoniescyan · popularity 84#006D5BPetrol Blue Harmoniescyan · popularity 84#005F6A

Open full family harmony dataset Open Cyan colors

Purple Harmonies24 pages

Showing 8 representative purple harmony pages. The complete 24-page family dataset is available in the external harmonies groups JSON endpoint.

Amethyst Deep Harmoniespurple · popularity 84#5D3A9BCobalt Violet Harmoniespurple · popularity 84#8F00FFElectric Purple Harmoniespurple · popularity 84#BF00FFGrape Harmoniespurple · popularity 84#6F2DA8Han Purple Harmoniespurple · popularity 84#5218FAHeather Harmoniespurple · popularity 84#B7A1C7Magnolia Harmoniespurple · popularity 84#F8F4FFMauve Harmoniespurple · popularity 84#E0B0FF

Open full family harmony dataset Open Purple colors

Color Harmonies Hub

Popular Color Harmony Pages

Machine-Readable Color Harmonies Index (JSON)

Full Harmony Datasets

Browse Harmonies by Source Color Family

Related Harmony Resources