Fix color
B
0
S
0
H
0
A
0
%
Add color
Fix color
B
0
S
0
H
0
A
0
%
Add color
Fix color
B
0
S
0
H
0
A
0
%
Add color
Fix color
B
0
S
0
H
0
A
0
%
Add color
Fix color
B
0
S
0
H
0
A
0
%
Add color
Fix color
B
0
S
0
H
0
A
0
%
Add color
Fix color
B
0
S
0
H
0
A
0
%
Add color
Fix color
B
0
S
0
H
0
A
0
%
Add color
Fix color
B
0
S
0
H
0
A
0
%
Add color
000000
,
100
B
0
0
S
0
0
H
0
0
A
0
%
0
%

Color Fitting adjusts a given color palette so that its colors follow a continuous flow.

After fine-tuning your palette by hand, use Color Fitting to give it a final polish!

How does it work?
Smooth out irregular colors

Fine-tuning colors by hand can introduce subtle inconsistencies. Color Fitting adjusts them so that the values flow naturally across the palette.

The fitted values will follow a smooth, continuous curve.

Fix specific colors as anchor points!

By default, the colors with the highest and lowest values for the selected property (such as Brightness) are fixed as anchor points.

You can also fix up to two additional colors that you don't want to change during fitting.

Limitations

Color Fitting doesn't yet account for web accessibility contrast standards such as WCAG 2.0 and APCA.

You can add up to 20 colors. Though you'll rarely need to divide a palette into that many steps!

Related links
Tags
colors
curve fitting
palette
Published on
August 31, 2026
Works