최고의 인포그래픽 컬러 팔레트 20가지 + 16진수 코드

현대적인 인포그래픽 디자인은 명확성이 핵심입니다: 강력한 계층 구조, 읽기 쉬운 레이블, 그리고 청중이 데이터를 빠르게 스캔할 수 있도록 돕는 색상 시스템이 필요합니다.

아래는 대시보드, 보고서, 슬라이드 및 소셜 통계에 복사할 수 있는 엄선된 인포그래픽 색상 팔레트 아이디어(HEX 코드 포함)와 일치하는 비주얼을 생성하는 데 재사용할 수 있는 AI 프롬프트입니다.

인포그래픽 팔레트가 효과적인 이유

인포그래픽은 색상이 역할을 수행할 때 성공합니다: 시리즈 분리, 섹션 그룹화, 그리고 중요한 숫자 하나에 주목을 끌기. 좋은 팔레트는 "복잡한 데이터"를 쉬운 시각적 스토리로 바꿉니다.

일반 브랜드 팔레트와 달리, 데이터 시각화 색상은 축, 레이블 및 작은 표시(점, 선, 눈금)에 대해 예측 가능한 대비가 필요합니다. 그래서 많은 인포그래픽 스킴은 강한 중립색(네이비/차콜)과 2-3개의 악센트를 조합합니다.

엄선된 세트는 또한 결정 피로를 줄입니다. 각 색상에 역할(주요 시리즈, 보조 시리즈, 하이라이트, 배경)이 있으면 슬라이드, 대시보드 및 인쇄물 전체에서 차트가 일관성을 유지합니다.

20개 이상의 인포그래픽 색상 팔레트 아이디어 (HEX 코드 포함)

1) 에메랄드 터코이즈 그리드

HEX: #0ea5a4 #10b981 #0f172a #e2e8f0 #f59e0b

분위기: 신선한, 자신감 있는, 현대적인

최적 용도: 대시보드 UI 차트 및 KPI 카드

어두운 그리드 위에 밝은 틸 핀이 있는 깨끗한 분석 워크스페이스처럼 신선하고 자신감 있습니다. 터코이즈와 에메랄드를 주요 시리즈 색상으로 사용한 다음 제목과 축 텍스트에는 짙은 네이비를 사용하세요. 따뜻한 앰버는 스파이크와 이상치를 나타내는 경고 색상으로 아껴서 사용하는 것이 가장 좋습니다. 대비가 바쁘지 않고 선명하게 느껴지도록 넉넉한 간격과 얇은 구분선과 함께 사용하세요.

media.io를 사용하여 생성된 에메랄드 터코이즈 그리드의 이미지 예시

Media.io

Media.io는 브라우저에서 비디오, 이미지 및 오디오를 생성하고 편집하기 위한 온라인 AI 스튜디오입니다.

지금 무료로 사용해보기

2) 민트 칠판

HEX: #0b1320 #14b8a6 #a7f3d0 #f1f5f9 #fb7185

분위기: 똑똑한, 장난기 있는, 고대비

최적 용도: 교실 스타일 설명 슬라이드

밝은 스티커 메모 악센트가 있는 깊은 슬레이트 보드 위의 민트 분필 선처럼 똑똑하고 장난스럽습니다. 큰 블록에는 어두운 톤을 유지하고 아이콘, 규칙 및 차트 선에는 민트가 주요 역할을 하도록 하세요. 부드러운 시폼은 두 개의 관련 데이터 라인이 필요할 때 보조 시리즈에 이상적입니다. 핑크는 경쟁 시리즈가 아닌 형광펜처럼 읽히도록 주요 요점에만 사용하세요.

media.io를 사용하여 생성된 민트 칠판의 이미지 예시

3) 코랄 마커 하이라이트

HEX: #0f766e #fb7185 #f97316 #111827 #f8fafc

분위기: 활기찬, 대담한, 주목을 끄는

최적 용도: 소셜 인포그래픽 게시물 및 빠른 통계

