(image from the wiki, not exported)

Runge is a color notation system accompanied by a color palette generator inspired by Goethe’s exploration in color and materialized in Runge’s Color Sphere. Runge allows you to easily create and manipulate color schemes by treating color as hierarchical data. How many times have we wished: I want this same design, but in dark/green/blue? What would seem to be a straightforward task becomes more difficult to resolve because we do not posess the thinking tools to properly manage color.

The premise is very simple: if you produce a color scheme with equidistant luminance in each of it’s steps, it is possible to switch color schemes on the fly, with the certainty that every element which uses color will be changed appropriately. This makes designing for darkmode almost reduntant, since the information hierarchy is respected.

However, color in design not only posseses hierarchical values, it contains implicit ones. Consider: a design with a gray background and white cards in darkmode is not a gray background with black cards, it is a black background with light gray cards, so a straight color inversion does not work, there is another dimension of implicit meaning in the design: that of height.