カラーパレットを 7 色に絞る

7 色という制約

AetherEchoes のパレットは 7 色しかない。背景 / 本文 / 弱め本文 / 罫線 / アクセント / アクセント弱 / 警告 — これだけ。

@theme {
  --color-bg:        #FAFAF7;
  --color-fg:        #1A1A1A;
  --color-fg-muted:  #6B6B6B;
  --color-border:    #E5E5E1;
  --color-accent:    #0F766E;
  --color-accent-2:  #115E59;
  --color-warn:      #B45309;
}

「足りない」と感じた瞬間に何をするか

1. 既存色で代用できないかをまず疑う（多くは可能）
2. それでも必要なら、足す代わりに既存色を 1 つ入れ替える
3. 入れ替える前に、影響範囲を全画面でレビュー

カテゴリ別アクセント

AetherEchoes は 5 カテゴリ × 各 1 色 をパレットの外で持っているけど、それは「データの色」であって「装飾の色」ではない。装飾は 7 色から動かさない。

まとめ

色を増やしたくなる衝動は、たいてい設計の他のところを直すべきサイン。色を増やすのは最終手段にする。