Color Palette Generator

Generate harmonious color palettes using color theory. Export as CSS variables, SCSS, or JSON.

#00C788

Click to copy

#00A2C7

Click to copy

#003FC7

Click to copy

#2400C7

Click to copy

#8800C7

Click to copy

#00C788

161° 100% 39%

#00A2C7

191° 100% 39%

#003FC7

221° 100% 39%

#2400C7

251° 100% 39%

#8800C7

281° 100% 39%

Export Code

:root {
  --color-1: #00c788;
  --color-2: #00a2c7;
  --color-3: #003fc7;
  --color-4: #2400c7;
  --color-5: #8800c7;
}