skills.homes logoskills.homescapability registry
home/categories/design/dylantarre-design-system-skills-skills-tokens-color-scale-skill-md
cd ..
designcontent-media

color-scale

Generates perceptually uniform OKLCH color palettes from brand colors. Use when creating color systems, theme palettes, or converting hex values to 11-step scales. Outputs CSS custom properties, Tailwind config, or JSON tokens.

View Sourcedesign
dylantarre
maintainer
dylantarre
Updated 12/30/2025
Stars
20
Forks
2
quick start

Installation and usage

Generates perceptually uniform OKLCH color palettes from brand colors. Use when creating color systems, theme palettes, or converting hex values to 11-step scales. Outputs CSS custom properties, Tailwind config, or JSON tokens.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use color-scale