깔끔한 틸 베이스 위에 코랄 마커 선처럼 활기차고 대담합니다. 이 인포그래픽 색상 팔레트는 틸이 구조를 처리하고 코랄과 오렌지가 중요한 숫자를 강조할 때 가장 효과적입니다. 밝은 악센트가 읽기 쉽고 깨끗하게 유지되도록 본문 복사에는 거의 검은색을 유지하세요. 팁: 레이아웃을 압도하지 않도록 오렌지를 단일 차트 시리즈용으로 예약하세요.

media.io를 사용하여 생성된 코랄 마커 하이라이트의 이미지 예시

4) 네이비 시트러스 대비

HEX: #0b1f3b #22c55e #fde047 #f8fafc #334155

분위기: 날카로운, 스포티한, 고명료도

최적 용도: 재무 보고서 및 성과 차트

자정 보고서 표지에 밝은 시트러스 레이블처럼 날카롭고 명료도가 높습니다. 헤더와 테이블 밴드에는 네이비를 사용하고 긍정적인 움직임에는 녹색, 벤치마크나 목표에는 노란색을 사용하세요. 슬레이트 톤은 보조 텍스트와 그리드 라인에 신뢰할 수 있는 중립색입니다. 가독성을 위해 밝은 배경에 노란색을 유지하고 네이비 근처에 배치할 때는 윤곽선이나 배지로 사용하세요.

media.io를 사용하여 생성된 네이비 시트러스 대비의 이미지 예시

5) 샌드스톤 대시보드

HEX: #f1e7d6 #cbd5e1 #0f172a #0ea5a4 #b45309

분위기: 차분한, 안정된, 전문적인

최적 용도: SaaS 온보딩 분석 화면

차가운 틸 핀이 있는 따뜻한 종이와 광택 있는 돌처럼 차분하고 안정적입니다. 샌드스톤을 주요 표면 색상으로 사용하여 밀집된 메트릭을 부드럽게 한 다음 선명한 대비를 위해 짙은 네이비로 타입을 설정하세요. 틸은 훌륭한 기본 동작 및 차트 시리즈를 만들고, 코퍼 톤은 경고나 이탈 표시에 이상적입니다. 대시보드가 통풍이 잘 되는 느낌이 들도록 라이트 슬레이트로 그리드 라인을 미묘하게 유지하세요.

media.io를 사용하여 생성된 샌드스톤 대시보드의 이미지 예시

6) 베리 네온 콜아웃

HEX: #4c1d95 #a855f7 #fb7185 #14b8a6 #0b1320

분위기: 펀치감 있는, 젊은, 고에너지

최적 용도: 이벤트 요약 인포그래픽 및 타임라인

어두운 무대 배경에 네온 잉크처럼 펀치감 있고 젊습니다. 이 인포그래픽 색상 조합은 배경을 거의 검은색으로 유지하고 보라색이 주요 구조를 담당하도록 할 때 빛을 발합니다. 코랄은 돋보이는 숫자와 타임라인 점에 완벽하며, 틸은 보조 사실에 대한 시원한 대응점을 제공합니다. 사용 팁: 코랄로 긴 단락을 피하고 읽기 쉽게 짧은 레이블로 유지하세요.

media.io를 사용하여 생성된 베리 네온 콜아웃의 이미지 예시

7) 오션 포그 미니멀

HEX: #0ea5a4 #94a3b8 #e2e8f0 #0f172a #ffffff

분위기: 미니멀한, 시원한, 신뢰할 수 있는

최적 용도: B2B 원페이저 및 데이터 요약

깊은 수평선이 있는 깨끗한 유리 위의 바다 안개처럼 미니멀하고 신뢰할 수 있습니다. 하나의 주요 시리즈에 틸을 사용하고 페이지를 통합하기 위해 섹션 헤더에 반복하세요. 안개 낀 슬레이트는 주의를 빼앗지 않고 보조 시리즈와 중립 아이콘에 잘 작동합니다. 팁: 부드러운 회색이 흐려 보이지 않고 의도적으로 읽히도록 차트를 얇고 정확하게 유지하세요.

