Design Variables

Generate all the variables you need for your design system

programming-icon
$c-blue-50: #eff6ff;
$c-blue-100: #dbeafe;
$c-blue-200: #bfdbfe;
$c-blue-300: #93c5fd;
$c-blue-400: #60a5fa;
$c-blue-500: #3b82f6;
$c-blue-600: #2563eb;
$c-blue-700: #1d4ed8;
$c-blue-800: #1e40af;
$c-blue-900: #1e3a8a;

Start Generating Your Variables