oklch.co

A 5-colour OKLCH palette

Click a colour above to copy its hex. Open it in the generator to lock, regenerate and reorder — or send it to the Forge for full 50–950 tonal scales and design tokens.

contrast on white3.73:1Fair
contrast on black5.63:1Good
colour-vision safety7%worst: Deuteranopia
gamutsRGBWorks on every screen
oklchhex / rgbwcag on white / blackgamut
oklch(62.0% 0.1604 349.8)#CA5794 · rgb(202, 87, 148)3.96:1 / 5.30:1srgb
oklch(62.0% 0.1312 234.858)#0091C9 · rgb(0, 145, 201)3.56:1 / 5.89:1srgb
oklch(61.9% 0.1271 95.045)#9E8400 · rgb(158, 132, 0)3.65:1 / 5.75:1srgb
oklch(62.0% 0.1296 305.437)#9970C4 · rgb(153, 112, 196)3.84:1 / 5.47:1srgb
oklch(61.9% 0.0204 250.7)#7D8792 · rgb(125, 135, 146)3.65:1 / 5.75:1srgb
Open in generator →Why OKLCH?