{
  "$description": "Tilta brand colours. Source of truth is OKLCH on the pinned brand hue 285.5; hex is derived and exact (all colours sit inside sRGB). Use the semantic tokens in products and websites, the primitives for print and illustration.",
  "$extensions": {
    "com.tilta.meta": {
      "version": "2026-10-19",
      "brandHue": 285.5,
      "precision": "L and C to 3 decimals, H to 1 decimal"
    }
  },
  "color": {
    "white": {
      "$type": "color",
      "$value": {
        "colorSpace": "oklch",
        "components": [
          1,
          0,
          0
        ],
        "hex": "#ffffff"
      }
    },
    "violet": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.97,
            0.014,
            285.5
          ],
          "hex": "#f4f4ff"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.942,
            0.028,
            285.5
          ],
          "hex": "#e9eafe"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.892,
            0.054,
            285.5
          ],
          "hex": "#d7d7ff"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.822,
            0.092,
            285.5
          ],
          "hex": "#bfbdfe"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.74,
            0.14,
            285.5
          ],
          "hex": "#a39dff"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.658,
            0.189,
            285.5
          ],
          "hex": "#8a7afe"
        },
        "$description": "Brand. Accents, illustrations, icons and text from 24px. 3.34:1 on white.",
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.584,
            0.189,
            285.5
          ],
          "hex": "#7563e4"
        },
        "$description": "Brand, darker for contrast. Buttons with white labels, links, text. 4.51:1 on white.",
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.5,
            0.17,
            285.5
          ],
          "hex": "#5e4dbe"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.42,
            0.145,
            285.5
          ],
          "hex": "#493b97"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.34,
            0.115,
            285.5
          ],
          "hex": "#352a70"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.262,
            0.085,
            285.5
          ],
          "hex": "#221b4b"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      }
    },
    "neutral": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.985,
            0.002,
            285.5
          ],
          "hex": "#fafafb"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.965,
            0.003,
            285.5
          ],
          "hex": "#f3f3f5"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.925,
            0.005,
            285.5
          ],
          "hex": "#e6e6e9"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.87,
            0.007,
            285.5
          ],
          "hex": "#d3d4d9"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.64,
            0.01,
            285.5
          ],
          "hex": "#8b8b92"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.555,
            0.011,
            285.5
          ],
          "hex": "#727279"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.48,
            0.012,
            285.5
          ],
          "hex": "#5d5d64"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.4,
            0.013,
            285.5
          ],
          "hex": "#47474f"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.32,
            0.015,
            285.5
          ],
          "hex": "#32323a"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.245,
            0.016,
            285.5
          ],
          "hex": "#201f28"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.179,
            0.018,
            285.5
          ],
          "hex": "#101019"
        },
        "$description": "Branded black. Text and dark surfaces instead of pure black.",
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      }
    },
    "success": {
      "base": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.8,
            0.219,
            150.0
          ],
          "hex": "#09e36b"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "text": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.528,
            0.145,
            150.0
          ],
          "hex": "#01813a"
        },
        "$description": "Text on the soft background, 4.5:1 or more.",
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "soft": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.965,
            0.056,
            150.0
          ],
          "hex": "#daffe0"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "dark-soft": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.3,
            0.05,
            150.0
          ],
          "hex": "#1a3520"
        }
      },
      "dark-text": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.7,
            0.175,
            150.0
          ],
          "hex": "#30bb60"
        }
      }
    },
    "warning": {
      "base": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.73,
            0.182,
            50.0
          ],
          "hex": "#ff7e21"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "text": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.549,
            0.144,
            50.0
          ],
          "hex": "#b15203"
        },
        "$description": "Text on the soft background, 4.5:1 or more.",
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "soft": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.96,
            0.022,
            50.0
          ],
          "hex": "#ffeee5"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "dark-soft": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.3,
            0.05,
            50.0
          ],
          "hex": "#422616"
        }
      },
      "dark-text": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.7,
            0.146,
            50.0
          ],
          "hex": "#e58042"
        }
      }
    },
    "error": {
      "base": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.65,
            0.23,
            15.0
          ],
          "hex": "#fb3560"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "text": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.559,
            0.2,
            15.0
          ],
          "hex": "#ce274d"
        },
        "$description": "Text on the soft background, 4.5:1 or more.",
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "soft": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.955,
            0.022,
            15.0
          ],
          "hex": "#ffebeb"
        },
        "$extensions": {
          "com.tilta.print": {
            "cmyk-fogra51": null,
            "cmyk-fogra52": null,
            "pantone": null,
            "note": "Pending: CMYK via ICC conversion (PSO Coated v3 / PSO Uncoated v3), Pantone picked by a designer from a physical swatch book."
          }
        }
      },
      "dark-soft": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.3,
            0.05,
            15.0
          ],
          "hex": "#432326"
        }
      },
      "dark-text": {
        "$type": "color",
        "$value": {
          "colorSpace": "oklch",
          "components": [
            0.7,
            0.184,
            15.0
          ],
          "hex": "#fb6479"
        }
      }
    }
  },
  "semantic": {
    "light": {
      "background": {
        "$type": "color",
        "$value": "{color.white}"
      },
      "foreground": {
        "$type": "color",
        "$value": "{color.neutral.950}"
      },
      "surface": {
        "$type": "color",
        "$value": "{color.neutral.50}"
      },
      "border": {
        "$type": "color",
        "$value": "{color.neutral.200}"
      },
      "muted-foreground": {
        "$type": "color",
        "$value": "{color.neutral.500}"
      },
      "subtle-foreground": {
        "$type": "color",
        "$value": "{color.neutral.400}"
      },
      "secondary-foreground": {
        "$type": "color",
        "$value": "{color.neutral.600}"
      },
      "brand": {
        "$type": "color",
        "$value": "{color.violet.500}"
      },
      "primary": {
        "$type": "color",
        "$value": "{color.violet.600}"
      },
      "primary-foreground": {
        "$type": "color",
        "$value": "{color.white}"
      },
      "primary-soft": {
        "$type": "color",
        "$value": "{color.violet.50}"
      },
      "primary-soft-foreground": {
        "$type": "color",
        "$value": "{color.violet.700}"
      },
      "ring": {
        "$type": "color",
        "$value": "{color.violet.500}"
      },
      "success": {
        "$type": "color",
        "$value": "{color.success.base}"
      },
      "success-soft": {
        "$type": "color",
        "$value": "{color.success.soft}"
      },
      "success-foreground": {
        "$type": "color",
        "$value": "{color.success.text}"
      },
      "warning": {
        "$type": "color",
        "$value": "{color.warning.base}"
      },
      "warning-soft": {
        "$type": "color",
        "$value": "{color.warning.soft}"
      },
      "warning-foreground": {
        "$type": "color",
        "$value": "{color.warning.text}"
      },
      "error": {
        "$type": "color",
        "$value": "{color.error.base}"
      },
      "error-soft": {
        "$type": "color",
        "$value": "{color.error.soft}"
      },
      "error-foreground": {
        "$type": "color",
        "$value": "{color.error.text}"
      }
    },
    "dark": {
      "background": {
        "$type": "color",
        "$value": "{color.neutral.950}"
      },
      "foreground": {
        "$type": "color",
        "$value": "{color.neutral.50}"
      },
      "surface": {
        "$type": "color",
        "$value": "{color.neutral.900}"
      },
      "border": {
        "$type": "color",
        "$value": "{color.neutral.800}"
      },
      "muted-foreground": {
        "$type": "color",
        "$value": "{color.neutral.400}"
      },
      "subtle-foreground": {
        "$type": "color",
        "$value": "{color.neutral.500}"
      },
      "secondary-foreground": {
        "$type": "color",
        "$value": "{color.neutral.300}"
      },
      "brand": {
        "$type": "color",
        "$value": "{color.violet.500}"
      },
      "primary": {
        "$type": "color",
        "$value": "{color.violet.500}"
      },
      "primary-foreground": {
        "$type": "color",
        "$value": "{color.neutral.950}"
      },
      "primary-soft": {
        "$type": "color",
        "$value": "{color.violet.950}"
      },
      "primary-soft-foreground": {
        "$type": "color",
        "$value": "{color.violet.200}"
      },
      "ring": {
        "$type": "color",
        "$value": "{color.violet.400}"
      },
      "success": {
        "$type": "color",
        "$value": "{color.success.base}"
      },
      "success-soft": {
        "$type": "color",
        "$value": "{color.success.dark-soft}"
      },
      "success-foreground": {
        "$type": "color",
        "$value": "{color.success.dark-text}"
      },
      "warning": {
        "$type": "color",
        "$value": "{color.warning.base}"
      },
      "warning-soft": {
        "$type": "color",
        "$value": "{color.warning.dark-soft}"
      },
      "warning-foreground": {
        "$type": "color",
        "$value": "{color.warning.dark-text}"
      },
      "error": {
        "$type": "color",
        "$value": "{color.error.base}"
      },
      "error-soft": {
        "$type": "color",
        "$value": "{color.error.dark-soft}"
      },
      "error-foreground": {
        "$type": "color",
        "$value": "{color.error.dark-text}"
      }
    }
  }
}