About Open Color
Open Color is an open-source scheme tuned for UI, with 13 families and ten perceptual steps (50 to 900) chosen for clarity on screens and in print.
How to use
Reference Open Color variables such as --oc-blue-5 in CSS, or import the JS map. The steps are calibrated for accessibility rather than just looks.
Official documentation ↗
Gray
Shades
Red
Shades
Pink
Shades
Grape
Shades
Violet
Shades
Indigo
Shades
Blue
Shades
Cyan
Shades
Teal
Shades
Green
Shades
Lime
Shades
Yellow
Shades
Orange
Shades
No matching colors
Source: Open Color 1.9.1 · open-color.js
