Design Tokens.

AblePro Blue

:root {
  --color-1: #0647B8;
  --color-2: #0B63E5;
  --color-3: #3B82F6;
  --color-4: #DBEAFE;
  --color-5: #F5F8FF;
}

{
  "name": "AblePro Blue",
  "category": "Brand",
  "colors": [
    "#0647B8",
    "#0B63E5",
    "#3B82F6",
    "#DBEAFE",
    "#F5F8FF"
  ]
}

export default {
  theme: {
    extend: {
      colors: {
        "100": "#0647B8",
        "200": "#0B63E5",
        "300": "#3B82F6",
        "400": "#DBEAFE",
        "500": "#F5F8FF",
      }
    }
  }
}