media.io를 사용하여 생성된 오션 포그 미니멀의 이미지 예시

8) 레트로 프린트 시안

HEX: #0891b2 #f97316 #fef3c7 #1f2937 #a3a3a3

분위기: 레트로, 친근한, 편집적인

최적 용도: 매거진 스타일 인포그래픽 스프레드

오렌지 잉크 스탬프가 있는 질감 있는 크림 종이에 시안 별색처럼 레트로하고 친근합니다. 시안이 주요 차트를 실행하도록 한 다음 콜아웃, 화살표 및 작은 배지에 오렌지를 사용하세요. 따뜻한 크림은 모든 것을 눈에 편하게 유지하는 강력한 배경 선택입니다. 편집적으로 유지하려면 타이포그래피에 다크 그레이를 사용하고 큰 블록에 순수한 검은색을 피하세요.

media.io를 사용하여 생성된 레트로 프린트 시안의 이미지 예시

9) 포레스트 코퍼 리포트

HEX: #14532d #0ea5a4 #b45309 #f8fafc #1f2937

분위기: 신뢰할 수 있는, 자연적인, 성숙한

최적 용도: 지속가능성 보고서 및 영향 통계

상록수 잎과 깨끗한 보고서 표지의 구리 인장처럼 신뢰할 수 있고 자연스럽습니다. 주요 데이터 범주에는 포레스트 그린을 사용하고 비교 또는 벤치마크에는 틸을 사용하세요. 구리색은 전체 차트 채우기보다는 합계, 배지 또는 작은 아이콘의 강조색으로 사용할 때 가장 잘 보입니다. 팁: 배경을 흰색으로 유지하여 긴 문서에서 어두운 녹색이 무겁게 느껴지지 않도록 하세요.

media.io를 사용하여 생성된 포레스트 구리 보고서의 이미지 예시

10) 라일락 슬레이트 메트릭스

HEX: #6d28d9 #c4b5fd #334155 #e2e8f0 #0ea5a4

분위기: 현대적, 차분한, 약간 창의적

최적 용도: 제품 메트릭 덱 및 분기별 업데이트

광택 나는 슬레이트 벽에 라일락 조명처럼 현대적이고 차분합니다. 글자와 차트 축에는 슬레이트를 사용하고, 메인 트렌드보다 부드럽게 느껴져야 하는 보조 시리즈에는 라일락을 사용하세요. 틸은 주요 KPI 라인이나 가장 중요한 막대에 선명한 포인트 색상을 추가합니다. 사용 팁: 라벨이 선명하게 유지되도록 라일락 채우기를 낮은 불투명도로 유지하세요.

media.io를 사용하여 생성된 라일락 슬레이트 메트릭스의 이미지 예시

11) 햇살 망고 차트

HEX: #fbbf24 #f97316 #0ea5a4 #0f172a #fff7ed

분위기: 낙관적, 따뜻한, 명확한

최적 용도: 마케팅 성과 인포그래픽

망고와 감귤 조각 위의 아침 햇살처럼 낙관적이고 따뜻합니다. 주요 차트 영역에는 황금색 톤을 사용하고 전환율이나 피크와 같은 가장 강한 콜아웃에는 주황색을 사용하세요. 틸은 따뜻함의 균형을 맞추고 보조 요소가 안정적이고 신뢰할 수 있게 느껴지도록 도와줍니다. 팁: 햇살 느낌을 유지하기 위해 배경을 크림색으로 유지하고 순백색은 피하세요.

media.io를 사용하여 생성된 햇살 망고 차트의 이미지 예시

12) 틸 로즈 인포포스터

HEX: #0ea5a4 #f43f5e #fde68a #1f2937 #f8fafc

분위기: 밝은, 친근한, 현대적

최적 용도: 통계가 포함된 공공 인식 포스터

로즈 스티커와 부드러운 햇살 액센트가 있는 신선한 틸 배너처럼 밝고 친근합니다. 메인 헤더와 섹션 블록에는 틸을 사용하고, 주요 숫자와 짧은 라벨을 강조하기 위해 로즈를 사용하세요. 연한 금색은 강하게 주장하지 않아야 하는 배경 모양이나 미묘한 차트 채우기에 가장 적합합니다. 팁: 아이콘을 단순하고 두껍게 유지하여 포스터에서 멀리서도 잘 보이도록 하세요.

