Menu

Individual skill

color

Use this skill whenever color decisions matter — picking the brand primary, defining a neutral ramp, designing status semantics (success/warning/error), choosing chart palettes, selecting accent hues, supporting dark mode, ensuring colorblind-safe contrast, or auditing an existing UI for color noise. Trigger when stakeholders argue about palette, when WCAG contrast is in scope, when designing for global audiences (where color symbolism varies), or when a UI feels "too colorful" or "too monochrome." Color is one of the foundational principles in 'Universal Principles of Design' (Lidwell, Holden, Butler 2003).

plugins/HDeibler/universal-design-principles/plugins/perception-and-hierarchy-principles/skills/color/SKILL.md

Read pinned source

Source commit d780783eba4ecc7c8b9429f95c9362df95f07c61

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
Yes
Repository scan complete
No
Skill scan complete
No
Observed behavior
Network or broad shell
Last checked
Nov 4, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
1,531
Repository last updated
Nov 6, 2026
License
Apache-2.0

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# Color

Color attracts attention, groups related elements, signals meaning, and shapes aesthetic response. Used deliberately, it carries information at a glance and unifies a product. Used carelessly, it adds noise, fails accessibility, and means different things to different audiences. Among visual variables, color is the loudest and the most easily abused.

## Definition (in our own words)

Color performs four jobs in design: it draws the eye to elements that matter (attention), it visually unifies elements that belong together (grouping), it carries categorical or semantic information (meaning — green is success, red is danger), and it shapes the aesthetic register of the design (a saturated palette feels energetic; a muted one feels serious). Each color you introduce to a design takes on one or more of these roles; designs that use color promiscuously dilute every role. The discipline is in the restraint: a small palette, used consistently, with each color earning its place.

## Origins and research lineage

- **Josef Albers**, *Interaction of Color* (1963). The foundational treatment of perceptual color relationships — how the same color reads differently against different backgrounds. Required reading for anyone designing color systems.
- **Johannes Itten**, *The Art of Color* (1961). The Bauhaus tradition of color theory; introduced the color wheel still used today.
- **Maxwell, Helmholtz, Hering** — 19th-century color-perception researchers whose work underlies modern color science (trichromacy, opponent-process theory).
- **Lidwell, Holden & Butler** (2003) compactly addressed the design implications under the headings of number of colors, combinations, saturation, and symbolism. The book emphasizes restraint: use color conservatively and never as the only signal.