Shadcn UI 의 기본 색상 팔레트 정리해보기

Shadcn UI 를 설정하면, 총 5가지의 Base Color 중 어떤 것을 선택할지 물어본다.

혼자 사용할 때는 Neutral 이 가장 취향에 맞았기 때문에 그냥 사용했었지만, 협업 시에는 도메인이나 비즈니스 모델의 유형 별로 분류가 필요하다고 생각이 들어서 팀원들과 그 차이를 보기 위해서 정리해보았다.

1. Gray (회색)

• 가장 기본적인 중성 회색 톤
• 색온도가 중성적이며, 따뜻하지도 차갑지도 않은 순수한 회색
• 대부분의 디자인에서 안전하고 무난한 선택
• 기본적인 그레이스케일 색상으로 다른 색상과 잘 어울림

2. Neutral (중성)

• 가장 따뜻한 톤의 회색 색상
• 약간의 브라운/베이지 색이 섞여 있어 따뜻한 느낌
• 자연스럽고 포근한 느낌을 주는 색상
• 미니멀하지만 차가운 느낌을 피하고 싶을 때 사용

3. Slate (슬레이트)

• 시원하고 청색 계열이 약간 섞인 회색
• 현대적이고 깔끔한 느낌이 강함
• 비즈니스나 기술 관련 애플리케이션에서 인기
• 약간의 푸른 색조가 있어 차가운 느낌

4. Stone (스톤)

• 자연석 색상에서 영감을 받은 따뜻한 회색
• 브라운 톤이 약간 섞여 있어 자연스러운 느낌
• 중성색이지만 slightly warm한 톤
• 흙과 돌의 색상을 연상시키는 유기적인 느낌

5. Zinc (징크)

• 가장 차가운 톤의 회색 색상
• 중성색이지만 약간 차가운 느낌
• 현대적이고 산업적인 느낌
• 고급스럽고 미니멀한 디자인에서 인기

---

저 차이를 한 눈에 볼 수 있도록 HTML 파일을 만들어 놓은 게 있으니 아래 깃허브로 들어가면 된다.

https://github.com/miinhho/shadcn-basecolor-comparison

translate/index-ko.html, translate/README-ko.md 로 한국어 버전도 있어요!