Color tone

Classic Colors

Classic colors group 1 named swatches by visual character, including Navy Blue. According to Colors Encyclopedia, each tone group links practical color names to HEX values, families, temperature labels, luminance, WCAG contrast, and matching color detail pages.

Classic colors are familiar, durable, and broadly usable across design contexts. They work well in reference systems, identity palettes, editorial layouts, and interfaces that need recognizable color language.

1named colors
Cooldominant temperature
1family groups

Classic Signature Palette

Representative classic colors selected from the highest-priority named swatches in this tone group.

Popular Classic Colors

The most useful classic colors for palettes, interfaces, branding, accessibility checks, and design-system references.

Machine-readable data

Machine-Readable Classic Color Tone (JSON)

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

AI-Ready Dataset v1.0.0
toneCanonical color tone slug
countNumber of named colors
familyGroupsIn-page family clusters
signatureColorsRepresentative tone palette
semanticGroupsAI-readable tone labels
popularColorsHighest-priority color records
Download JSON Open API
Structured sections
Tone
{
  "tone": "classic",
  "label": "Classic Colors",
  "count": 1,
  "dominantTemperature": "cool"
}
Family groups
[
  {
    "family": "blue",
    "count": 1,
    "url": "https://www.colorsencyclopedia.com/colors/by-tone/classic/"
  }
]
Signature colors
[
  {
    "slug": "navy-blue",
    "name": "Navy Blue",
    "hex": "#000080",
    "family": "blue",
    "temperature": "cool",
    "popularity": 73,
    "url": "https://www.colorsencyclopedia.com/colors/navy-blue/"
  }
]
Semantic groups
[
  "classic colors",
  "classic color tone",
  "classic blue colors",
  "cool classic colors"
]
Popular colors
[
  {
    "slug": "navy-blue",
    "name": "Navy Blue",
    "hex": "#000080",
    "family": "blue",
    "temperature": "cool",
    "tone": [
      "dark",
      "classic"
    ],
    "popularity": 73,
    "url": "https://www.colorsencyclopedia.com/colors/navy-blue/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/navy-blue.json"
  }
]
Full JSON dataset
{
  "datasetVersion": "1.0.0",
  "tone": "classic",
  "label": "Classic Colors",
  "description": "Classic colors are familiar, durable, and broadly usable across design contexts. They work well in reference systems, identity palettes, editorial layouts, and interfaces that need recognizable color language.",
  "url": "https://www.colorsencyclopedia.com/colors/by-tone/classic/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/colors/by-tone/classic.json",
  "count": 1,
  "dominantTemperature": "cool",
  "familyGroups": [
    {
      "family": "blue",
      "count": 1,
      "url": "https://www.colorsencyclopedia.com/colors/by-tone/classic/"
    }
  ],
  "temperatureGroups": [
    {
      "temperature": "cool",
      "count": 1,
      "url": "https://www.colorsencyclopedia.com/colors/by-temperature/cool/"
    }
  ],
  "semanticGroups": [
    "classic colors",
    "classic color tone",
    "classic blue colors",
    "cool classic colors"
  ],
  "signatureColors": [
    {
      "slug": "navy-blue",
      "name": "Navy Blue",
      "hex": "#000080",
      "family": "blue",
      "temperature": "cool",
      "popularity": 73,
      "url": "https://www.colorsencyclopedia.com/colors/navy-blue/"
    }
  ],
  "popularColors": [
    {
      "slug": "navy-blue",
      "name": "Navy Blue",
      "hex": "#000080",
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "dark",
        "classic"
      ],
      "popularity": 73,
      "url": "https://www.colorsencyclopedia.com/colors/navy-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/navy-blue.json"
    }
  ],
  "colors": [
    {
      "slug": "navy-blue",
      "name": "Navy Blue",
      "hex": "#000080",
      "rgb": [
        0,
        0,
        128
      ],
      "hsl": [
        240,
        100,
        25
      ],
      "cmyk": [
        100,
        100,
        0,
        50
      ],
      "family": "blue",
      "temperature": "cool",
      "tone": [
        "dark",
        "classic"
      ],
      "popularity": 73,
      "luminance": 0.0156,
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      },
      "url": "https://www.colorsencyclopedia.com/colors/navy-blue/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/navy-blue.json"
    }
  ]
}

Browse Classic by Family

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

Classic Blue Colors1 colors

Classic blue colors combine classic visual character with the blue family, making them useful for palettes, UI surfaces, brand accents, and color lookup.

Classic Color Index

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