🚀 新規事業

color-palette-3-tier

最終更新 2026年05月08日 / 40_新規事業/SCALE_Build/カタログ/UIUX集/color-palette-3-tier.md

3層カラーパレット(背景/前景/アクセント)

原則

背景3段階・前景3段階・アクセント1色 = 7色で全体を構成。

なぜ?

色は7±2個まで。多すぎると認知負荷UP・統一感↓。

Do(良い例)

08080a / #14141c / #1a1a26(背景3段) + #fff / .85 / .55(前景3段) + 1アクセント

Don't(悪い例)

黄色・赤・緑・青・紫…と各機能に色をつける(Bootstrap初期の罠)