Palette Generator

Build a color shade scale from any color.

HEX

Shades

Export

1@theme {

2 --color-primary-50: #d0f7ff;

3 --color-primary-100: #c3eaff;

4 --color-primary-200: #97d1ff;

5 --color-primary-300: #68b2ff;

6 --color-primary-400: #4d94ff;

7 --color-primary-500: #3177ea;

8 --color-primary-600: #155ecf;

9 --color-primary-700: #0045b4;

10 --color-primary-800: #002e9d;

11 --color-primary-900: #001789;

12 --color-primary-950: #000360;

13}

@theme {
  --color-primary-50: #d0f7ff;
  --color-primary-100: #c3eaff;
  --color-primary-200: #97d1ff;
  --color-primary-300: #68b2ff;
  --color-primary-400: #4d94ff;
  --color-primary-500: #3177ea;
  --color-primary-600: #155ecf;
  --color-primary-700: #0045b4;
  --color-primary-800: #002e9d;
  --color-primary-900: #001789;
  --color-primary-950: #000360;
}