angular-material-palette-generator

Angular Material Palette Generator

This package lets you refine the color palettes to be integrated into Sass theme files generated by the Angular CLI (ng generate @angular/material:theme-color).

Online demo: https://avine.github.io/angular-material-palette-generator

$_palettes: (
  primary: (
    // 👇 This tool helps you refine the following Sass map
    0: #000000,
    10: #001d33,
    20: #003354,
    25: #003e65,
    30: #004a77,
    35: #00568a,
    40: #00639d,
    50: #2f7cb8,
    60: #4f96d4,
    70: #6cb1f0,
    80: #98cbff,
    90: #cfe5ff,
    95: #e8f1ff,
    98: #f7f9ff,
    99: #fcfcff,
    100: #ffffff,
  ),
  secondary: (
    // 👇  ...
  ),
  tertiary: (
    // 👇  ...
  ),
  neutral: (
    // 👇  ...
  ),
  neutral-variant: (
    // ...
  ),
  error: (
    // 👇  ...
  ),
);