I’m developing a web app (JavaScript/HTML/Three.js) where users draw on 3D models. Each drawing is given a particular adjective, and I want each adjective to correspond to a particular color which is drawn onto the 3D object. So, for example, if I want to color with “pleasant”, it would appear as some arbitrary on the 3D model. Every time I color with “pleasant”, it will appear as that same color.

For the sake of accessibility and usability, I want these colors to be as distinct as possible. And not only do they have to be distinct from each other, they also have to be distinct from the color of the 3D model, which needs to be distinct from the color of the background.

Currently, the 3D model is always a shade of grey (#595959) and is placed on a plain white (#ffffff) background.

I’m pulling these colors from a list of maximally contrasting colors I found here: http://godsnotwheregodsnot.blogspot.com/2012/09/color-distribution-methodology.html. I’ve also tried some other sets of similarly-generated colors found in some papers like this one.

Doing this, I’m limited to a number of adjectives/colors equal to or less than the number of colors suggested in these sets. Ideally, I’d be generating a list of colors at runtime.

Does anyone have suggestions for how I could approach generating a list of colors like this at runtime? I’ve done some searching around but haven’t turned up anything useful yet. Thanks in advance!

Bonus points if the colors generated look nice along with being maximally contrasting.