Tailwind Shade Generator

/* Tailwind v4: app.css */
@theme {
  --color-brand-50: #f4f7fa;
  --color-brand-100: #eaf0f6;
  --color-brand-200: #cadbed;
  --color-brand-300: #a8c4e1;
  --color-brand-400: #7ea8d2;
  --color-brand-500: #598ec5;
  --color-brand-600: #407ab5;
  --color-brand-700: #386a9d;
  --color-brand-800: #2b5179;
  --color-brand-900: #264564;
  --color-brand-950: #17293a;
}