HomeCSS ToolsColor Palette Generator

Color Palette Generator

Generate harmonious color palettes using color theory. Choose from 6 harmony modes.

#00C788
#00A2C7
#003FC7
#2400C7
#8800C7

#00C788

HSL: 161° 100% 39%

OKLCH: oklch(0.73 0.162 161.7)

A2.2:1 (Fail)
A9.5:1 (AAA)
Tonal Scale

#00A2C7

HSL: 191° 100% 39%

OKLCH: oklch(0.66 0.122 221.7)

A3.0:1 (A Large)
A7.0:1 (AA)
Tonal Scale

#003FC7

HSL: 221° 100% 39%

OKLCH: oklch(0.44 0.217 262.8)

A8.3:1 (AAA)
A2.5:1 (Fail)
Tonal Scale

#2400C7

HSL: 251° 100% 39%

OKLCH: oklch(0.39 0.253 270.3)

A11.1:1 (AAA)
A1.9:1 (Fail)
Tonal Scale

#8800C7

HSL: 281° 100% 39%

OKLCH: oklch(0.49 0.249 308.6)

A7.3:1 (AAA)
A2.9:1 (Fail)
Tonal Scale

Export Code

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