media.io를 사용하여 생성된 틸 로즈 인포포스터의 이미지 예시

13) 차콜 라임 라벨

HEX: #111827 #a3e635 #22c55e #e5e7eb #ffffff

분위기: 선명한, 기술적, 고대비

최적 용도: 엔지니어링 대시보드 및 운영 차트

차콜 콘솔의 네온 라벨처럼 선명하고 기술적입니다. 밀집된 테이블과 축 텍스트에는 차콜을 사용하고, 주요 성공 신호에는 라임을, 보조 상태에는 녹색을 적용하세요. 부드러운 회색은 혼란 없이 구분선과 카드 테두리를 보이게 유지합니다. 사용 팁: 큰 라임 배경은 피하고 최대 가독성을 위해 선, 칩, 주요 마커에만 사용하세요.

media.io를 사용하여 생성된 차콜 라임 라벨의 이미지 예시

14) 소프트 파스텔 스토리보드

HEX: #99f6e4 #fecdd3 #c7d2fe #64748b #f8fafc

분위기: 부드러운, 친근한, 스토리 중심

최적 용도: 단계별 프로세스 인포그래픽

차분한 스토리보드로 정리된 파스텔 스티커 노트처럼 부드럽고 스토리 중심입니다. 이 인포그래픽 컬러 팔레트는 강한 대비 없이 다른 섹션이 필요한 다단계 흐름에 적합합니다. 텍스트와 선에는 슬레이트를 사용하고, 각 단계에 파스텔을 할당하며 모양을 크게, 라벨을 짧게 유지하세요. 팁: 연한 톤이 서로 구별되도록 충분한 여백을 추가하세요.

media.io를 사용하여 생성된 소프트 파스텔 스토리보드의 이미지 예시

15) 버건디 크림 컬럼

HEX: #7f1d1d #f5f5f4 #f59e0b #0f172a #14b8a6

분위기: 프리미엄, 안정적, 편집적

최적 용도: 연간 요약 및 임원 브리프

미묘한 금색 인장이 있는 크림색 편지지의 버건디 잉크처럼 프리미엄하고 안정적입니다. 메인 데이터 시리즈나 섹션 헤더에는 버건디를 사용하고, 경영진 느낌을 위해 크림을 페이지 기본색으로 유지하세요. 틸은 경쟁 없이 보조 메트릭을 나타낼 수 있으며, 앰버는 단일 포인트 강조에 가장 적합합니다. 팁: 페이지당 하나의 굵은 차트만 사용하고 나머지는 타이포그래피에 맡기세요.

media.io를 사용하여 생성된 버건디 크림 컬럼의 이미지 예시

16) 빙하 틸 클래리티

HEX: #06b6d4 #0ea5a4 #0f172a #cbd5e1 #f8fafc

분위기: 시원한, 깨끗한, 정확한

최적 용도: 의료 데이터 대시보드

밝은 병원의 빙하수와 광택 나는 기구처럼 시원하고 정확합니다. 주요 시리즈에는 시안을 사용하고 비교에는 틸을 사용하며, 의료급 가독성을 유지하기 위해 텍스트에는 네이비를 유지하세요. 부드러운 슬레이트는 숫자에서 주의를 분산시키지 않으면서 그리드 라인과 카드 테두리에 완벽합니다. 팁: 무거운 채우기를 피하고 디자인이 위생적이고 가벼워 보이도록 선과 점을 선호하세요.

media.io를 사용하여 생성된 빙하 틸 클래리티의 이미지 예시

17) 클레이 세이지 오버뷰

HEX: #a16207 #84cc16 #14532d #fef3c7 #1f2937

분위기: 자연스러운, 따뜻한, 친근한

최적 용도: 커뮤니티 보고서 및 설문조사 결과

