Notes · Color Systems
Color Systems
6 issues tagged with this topic.
Issue 0362026-07-23
How color functions as wayfinding in complex interfaces
Navigation is not only structural — it is also chromatic. When color is applied to navigation consistently, users develop a mental map of the product space without consciously registering that color is doing the work. When color is applied inconsistently, navigation becomes slower and more effortful.
NavigationUI DesignColor Systems
Product Update2026-06-04
Palette Audit: named-nearest matching against 5,446 colors, free and client-side
We just shipped a tool that takes any block of CSS, Tailwind config, or token JSON and returns: the named ColorArchive match for every color, near-duplicate clusters, every pairwise WCAG AA contrast failure, and specific swap-to-fix suggestions. Runs entirely in your browser.
Design TokensAccessibilityColor SystemsTools
Issue 0282026-05-28
Dark mode color systems: why most implementations get it wrong
Dark mode is not just a color inversion. Building a proper dark mode palette requires rethinking the entire color hierarchy — with different luminance relationships, contrast ratios, and chromatic intensity requirements than light mode.
Dark ModeColor SystemsUI DesignAccessibility
Issue 0262026-05-14
Seasonal color transitions: designing palettes that shift without a full rebrand
Seasonal color adaptation — updating a brand or product's palette for spring, summer, autumn, winter — is a design challenge with specific technical and perceptual requirements. How to do it without losing brand recognition.
SeasonalBrandColor SystemsDesign
Issue 0392026-03-22
How color creates visual hierarchy without touching your typefaces
Typography is not the only tool for hierarchy — color value, saturation, and surface contrast can do just as much work. Understanding how these variables interact lets you build interfaces where the reading order is obvious without relying on font weight alone.
UI DesignVisual HierarchyColor Systems
Issue 0412026-03-22
Color and component states: building interactive color systems
A button has more than one color. Every interactive element in a UI has at least four states — default, hover, active, and disabled — and each requires its own color specification. Building state colors deliberately, rather than picking them on the fly, is one of the highest-leverage decisions in UI palette work.
UI DesignColor SystemsInteractive Design
Browse other topics