CREATIVE WORKSHOP / COLOR
Choose color by relationship,
not vibes alone.
Color is an instrument. Knowing what it changes helps you use it with intention.
THE MAIN IDEA
Think about contrast, value, and context first.
Color decisions become easier when you break them into a few interacting properties. Hue names a family such as red or green. Value describes relative lightness, while saturation describes how intense or muted the color appears. Two colors with different hues can have nearly the same value, making their boundary hard to distinguish for some viewers and in some lighting. A design that needs readable text should check contrast between its foreground and background under the applicable accessibility guidelines rather than trusting a palette preview. A color-contrast checker is a useful filter, not a substitute for testing actual text sizes, non-text controls, states, and the complete interface. Color should not be the only signal carrying important meaning: pair it with a label, icon, pattern, or position. Consider how a palette appears under color-vision differences, low brightness, grayscale printing, and high ambient light. Warm-versus-cool associations can influence mood, but their meaning depends on culture, context, surrounding colors, and individual experience. There is no universal psychological recipe that predicts every viewer's feelings. A limited palette often feels coherent because repeated choices establish relationships and leave room for accents. One method is to choose a dominant color for large surfaces, a supporting color, and a high-contrast accent for a specific function. Check the palette on real material or displays, since paper, ink, screen brightness, and surrounding light change what colors seem like. For a website, assign color to roles—surface, text, link, focus indicator, warning—rather than scattering unrelated hex codes across components. This makes the system easier to revise and helps preserve legibility. Avoid using red and green as the only distinction for success and failure. Include text and robust shapes, then inspect focus, hover, disabled, and selected states. Color can also communicate visual hierarchy: a bright accent draws attention and should be reserved for the most important action rather than applied everywhere. Ask what a viewer must find first and whether the accent clarifies it. When a graphic communicates data, use a perceptually appropriate palette, label units, and avoid confusing category colors with ordered values. The best color system is not necessarily fashionable; it makes the content coherent and usable in the setting where the actual audience will encounter it.
TRY THIS
Test one important message in grayscale.
Create a two-color heading and background, then convert a copy to grayscale or squint from a distance. If the heading disappears, adjust lightness contrast. Add a label or shape so the message never depends on color alone.