Colors

$colors: (
  'white': $white,
  'black': $black,
  'ecru-05': $ecru-05,
  'ecru-10': $ecru-10,
  'ecru-20': $ecru-20,
  'ecru-30': $ecru-30,
  'ecru-40': $ecru-40,
  'ecru-50': $ecru-50,
  'ecru-60': $ecru-60,
  'ecru-70': $ecru-70,
  'ecru-80': $ecru-80,
  'ecru-90': $ecru-90,
  'ecru-95': $ecru-95,
  'info-05': $info-05,
  'info-10': $info-10,
  'info-20': $info-20,
  'info-30': $info-30,
  'info-40': $info-40,
  'info-50': $info-50,
  'info-60': $info-60,
  'info-70': $info-70,
  'info-80': $info-80,
  'info-90': $info-90,
  'info-95': $info-95,
  'success-05': $success-05,
  'success-10': $success-10,
  'success-20': $success-20,
  'success-30': $success-30,
  'success-40': $success-40,
  'success-50': $success-50,
  'success-60': $success-60,
  'success-70': $success-70,
  'success-80': $success-80,
  'success-90': $success-90,
  'success-95': $success-95,
  'warning-05': $warning-05,
  'warning-10': $warning-10,
  'warning-20': $warning-20,
  'warning-30': $warning-30,
  'warning-40': $warning-40,
  'warning-50': $warning-50,
  'warning-60': $warning-60,
  'warning-70': $warning-70,
  'warning-80': $warning-80,
  'warning-90': $warning-90,
  'warning-95': $warning-95,
  'danger-05': $danger-05,
  'danger-10': $danger-10,
  'danger-20': $danger-20,
  'danger-30': $danger-30,
  'danger-40': $danger-40,
  'danger-50': $danger-50,
  'danger-60': $danger-60,
  'danger-70': $danger-70,
  'danger-80': $danger-80,
  'danger-90': $danger-90,
  'danger-95': $danger-95,
);

$theme-colors: (
  'white': $white,
  'black': $black,
  'info': $info,
  'success': $success,
  'warning': $warning,
  'danger': $danger,
  'ecru-05': $ecru-05,
  'ecru-95': $ecru-95,
);

.my-selector {
  color: get-color('ecru-95'); // Solid color
  background-color: get-color('ecru-95', 50); // With transparency from 05 to 95. Use full steps → 05 10 20 30 …
}