Hue relationships and the mechanics of value
Most designers learn color from a wheel — a useful starting point, but far from complete. The courses here treat hue as one variable in a three-dimensional system that also includes value (lightness) and chroma (intensity). Once you understand how those three interact, you can predict how a color will behave before placing it on a canvas.
Value does more visual work than hue in almost every composition. A palette with strong value contrast communicates structure even in grayscale.
HSB model Munsell system Tints & shades Warm vs cool
Contrast ratios and accessible color decisions
WCAG defines minimum contrast ratios as 4.5:1 for normal text and 3:1 for large text, but those numbers only cover legibility. The courses go further — into simultaneous contrast, how neighboring colors shift perceived brightness, and how to build accessible systems that still feel intentional rather than clinical. The accessibility track includes real testing with screen readers and color-blind simulation tools.
WCAG 2.2 Simultaneous contrast Deuteranopia simulation Focus indicators
Structured palette building from two colors outward
Starting with a brand's two primary colors, the advanced course covers how to generate a full token-based system including neutrals, semantic colors for error and success states, and adaptive variants for dark mode. The process uses real tools: Figma variables, HSL adjustments in code, and documented decision rationale that a team can maintain over time.
A palette system is only useful if a second designer on the team can extend it without breaking it. That's what the documentation exercises are for.
Design tokens Semantic color Dark mode Figma variables HSL in CSS
How culture and medium change color meaning
A color that signals trust in one region may signal warning in another. The psychology course maps documented cultural associations across markets in Europe, East Asia, and the Middle East using real brand case studies rather than generalizations. It also covers how rendering environments — screens, print, projection — shift perceived color and require calibration strategies.
Cultural context Rendering environments Brand perception Color calibration