Color Palette 4장 카드뉴스

한 제품·브랜드에서 사용할 색의 모음으로, 주 색·보조 색·강조 색·배경 색을 체계적으로 정해 두는 디자인 토큰의 핵심 요소입니다.

회사 로고가 빨강이라고 모든 화면을 빨강으로 칠하면 눈이 피로해집니다. 컬러 팔레트는 '주 색은 어디, 강조는 어디, 배경은 어디' 같은 규칙을 정해 두는 약속입니다. 한국 토스의 파랑·당근의 주황·네이버의 초록이 모두 팔레트에서 시작됩니다. 미국에서는 Tailwind CSS·Material Design이 추천 팔레트를 제공해, 비전공자도 무료로 표준 팔레트를 가져다 쓸 수 있습니다. AI 시대에는 v0가 사이트 분위기에 맞는 팔레트를 자동 제안합니다.

[토스 · 파랑 팔레트] 구분: 토스 파랑은 50→900 단계로 정확히 정의됨. 수치: 토스 디자인 발표에 따르면 모든 화면에 정해진 9단계 파랑만 사용 {{src:토스 디자인|https://design.toss.im/}}. 결과: 화면 간 일관성·신뢰감 유지. [Tailwind CSS 기본 팔레트] 구분: 22개 색상 × 11단계 = 242색이 무료 공개. 수치: State of CSS