Baby Blue Color Palette

:root {
  --baby-blue-1: #4a8abe;
  --baby-blue-2: #6baed6;
  --baby-blue-3: #89c4f4;
  --baby-blue-4: #b3d9f9;
  --baby-blue-5: #e1f0fd;
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'baby-blue': {
          '100': '#4a8abe',
          '200': '#6baed6',
          '300': '#89c4f4',
          '400': '#b3d9f9',
          '500': '#e1f0fd',
        },
      },
    },
  },
}