Limited Palettes

The modern digital canvas offers us 16.7 million colors. Faced with this infinite choice, it's easy to over-complicate our designs. We add gradients, soft shadows, and multi-color gradients in an attempt to make the interface look "modern."

But history shows us that the most memorable visual marks are created using radical restraint.

The Power of Constraint

In the 1960s, pop artists like Andy Warhol and Roy Lichtenstein worked with physical printing limitations. Every color required a separate silkscreen run, costing time and money. This constraint forced them to select highly saturated, limited color combinations that screamed for attention.

By limiting your palette to a single primary color, a background shade, and a structural border color, you force the layout to rely on composition, hierarchy, and typography for its impact.

Implementation in Code

When designing a CSS system, declare a strict set of custom properties:

• --color-primary
• --color-surface
• --color-on-surface

Avoid ad-hoc color utility classes. If a component cannot be styled using your core system, re-evaluate the design, not the stylesheet.