수동 색상 관리는 확장성 없는 디자인 시스템을 만든다

Context

Figma에서 색상을 수동으로 관리하면 표시장치마다 시각적 불일치가 발생하고, 접근성 검증이 후행 공정으로 밀리면서 WCAG 기준을 통과하지 못하는 문제가 생긴다. 팀원 간 색상命名 규칙이 없어지면 Blue-Light-1, Blue-Light-Final-v2 같은 임시 이름이 누적되어 색상 라이브러리가 고고학 조사가 된다.

Technical Solution

• Paletta가 수학적 곡선으로 shade scale 50~900을 생성한다
• 색상 체계 전체에서 대체적으로 균일한 인지적 일관성을 보장한다
• 단일 기본 색상을 변경하면 전체 shade scale이 자동으로 업데이트된다
• 다양한 색각 이상 시뮬레이션을 지원하여 접근성 검증을 설계 전 단계에서 수행한다
• CSS 변수, Tailwind config, design tokens 등 다양한 형식으로 내보낸다

Impact

42가지 유사한 회색 음영 발생 → 수학적 생성으로 일관된 shade scale 즉시 확보

Key Takeaway

확장 가능한 색상 시스템은 색상 선택이 아닌 생성 로직을 중심으로 구축해야 한다.