About Oklchroma
August 5, 2025
Oklchroma is a color pattern generator that helps designers and developers create harmonious color scales based on the OKLCH color space. Instead of manually defining each shade, Oklchroma generates a complete set of color variables based on a single base color and using mathematical formulas in CSS to generate the rest of the colors.
Source: About Oklchroma
At CSS Day recently, I spoke about Daoist principles and CSS (the talk is here on Conffab). One of those was ‘less and less’ and hoe new color functions allow us to greatly simplify how we mirror example create a color palette, with a single color variable and the color-mix function in place of multiple pre-defined variables.
Here Brecht De Ruyte, who also spoke at CSS Day has created a tool to do something along these lines, though far more nuanced and sophisticated than my basic idea. Plus you get to develop your intuitions about how color spaces like OKLAB work and how they relate to other color spaces.
Related Speakers
