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.
Try this: listen once, then listen again and track: “Where does orientation change?” “Where does pressure hold?” “Where does return change?”
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 a motion 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 a motion 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.