Making a natural looking color generator algorithm

11 pointsposted 9 months ago
by foginni
(medium.com)

5 Comments

foginni

9 months ago

I created a simple monochromatic color palette generator inspired by the colors of nature, designed to align with how our eyes perceive color.

In the future, I plan to enhance the algorithm to include the generation of neutral (low saturation) palettes, for your design system.

willtemperley

9 months ago

Interesting - is there any science / maths behind the choice of greyscale values? Looks sigmoid-esque to me.

foginni

9 months ago

Thanks for your observation! The greyscale values were designed to meet the needs of UI designers for both light and dark modes, with a tighter grouping at the lighter end (from 25 to 200). However, as you move towards the darker values, they become more spread out. So while there is some clustering in the lighter shades, it’s not as pronounced at the dark end. The sigmoid pattern you noticed seems to be purely coincidental, but it's interesting how such patterns can emerge!