The Beauty of Restricted Palettes

Constraint Breeds Creativity

In the world of generative art, one of the most powerful constraints is the color palette. When you reduce an image from 16,777,216 colors to just 8, something remarkable happens — the image becomes more intentional. Every color carries weight. Every transition is deliberate.

How much can a few inks describe?

DUNE · the original printclick · arrow keys

Start with four chosen print inks: paper, pine, sage and terracotta. Pick a pixel to inspect its assignment, then edit an ink or extract a new palette size.

Every pixel chooses a representative4 palette colors

Edit a representative

Color 1910 pxColor 2139 pxColor 3395 pxColor 492 px

Changing one swatch can move many assignment boundaries at once. No spatial dithering is applied, so the palette decision stays visible.

Nearest in encoded RGB · 239, 146, 60

165.9

210.4

117.8

36.6 ←

Selected representative4 · #e07137

Channel RMSE (0–255)18.16

Nearest means smallest Euclidean RGB distance here. This is an assignment demonstration, not a claim that RGB distance is perceptually uniform or that the browser exported an indexed file.

Change one poster ink while holding the sampled pixel; nearest-color assignments and distances update together. Use any control to take over.

Reduce the poster palette and inspect which ink receives each sampled color. A fixed ink set makes the trade-off visible.

Try it yourself

Inspect the sunset, pale paper or dark lettering and compare distances to the editable ink palette.
Edit a palette color, then reduce the extracted palette size.

Watch: The nearest RGB representative wins. One changed swatch can reassign many pixels; the counts and channel error measure that change.

Full guide Open in the Lab

How Median-Cut Works

Median-cut quantization works by recursively splitting the RGB color cube along its longest axis. At each split, pixels are divided at the median, ensuring each resulting bucket contains roughly equal pixel counts. The average color of each final bucket becomes a palette entry.

// Median-cut: 16M colors → 8 palette entries
colorCube.sort(byLongestAxis);
const [left, right] = splitAtMedian(colorCube);
// Recurse 3 times: 2³ = 8 buckets
// Each bucket → one palette color

javascript

Let the picture suggest its palette

Botanical label · a small warm accent40 × 30 px

Count the source colors

27.2%

26.9%

26.8%

13.5%

3.6%

2.0%

The flower is the focal point, yet occupies few pixels. Popularity can spend every palette slot on the three similar paper shades. Grow the flower to change that tradeoff.

Keep the most frequent

Split and average color groups

What happens to the orange accent?

#e5632e → #b8b59b

Original accent → nearest available representative. Median cut can produce a new average color; it need not preserve the accent exactly.

Grow the orange flower at a fixed color budget until popularity gives the accent a palette slot. Use any control to take over.

Change the number of representatives and compare median-cut with popularity. Here the palette is extracted from the picture instead of chosen in advance.

Try it yourself

Compare the popularity and median-cut palettes with the same color budget.
Grow the orange flower and watch its pixel population and chosen representative.

Watch: Frequency and representation are different goals. Similar background colors can crowd out a small accent, while group averages may create a new color.

Full guide Open in the Lab

Retro Nostalgia, Modern Composition

There is also a nostalgia factor. Restricted palettes evoke early computer graphics — CGA, EGA, Game Boy palettes — but the compositions themselves are thoroughly modern. This tension between retro medium and contemporary subject matter is central to the BVDART aesthetic.

Every artwork in the portfolio is available in a "quantized" variant that reduces the palette to its essential colors — often revealing structure that was hidden in the full-color version.

Related Concepts

Floyd-Steinberg Dithering

Color Quantization