I designed the 12-bit rainbow palette for use on https://grid.iamkate.com. It consists of twelve colours chosen with consideration for how we perceive luminance, chroma, and hue. The palette uses a 12-bit colour depth, so each colour requires only four characters when specified as a hexadecimal colour code in a CSS or SVG file. For more details, see https://iamkate.com/data/12-bit-rainbow/
National Grid: Live

Shows the live status of Great Britain’s electric power transmission network

@katemorley Ooo, this is timely: I'm trying to figure out how to pick colors for a 10-step pattern for a painting project. Thanks!
@katemorley The bit about allowing constrained variance in luminance is very helpful, but how did you actually *do* it? Was this manual, or did you writing something to divide it up given some constraints?
@a I chose three colours (the yellow, red, and blue) and interpolated between them in the LCH colour space, and then chose 12-bit colours that approximated these ideal intermediate colours

@katemorley @a

Oh, I maybe this partly explains why I pecieved the yellow as standing out so much. But if this is the case, why are there only 2 colours between red and yellow, and 5 between yellow and blue? Is that to make up for the fact that yellow is offset from green in the RGB primary space?