Color Science — Why These Work
Hue separation: create ~160° (teal) vs modify ~40° (amber) vs remove ~350° (rose)
Each pair is 120°+ apart — maximum distinguishability
WCAG contrast on #0d1117:
Palette A: teal #56d4a4 = 8.2:1 ✓ amber #d4a856 = 7.4:1 ✓ rose #c97080 = 5.1:1 ✓
Palette C: green #7ee787 = 9.8:1 ✓ blue #79c0ff = 7.6:1 ✓ salmon #ffa198 = 8.1:1 ✓
Palette D: sage #a8d8a8 = 9.4:1 ✓ parch #e0c878 = 8.9:1 ✓ brick #c88888 = 6.3:1 ✓
All pass WCAG AA (4.5:1 minimum). Most pass AAA (7:1).
Animation behavior:
CREATE: block appears with color, fades to normal in 2s
MODIFY: border glows with color, fades in 2s (block stays)
REMOVE: block fades to 15% opacity over 2s, then removed on rescan