{
  "schema": "colorcombinations-learn/v1",
  "generated": "2026-06-01T15:03:08.843Z",
  "publisher": {
    "name": "The Dictionary of Color Combinations",
    "url": "https://colorcombinations.org/",
    "@id": "https://colorcombinations.org/#organization"
  },
  "article": {
    "slug": "wada-palettes-web-design",
    "type": "pillar",
    "readingOrder": null,
    "title": "How to Use Sanzo Wada Palettes in Web Design",
    "description": "A working method for using a 1933 historical color combination in a real interface: pick for the medium, assign color roles, pass contrast, and ship it as CSS tokens.",
    "eyebrow": "Working guide · Web design",
    "readingTime": "6 min",
    "tags": [
      "Web design",
      "Working guide",
      "CSS"
    ],
    "wordCount": 1020,
    "datePublished": "2026-06-01T00:00:00Z",
    "outline": [
      "Pick for the medium, not just the mood",
      "Assign color roles",
      "Respect contrast — verify, don't assume",
      "A worked example",
      "Ship it as tokens",
      "When not to use a Wada palette"
    ],
    "citedTerms": [
      {
        "term": "CSS custom properties",
        "meaning": "Reusable variables (--name) holding design tokens."
      },
      {
        "term": "color role",
        "meaning": "Background, text, or accent assignment for a palette member."
      }
    ],
    "relatedSlugs": [
      "accessible-palettes",
      "color-data-analysis"
    ],
    "url": "https://colorcombinations.org/learn/wada-palettes-web-design/",
    "api": "https://colorcombinations.org/api/learn/wada-palettes-web-design.json",
    "openGraph": "https://colorcombinations.org/og/learn/wada-palettes-web-design.svg",
    "relatedUrls": [
      {
        "slug": "accessible-palettes",
        "url": "https://colorcombinations.org/learn/accessible-palettes/",
        "api": "https://colorcombinations.org/api/learn/accessible-palettes.json"
      },
      {
        "slug": "color-data-analysis",
        "url": "https://colorcombinations.org/learn/color-data-analysis/",
        "api": "https://colorcombinations.org/api/learn/color-data-analysis.json"
      }
    ]
  },
  "license": "https://creativecommons.org/licenses/by/4.0/",
  "source": "colorcombinations.org editorial",
  "indexUrl": "https://colorcombinations.org/api/learn.json"
}