달리는 기차 바퀴 칠하기: 7년만의 컬러 시스템 업데이트

**달리는 기차 바퀴 칠하기: 7년만의 컬러 시스템 업데이트**

안녕하세요, 토스 디자인 플랫폼팀 UX Engineer 윤민석, Platform Designer 권윤입니다.디자인 시스템은 변화하는 서비스 속에서도 일관성과 확장성을 지켜주는, 보이지 않는 인프라예요. 토스팀도 미세한 균형 속에서 더 넓은 세상으로 확장할 준비를 해왔는데요. 그 여정의 출발점이자, 더 큰 변화를 위한 기반이 된 것이 바로 컬러 시스템 개편이었어요.이번 글에서는 TDS(Toss Design System)의 핵심 중 하나인 컬러 시스템을 7년 만에 전면 개편하며 마주했던 문제들과, 이를 해결하기 위해 토큰 시스템을 처음부터 다시 만들어간 과정을 공유하려고 해요.7년간 외면해온 문제들TDS 컬러 시스템은 2018년 디자인 시스템이 처음 만들어졌을 때부터 큰 변화 없이 유지되어 왔어요. 7년 동안 컬러 토큰을 사용하면서 여러 문제를 마주했는데요, 특히 컬러 팔레트에서 발견한 문제가 많았어요.첫 번째 문제는 컬러끼리 명도가 다 달랐다는 거예요. 같은 100인데 Grey 100, Blue 100, Red 100의 명도가 다 달라서, 리스트에서 같이 썼을 때 전부 100으로 통일해도 얼룩덜룩해 보이는 문제가 있었어요...

---

**[devsupporter 해설]**

이 기사는 Toss Tech에서 제공하는 최신 개발 동향입니다. 관련 도구나 기술에 대해 더 알아보시려면 원본 링크를 참고하세요.