चार्ट पैलेट ओकाबे–इतो, मापे हुए

/* Generated by Auric Artisan chart palettes (Okabe–Ito) on 2026-10-04 */
:root {
  --chart-light-1: #0072B2; /* Blue (Okabe–Ito) */
  --chart-light-2: #D55E00; /* Vermilion (Okabe–Ito) */
  --chart-light-3: #000000; /* Black (Okabe–Ito) */
  --chart-light-4: #CC79A7; /* Reddish purple (Okabe–Ito) */
  --chart-light-5: #009E73; /* Bluish green (Okabe–Ito) */
  --chart-light-6: #56B4E9; /* Sky blue (Okabe–Ito) */
  --chart-light-7: #F0E442; /* Yellow (Okabe–Ito) */
  --chart-light-8: #E69F00; /* Orange (Okabe–Ito) */
  --chart-dark-1: #0072B2; /* Blue (Okabe–Ito) */
  --chart-dark-2: #D55E00; /* Vermilion (Okabe–Ito) */
  --chart-dark-3: #FFFFFF; /* White, in place of Okabe–Ito black on dark charts */
  --chart-dark-4: #56B4E9; /* Sky blue (Okabe–Ito) */
  --chart-dark-5: #F0E442; /* Yellow (Okabe–Ito) */
  --chart-dark-6: #CC79A7; /* Reddish purple (Okabe–Ito) */
  --chart-dark-7: #009E73; /* Bluish green (Okabe–Ito) */
  --chart-dark-8: #E69F00; /* Orange (Okabe–Ito) */
}

{
  "light": [
    "#0072B2",
    "#D55E00",
    "#000000",
    "#CC79A7",
    "#009E73",
    "#56B4E9",
    "#F0E442",
    "#E69F00"
  ],
  "dark": [
    "#0072B2",
    "#D55E00",
    "#FFFFFF",
    "#56B4E9",
    "#F0E442",
    "#CC79A7",
    "#009E73",
    "#E69F00"
  ]
}

// Generated by Auric Artisan chart palettes (Okabe–Ito) on 2026-10-04
/** @type {import('tailwindcss').Config} */
module.exports = {
  theme: {
    extend: {
      colors: {
        "chart": {
          "light": {
            "1": "#0072B2",
            "2": "#D55E00",
            "3": "#000000",
            "4": "#CC79A7",
            "5": "#009E73",
            "6": "#56B4E9",
            "7": "#F0E442",
            "8": "#E69F00"
          },
          "dark": {
            "1": "#0072B2",
            "2": "#D55E00",
            "3": "#FFFFFF",
            "4": "#56B4E9",
            "5": "#F0E442",
            "6": "#CC79A7",
            "7": "#009E73",
            "8": "#E69F00"
          }
        }
      }
    },
  },
};

{
  "$schema": "https://schemas.tokens.studio/latest/tokens-schema.json",
  "$description": "Generated by Auric Artisan chart palettes (Okabe–Ito) on 2026-10-04",
  "chart": {
    "light": {
      "1": {
        "$value": "#0072B2",
        "$type": "color",
        "$description": "Blue (Okabe–Ito)"
      },
      "2": {
        "$value": "#D55E00",
        "$type": "color",
        "$description": "Vermilion (Okabe–Ito)"
      },
      "3": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Black (Okabe–Ito)"
      },
      "4": {
        "$value": "#CC79A7",
        "$type": "color",
        "$description": "Reddish purple (Okabe–Ito)"
      },
      "5": {
        "$value": "#009E73",
        "$type": "color",
        "$description": "Bluish green (Okabe–Ito)"
      },
      "6": {
        "$value": "#56B4E9",
        "$type": "color",
        "$description": "Sky blue (Okabe–Ito)"
      },
      "7": {
        "$value": "#F0E442",
        "$type": "color",
        "$description": "Yellow (Okabe–Ito)"
      },
      "8": {
        "$value": "#E69F00",
        "$type": "color",
        "$description": "Orange (Okabe–Ito)"
      }
    },
    "dark": {
      "1": {
        "$value": "#0072B2",
        "$type": "color",
        "$description": "Blue (Okabe–Ito)"
      },
      "2": {
        "$value": "#D55E00",
        "$type": "color",
        "$description": "Vermilion (Okabe–Ito)"
      },
      "3": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "White, in place of Okabe–Ito black on dark charts"
      },
      "4": {
        "$value": "#56B4E9",
        "$type": "color",
        "$description": "Sky blue (Okabe–Ito)"
      },
      "5": {
        "$value": "#F0E442",
        "$type": "color",
        "$description": "Yellow (Okabe–Ito)"
      },
      "6": {
        "$value": "#CC79A7",
        "$type": "color",
        "$description": "Reddish purple (Okabe–Ito)"
      },
      "7": {
        "$value": "#009E73",
        "$type": "color",
        "$description": "Bluish green (Okabe–Ito)"
      },
      "8": {
        "$value": "#E69F00",
        "$type": "color",
        "$description": "Orange (Okabe–Ito)"
      }
    }
  }
}