2. CT M1 Color Foundations

Color Theory Module 1

CT M1 — Color Foundations. Covers what color physically and perceptually is, core terminology (hue, saturation, value, etc.), color systems (RGB, CMYK, HEX, Pantone), color wheels (RYB vs. RGB), color temperature, cone architecture, and opponent-process theory.

Color as Perceptual Event

Color is not a property of objects — it is something that happens in the brain, not in the world. The chain: light hits surface → wavelengths reflect → photoreceptors fire → visual cortex interprets signal → that interpretation is color. Critical implication: color is not universal or fixed.

Color Is Not Universal

Because color is a perceptual event filtered through biology, context, prior experience, and culture, two people looking at the same brand color have slightly different perceptual experiences. Good branding works with the range of likely perceptions, not a fixed "true" color.

Hue

The pure color itself — red, blue, yellow — with no modifiers. When someone says "color," they typically mean hue. The base identity of a color before any modification.

Saturation (Chroma)

How intense or pure a hue is. Fully saturated = vivid, electric. Desaturated = muted, grayed out. One of the most underused levers in branding. High saturation = high energy, confidence, often youthful. Low saturation = sophisticated, calm, premium.

Value (Lightness / Luminance)

How light or dark a color is. White = maximum value; black = zero value. The primary axis governing contrast and readability — more than hue or saturation.

Tint

A hue with white added, making it lighter. Example: blush is a tint of red.

Shade

A hue with black added, making it darker. Example: maroon is a shade of red.

Tone

A hue with gray added — mutes the color without fully desaturating it. Most real-world brand colors are tones rather than pure hues because pure hues are visually aggressive at scale.

Color Temperature

The warm/cool spectrum of color. Reds, oranges, yellows = warm (longer wavelengths). Blues, greens, purples = cool (shorter wavelengths). Neurologically loaded: warm colors advance (feel closer, more urgent); cool colors recede (feel distant, calmer). Not metaphor — it is how the visual cortex processes wavelength differences.

Chromatic Aberration (perceptual)

The phenomenon by which the eye focuses different wavelengths at different points. Longer wavelengths (warm colors) focus slightly behind the retina; shorter wavelengths (cool colors) focus slightly in front. The lens adjusts as if warm-colored objects are physically closer — the brain reads that focal adjustment as depth information, interpreting warm colors as nearer and cool colors as farther.

Undertones

Secondary hues embedded within a dominant hue. A "warm blue" has red or violet undertones pulling it toward warmth despite blue being a cool color. A "cool blue" has green undertones pushing it further from warmth. Same dominant hue, completely different psychological read.

Additive Color (RGB)

Color system based on adding light. Starts with black (no light) and adds red, green, and blue light. All three channels at full intensity = white. Used for all screen-based media: websites, digital ads, social graphics, phones, monitors. Values run 0–255 per channel.

RGB

Red, Green, Blue. The additive color system mapped to human cone architecture. Used for every digital touchpoint. Colors can be highly vivid because the system emits light rather than reflecting or absorbing it.

Subtractive Color (CMYK)

Color system based on ink absorbing (subtracting) wavelengths of light. Starts with white paper (all light reflecting) and adds ink to absorb colors. All channels at full = black (in theory). Used for print: business cards, packaging, signage, magazines. Values expressed as percentages.

CMYK

Cyan, Magenta, Yellow, Key (Black). The subtractive color system. Each ink absorbs exactly one cone-stimulating wavelength: Cyan absorbs red, Magenta absorbs green, Yellow absorbs blue. CMY are the complements of RGB — they control which cone types get stimulated by selectively blocking wavelengths with ink.

CMY as RGB Complements

CMY and RGB are the same biological system viewed from opposite directions. RGB adds light to stimulate cones; CMYK removes light to suppress them. Cyan/Magenta/Yellow were chosen because each absorbs exactly one of the three cone-stimulating wavelengths (R, G, B). Change one system and the other changes with it.

RGB Gamut vs. CMYK Gamut

The RGB gamut (full range of reproducible colors) is larger than the CMYK gamut. Colors that are vivid and electric on screen may print noticeably duller. Brands that don't account for this end up with color inconsistency across touchpoints — eroding the psychological coherence the palette was designed to build.

HEX Code

Not a separate color system — HEX is simply RGB values written in base-16 (hexadecimal). #FF0000 = rgb(255, 0, 0). Shorthand used in web and digital design. Same rules and gamut as RGB apply.

Pantone Matching System (PMS)

A standardized color library in which each color has a unique number and is produced as a pre-mixed ink — not a formula. Guarantees identical color reproduction across different printers and countries. Major brands define primary colors in Pantone first, then derive RGB/CMYK/HEX equivalents.

Pantone as Brand Anchor

The strategic role of Pantone: establishing a fixed color reference that all other format equivalents are derived from. Ensures color coherence across physical products, packaging, and global environments. Example: Tiffany & Co. = Pantone 1837; Coca-Cola red = Pantone 484.

Tiffany & Co. Color

Pantone 1837 — the robin's egg blue that is Tiffany's brand color. The number references 1837, the year the company was founded. A deliberate, historically anchored color identity.

Coca-Cola Red

Pantone 484. An example of a major brand anchoring its primary color in Pantone first and deriving digital/print equivalents from it.

Four-Format Color Specification

Professional brand color palettes specify each color in all four formats: Pantone, RGB, CMYK, and HEX. Skipping this is one of the most common amateur mistakes in brand identity work — and one of the easiest to fix once the need is understood.

