Paths of Harmony: Flow vs Color ✨
Harmony isn't just “music theory” — it's motion that produces emotion. This page shows two motion behaviors for the same motion: Flow (coherent, readable motion) and Color (motion with sharper re-alignment).
You don't need to memorize terms. Just listen, compare, and notice what changes step by step.
Flow vs Color — two paths for the same motion
Pick any motion below. You’ll see and hear two paths for the same motion:
- Flow keeps motion coherent and readable.
- Color re-aligns faster and breaks orientation sooner.
This explains why some chords feel emotional on piano.
Keyboard view — Flow motion
This is the same motion rendered as coherent steps. Don’t label it. Track what changes.
Play Flow on the keyboard, with each chord’s motion made clear.
Tap an emotion below. This plays the Flow progression (right-hand triad + left-hand root). Each chord is played twice so you can hear the step clearly. The sentence above the keyboard tells you what the current chord is doing.
Keyboard view — Color motion
This is the same motion under faster re-alignment. Track where orientation breaks and reforms.
Play Color on the keyboard, following the motion behind each chord.
Pick an emotion below. This plays the Color progression in a smooth way (right-hand triad + left-hand root). Each chord is played twice so you can hear the step clearly. The sentence above the keyboard describes what the current chord is doing.
Motion (Emotion) Map — Flow & Color side by side
This map pairs each emotion with a motion label: Motion (Emotion). Flow and Color are two different motion behaviors that can produce the same emotion. Flow stays coherent and readable; Color re-aligns faster and breaks orientation more aggressively.
Each row names the motion first, with the resulting emotion shown in parentheses.
| Motion (Emotion) | Flow (degrees → example) | Color (local steps → example) | ⭐ Contrast points (where motion changes most) |
|---|---|---|---|
| 🌿Settled Circulation (Calm) | 1, 5, 6, 4B♭ major example: Bb → F → Gm → Eb | M → M(+2) → M(+3) → M(–2)C example: C → D → F → Eb | Eba gentle downward settle away from the reference. |
| 🎈Light Return (Playful) | 1, 2, 5, 1B♭ major example: Bb → Cm → F → Bb | M → M(+3) → M(+3) → M(+2)C example: C → Eb → F# → G# | F#a quick deviation that shifts alignment instantly. |
| ✨Guided Departure (Magic) | 4, 1, 5, 6B♭ major example: Eb → Bb → F → Gm | M → M(+8) → M(–4) → M(+3)C example: C → Ab → E → G | Ea sudden re-framing event that changes orientation fast. |
| 😢Unresolved Descent (Sadness) | 1, 6b, 3b, 7bC minor example: Cm → Ab → Eb → Bb | m → M(–4) → m(–3) → m(–1)C example: Cm → Ab → Fm → Em | Ema brief contrast event before the descent continues. |
| 🕵️♀️Obscured Orientation (Mystery) | 1, 4, 7b, 1C minor example: Cm → Fm → Bb → Cm | m → M(+2) → dim(+3) → M(+1)C example: Cm → D → F° → F# | F°a fog event — positional clarity drops briefly. |
| 🌧️Altered Return (Melancholy) | 6b, 4, 1, 5C minor example: Ab → Fm → Cm → G⭐ | m → M(–3) → m(+4) → M(–3)C example: Cm → A → C#m → A# | Aa contrast event that alters the return. |
| 🌌Upward Opening (Wonder) | 1, 6b, 3b, 4C minor example: Cm → Ab → Eb → F⭐ | m → M(+5) → M(+2) → M(+4)C example: Cm → F → G → B | Ban elevated event that opens the frame upward. |
| 😬Held Pressure (Tension) | 1, 2, 5, 1C minor example: Cm → D° → G⭐ → Cm | M → m(+1) → dim(+3) → M(+2)C example: C → C#m → E° → F# | E°a compression event before the pressure holds. |
| 😡Grinding Advance (Anger) | 1, 4, 2b, 5C minor example: Cm → Fm → Db⭐ → G⭐ | m → m(+1) → dim(+3) → M(+2)C example: Cm → C#m → E° → F# | C#m, E°, F#after the reference, motion forces upward through resistance. |
| 😱Loss of Ground (Fear) | 1, 2b, 5, 1C minor example: Cm → Db⭐ → G⭐ → Cm | m → dim(+6) → M(+1) → dim(+3)C example: Cm → F#° → G → A#° | F#°, A#°instability events that remove secure footing. |
In the Flow column, chords marked with ⭐ are contrast points — moments where the motion deviates most from the baseline. They don't add “more emotion” by themselves; they change the motion, and emotion emerges from that change.
How the “spice” increases
You can think of Flow like a ladder of motion contrast: baseline → one deviation → two deviations.
- 0 contrast points — Calm, Playful, Magic, Sadness, Mystery.
Motion stays coherent and readable — great for learning the baseline. - 1 contrast point — Melancholy, Wonder, Tension.
One step deviates strongly from the baseline, changing the motion noticeably. - 2 contrast points — Anger, Fear / Horror.
Two deviation events reshape the motion more aggressively.
You don't need to remember chord names. It's enough to feel the ladder: as Flow includes more contrast points, the motion changes more sharply — and the emotion becomes clearer.
Flow: coherent motion
Flow is coherent motion. Chords connect in a readable way: orientation stays intact, and returns make sense when they arrive.
Flow is ideal for learning the baseline motion. It gives your hands a clean reference before you explore sharper re-alignment.
Color: re-aligned motion
Color is motion with faster re-alignment. Orientation breaks sooner, the frame shifts more aggressively, and returns are less guaranteed.
That's why Color often feels vivid quickly: not because it's “more emotional,” but because the motion changes more per step.
A simple takeaway
- Flow = coherent motion: readable steps and meaningful returns.
- Color = re-aligned motion: faster frame shifts and less guaranteed footing.
Try both paths for the same emotion — then listen again and track the motion.