配色Haishoku

For reels, stories & short-form

Motion動

Pick a harmony, give each color one job, then let only the accent move. Every frame below inherits the same four roles.

9:16 · reel / story1080×1920
Quiet light
A Wada harmony, four roles
Watch the full cut
groundtypeaccenttrail
1:1 · feed1080×1080
Quiet light
A Wada harmony, four roles
Watch the full cut
groundtypeaccenttrail
16:9 · landscape1920×1080
Quiet light
A Wada harmony, four roles
Watch the full cut
groundtypeaccenttrail

5 Export

Export pack

/* Haishoku Sōkan B-hen — January (睦月) no. 1 — Sanzo Wada. Roles: ground / type / accent / trail */
:root {
  --ground: #ffffff; /* White · oklch(100.0% 0.000 0.0) */
  --type: #c0a9b3; /* Grayish Lavender Bis · oklch(75.8% 0.030 349.7) */
  --accent: #fdd4bd; /* Seashell Pink · oklch(89.9% 0.056 51.0) */
  --trail: #f5ecc2; /* Sulphur Yellow · oklch(94.0% 0.055 97.3) */
  --accent-hit-duration: 2.4s;
}

/* Lock ground + type; move the accent on the beat */
@keyframes accent-hit {
  0.00% { background-color: #fdd4bd; }
  33.33% { background-color: #f5ecc2; }
  66.67% { background-color: #b4cdc2; }
  100% { background-color: var(--accent); }
}
.accent { background: var(--accent); animation: accent-hit var(--accent-hit-duration) steps(1, end) infinite; }

/* Trail fades in OKLCH lightness, not an RGB lerp */
@keyframes trail-fade {
  from { background-color: oklch(94.0% 0.055 97.3); }
  to   { background-color: oklch(100.0% 0.055 97.3 / 0); }
}
.trail { animation: trail-fade calc(var(--accent-hit-duration) / 3) ease-out infinite; }

B-hen · twelve months as frames

Seasonal storyboard

Playbook · by Audy

Wada haishoku for reels, stories & motion

These motion and palette suggestions are testable editorial hypotheses by Audy, not measured Wada-palette or video outcomes. Use the Message Lab A/B checklist to test them for your audience.

Idea → video in five moves

  1. Pick a harmony, not a brand hex. Choose a 2–4 color Haishoku set (or a B-hen month) that matches the mood before CapCut/AE.
  2. Assign roles once: ground / type / accent / trail. Don’t rotate all four every cut.
  3. Lock ground + type; move accent (and trail) on beat.
  4. Frame: 9:16 full-bleed ground, type center-third, accent lower-third CTA; 16:9 panels + lower bar; 1:1 same roles cropped.
  5. Export hex + OKLCH + CSS vars so every cut inherits the set.

Ideation prompts

  • Season reel: B-hen month → arrive/dwell/leave, one accent change per scene.
  • Theory reel: swatches → lived frame (title → product → end).
  • Myth-bust: loud complementary vs muted Wada triple.
  • Story: 4 frames, same ground/type, accent steps through swatch 3/4.

Motion notes

Temperature shifts > hue jumps; short accent hits (2–6 frames @24fps); captions ≥4.5:1; vars --ground/--type/--accent/--trail + accent-hit keyframes.

和田三造 · 配色総鑑. Screen colors are CMYK→sRGB digital approximations, including retained, unvalidated legacy estimates for unmatched Vol. 2 colors. Composition roles and month mappings follow the documented port method; edition mappings remain uncertain. Sources & method · Version 1 dataset (581 combinations, 330 color records) · Schema & provenance · Research context. Saved and Compare are local to this browser. Viewport-only screenshots show partial collections; complete cards are in the DOM and dataset.