ガイド
ブランド配色は何色が適切？
多すぎず少なすぎない実用的な色数の決め方を紹介します。
色数のバランスは運用のしやすさに直結します。
Use a core set first
Start with 3 to 5 core colors: primary, secondary, and neutrals.
This is enough for most interfaces and marketing pages.
Separate core and utility colors
Keep status colors like success, warning, and error outside the core brand set.
This keeps brand identity clear while supporting UI feedback states.
Avoid adding colors too early
Add new colors only when a real use case appears.
If a color has no clear role, leave it out.
- Core brand colors: usually 3-5.
- Utility status colors: usually 2-4.
- Accents: 1-2 max for most websites.
Document each color role
Label colors by function, not just by shade names.
Role-based naming improves consistency in handoff and code.
Helpful for
- New brand setup.
- Website redesign planning.
- Design system cleanup.
Pick a usable range
Most teams work well with a small core set plus optional utility colors.