RYB Color Wheel

The traditional painter's wheel with Red, Yellow, Blue as primaries. Developed before light physics was understood — based on pigment mixing observation. Useful for basic color relationship intuition but does not map cleanly to RGB or CMYK. Not suitable as a foundation for brand palette systems.

RGB Color Wheel

The digital color wheel grounded in human visual architecture, with Red, Green, Blue as primaries. Secondary colors: Yellow (R+G), Cyan (G+B), Magenta (B+R). The wheel underlying every screen. Note: Yellow is a secondary color in RGB — this surprises people trained only on the RYB model.

Primary Colors (RGB)

Colors that cannot be mixed from others within the system. In RGB: Red, Green, Blue — mapped directly to the three cone types in human vision.

Secondary Colors (RGB)

Colors mixed from two primaries. In RGB: Yellow (R+G), Cyan (G+B), Magenta (B+R).

Tertiary Colors

Colors mixed from a primary and an adjacent secondary. Examples: orange, chartreuse, spring green, azure, violet, rose. Where many distinctive brand colors live — specific enough to feel ownable, familiar enough to read clearly.

Warm Colors (branding application)

Reds, oranges, yellows. Longer wavelengths. Advance perceptually (appear closer). Increase arousal, accelerate perceived time, trigger the sympathetic nervous system (urgency, appetite). Fast food brands exploit this deliberately — McDonald's, Wendy's, In-N-Out all use warm palettes to increase eating speed and table turnover.

Cool Colors (branding application)

Blues, greens, violets. Shorter wavelengths. Recede perceptually (feel farther, slower, safer). Activate parasympathetic responses: calm, trust, reflection. Default palette for finance, healthcare, and tech — not convention, but biology exploited strategically.

Temperature as Brand Lever

Moving a brand along the warm/cool temperature axis — without changing anything else — shifts its entire perceived personality. Warm tones = urgent, energetic, accessible. Cool tones = stable, trustworthy, considered. Same shape, different nervous system response.

Sympathetic Nervous System (color)

The system activated by warm colors — associated with urgency, arousal, appetite. The biological basis for why warm palettes drive faster decisions and faster eating. Relevant to brand contexts requiring speed, energy, or immediacy.

Parasympathetic Nervous System (color)

The system activated by cool colors — associated with calm, trust, and reflection. The biological basis for why cool palettes signal safety and stability. Relevant to brand contexts requiring considered decisions and long-term trust.

Photoreceptors

The two types of light-sensitive cells in the retina: rods (low-light, no color) and cones (color in normal light). Color processing is exclusively the domain of cones.

Cone Types (L, M, S)

The three types of cone cells in the retina: L-cones (sensitive to long wavelengths / red), M-cones (sensitive to medium wavelengths / green), S-cones (sensitive to short wavelengths / blue). Every color perceived is the brain's interpretation of the ratio of firing across these three types. The biological basis for why RGB works as a color system.

Opponent-Process Theory

The theory that after cone signals are generated, the brain processes them through opponent channels that compare signals in pairs: Red vs. Green, Blue vs. Yellow, Light vs. Dark. These channels cannot fire simultaneously in the same direction — you cannot perceive a color as simultaneously red and green, or blue and yellow.

Opponent Channels

The three pairs through which the brain processes cone signals after initial firing: Red/Green, Blue/Yellow, Light/Dark. Opponent channels treat their pairs as mutually exclusive opposites — the mechanism behind complementary color tension, afterimages, and why certain combinations feel neurologically uncomfortable.

Complementary Colors (neurological basis)

Colors opposite each other on the color wheel force both sides of an opponent channel to compete simultaneously. This is neurologically stimulating — it creates visual tension and demands attention. Explained by opponent-process theory, not just aesthetic convention.

Analogous Colors (neurological basis)

Colors adjacent on the color wheel. Do not trigger opponent-channel tension. Feel harmonious and cohesive because they don't force competing signals. Used by brands that need to communicate safety, coherence, and calm rather than interruption and energy.

Complementary vs. Analogous (brand strategy)

Complementary palettes = high tension, demand attention, used by brands that need to interrupt. Analogous palettes = harmonious, non-activating, used by brands that need to feel safe and cohesive. The choice is a neurological strategy, not just an aesthetic preference.

Afterimage Effect

When you stare at a color for an extended time and then look at a neutral surface, you see the opponent color as a ghost image. Mechanism: the fatigued opponent channel side stops firing; the opposing side fires unopposed temporarily. Example: stare at red → see green ghost. Direct evidence of the opponent-process architecture.

Magenta (perceptual construction)

Magenta does not exist as a single wavelength on the visible spectrum — it is a perceptual construction. When the red-green opponent channel fires with high red response and suppressed green, the brain constructs magenta as a resolution rather than outputting nothing. It bridges both ends of the spectrum outside the spectral line because the opponent-process system demands resolution.

Perceptual Discomfort (color)

Certain color combinations feel physically uncomfortable — not subjectively, but neurologically. The experience is actual perceptual conflict at the opponent-channel level. Understanding opponent-process theory explains why, and is the basis for avoiding combinations that undermine brand coherence.

Color Systems Summary

RGB: additive, screens, 0–255 per channel. CMYK: subtractive, print, percentage values. HEX: RGB in base-16, web/digital shorthand. Pantone: pre-mixed standardized inks, brand consistency across global production. All four are needed for professional brand color documentation.