Color Palette Generator

Color Harmony:

Generated Palette:

#EB2853Click to copy

#EB6028Click to copy

#EBC128Click to copy

Shades (100-900):

100#FDEEE8

200#F8C9B6

300#F4A485

400#EF7F53

500#EA5A21

600#C34412

700#92330E

800#602209

900#2F1004

Export:

:root {
  --color-1: #EB2853;
  --color-2: #EB6028;
  --color-3: #EBC128;

  /* Shades */
  --shade-100: #FDEEE8;
  --shade-200: #F8C9B6;
  --shade-300: #F4A485;
  --shade-400: #EF7F53;
  --shade-500: #EA5A21;
  --shade-600: #C34412;
  --shade-700: #92330E;
  --shade-800: #602209;
  --shade-900: #2F1004;
}

🐾