오후 햇살 속의 클레이 화분과 신선한 세이지처럼 자연스럽고 친근합니다. 주요 시리즈에는 세이지 그린을 사용하고, 무게감이 필요한 라벨과 제목에는 더 깊은 포레스트를 사용하세요. 크리미한 옐로우는 차트와 짧은 인용문을 위한 매력적인 배경을 만듭니다. 팁: 클레이 톤은 시각적 노이즈가 아닌 친근한 액센트로 읽히도록 작은 배지나 카테고리 칩에 사용하세요.

media.io를 사용하여 생성된 클레이 세이지 오버뷰의 이미지 예시

18) 그라파이트 아쿠아 포커스

HEX: #0f172a #06b6d4 #22c55e #e2e8f0 #f8fafc

분위기: 집중된, 현대적, 고가독성

최적 용도: 제품 로드맵 인포그래픽

아쿠아 잉크와 녹색 체크 마크가 있는 그라파이트 스케치처럼 집중되고 현대적입니다. 이 인포그래픽 컬러 팔레트는 구조를 어둡게, 액센트를 밝게 유지하여 로드맵을 스캔 가능하게 유지하는 데 도움이 됩니다. 타임라인 라인과 마일스톤 카드에는 아쿠아를 사용하고, 출시된 항목이나 성과를 표시하기 위해 녹색을 적용하세요. 팁: 배경을 매우 밝게 유지하고 회색 구분선을 사용하여 분기별로 시선을 안내하세요.

media.io를 사용하여 생성된 그라파이트 아쿠아 포커스의 이미지 예시

19) 시트러스 틸 블루프린트

HEX: #0ea5a4 #fde047 #f97316 #1e293b #f1f5f9

분위기: 활기찬, 구조화된, 낙관적

최적 용도: 사용 가이드 및 교육용 인포그래픽

각 단계를 표시하는 밝은 시트러스 스티커가 있는 틸 블루프린트처럼 활기차고 구조화되어 있습니다. 프레임워크에는 틸과 네이비를 사용하고, 번호가 매겨진 원에는 노란색을, 경고나 주요 팁에는 주황색을 적용하세요. 연한 배경은 전체 페이지를 개방적이고 읽기 쉽게 유지합니다. 팁: 가이드가 일관되게 느껴지도록 아이콘과 같은 하나의 요소 유형으로만 주황색을 제한하세요.

media.io를 사용하여 생성된 시트러스 틸 블루프린트의 이미지 예시

20) 네온 나이트 스캐터

HEX: #0b1320 #22c55e #06b6d4 #a855f7 #f8fafc

분위기: 전기적, 미래적, 대비가 풍부한

최적 용도: 기술 키노트 슬라이드 및 데이터 스토리텔링

밤하늘에 떠 있는 네온 포인트처럼 전기적이고 미래적입니다. 이러한 인포그래픽 색상 조합은 각 시리즈가 뚜렷한 광채를 필요로 하는 산점도 및 선형 차트에 이상적입니다. 배경을 깊게 유지하고 라벨과 눈금에만 흰색을 사용하여 녹색, 시안, 바이올렛이 스토리를 전달하도록 하세요. 팁: 그리드 밀도를 줄이고 더 큰 마커를 사용하여 네온 색상이 노이즈가 아닌 의도적으로 느껴지도록 하세요.

media.io를 사용하여 생성된 네온 나이트 스캐터의 이미지 예시

21) 글래시어 아쿠아 클린

HEX: #99f6e4 #0ea5a4 #94a3b8 #0f172a #ffffff

분위기: 공기 같은, 깨끗한, 안심시키는

최적 용도: 고객 성공 보고서 및 NPS 차트

자신감 있는 어두운 헤드라인이 있는 깨끗한 물과 부드러운 안개처럼 공기 같고 안심시킵니다. 부드러운 채우기에는 아쿠아를 사용하고 메인 트렌드 라인에는 틸을 사용하여 결과가 긍정적이고 차분하게 느껴지도록 하세요. 슬레이트 톤은 보조 주석과 작은 범례에 완벽합니다. 팁: 제목에만 가장 어두운 색상을 사용하고, 차트는 시원한 녹색이 전달하도록 하세요.

