Design Token Generator

Palette

W3C Design Tokens

{
  "color": {
    "brand-1": {
      "value": "#3B82F6",
      "type": "color"
    },
    "brand-2": {
      "value": "#A855F7",
      "type": "color"
    },
    "brand-3": {
      "value": "#EF4444",
      "type": "color"
    },
    "brand-4": {
      "value": "#10B981",
      "type": "color"
    },
    "brand-5": {
      "value": "#F59E0B",
      "type": "color"
    }
  }
}