media.io를 사용하여 생성된 글래시어 아쿠아 클린의 이미지 예시

22) 웜 어시 타임라인

HEX: #7c2d12 #ea580c #fef3c7 #14532d #1f2937

분위기: 따뜻한, 서사적, 안정적

최적 용도: 회사 연혁 타임라인 및 마일스톤

번트 오렌지 스탬프와 짙은 녹색 책갈피가 있는 빈티지 종이처럼 따뜻하고 서사적입니다. 마일스톤 점과 짧은 날짜 태그에는 주황색을 사용하고, 스토리가 부드럽게 읽히도록 텍스트에는 어두운 중성색을 사용하세요. 포레스트 그린은 카테고리 그룹화나 시대 라벨에 잘 어울립니다. 팁: 섹션 간의 산만한 점프를 피하기 위해 패널 전체에서 크림색 배경을 일관되게 유지하세요.

media.io를 사용하여 생성된 웜 어시 타임라인의 이미지 예시

인포그래픽에 잘 어울리는 색상은?

가장 신뢰할 수 있는 인포그래픽 조합은 중성 기반(흰색, 오프화이트, 연한 회색)과 어두운 텍스트 색상(네이비 또는 차콜)으로 시작합니다. 이는 라벨을 읽기 쉽게 유지하고 차트가 화면에서 흐릿하게 보이는 것을 방지합니다.

거기서부터 명확하게 다른 밝기 수준을 가진 2-3개의 액센트 색상을 선택하세요. 틸 + 그린은 "관련" 시리즈에 잘 작동하며, 앰버나 코랄과 같은 따뜻한 액센트는 콜아웃, 목표, 알림용으로 예약할 수 있습니다.

더 많은 카테고리가 필요한 경우, 색조를 너무 자주 변경하는 대신 채도(부드러운 vs 선명한)를 변경하여 팔레트를 확장하세요. 이는 시청자가 범례에 의존하지 않고 그룹을 빠르게 인식하는 데 도움이 됩니다.

실제 디자인에서 인포그래픽 색상 팔레트를 사용하는 방법

디자인하기 전에 역할을 할당하세요: 하나의 주요 시리즈 색상, 하나의 보조 시리즈 색상, 하나의 강조/경고, 그리고 배경과 타이포그래피를 위한 중성색. 이는 모든 것이 경쟁하는 우발적인 "무지개 차트"를 방지합니다.

제목, 축 라벨, 툴팁, 데이터 라벨 등 구성 요소 전체에서 대비를 일관되게 유지하세요. 팔레트에 밝은 노란색이나 라임이 포함된 경우, 텍스트 뒤의 큰 채우기 대신 배지, 선 또는 마커로 사용하세요.

프레젠테이션 및 인쇄물의 경우, 작은 크기(범례 및 얇은 선)와 회색조에서 팔레트를 테스트하세요. 두 계열이 회색조에서 동일하게 보이면 비교가 명확하게 유지되도록 밝기를 조정하세요.

AI로 인포그래픽 팔레트 비주얼 만들기

대시보드, 보고서 스프레드 또는 소셜 통계 카드에서 팔레트가 어떻게 느껴지는지 미리 보고 싶으신가요? 포함된 프롬프트를 사용하여 빠른 목업을 생성한 다음 최종 차트를 확정하기 전에 레이아웃과 대비를 반복 수정하세요.

Media.io를 사용하면 텍스트 프롬프트를 몇 분 만에 인포그래픽 스타일의 비주얼로 변환할 수 있습니다. 테마 구상, 브랜드 분위기 매칭 또는 동일한 데이터세트에 대한 여러 색상 방향 탐색에 유용합니다.

위의 팔레트 하나로 시작하여 프롬프트 구조를 유지하고 일관성을 유지하기 위해 색상이나 레이아웃 유형(타임라인, KPI 카드, 도넛 차트)만 교체하세요.

다음: 그린 터콰이즈 색상 팔레트