헥스 코드가 포함된 최고의 인디고 블루 컬러 팔레트 20선

인디고 블루는 네이비와 퍼플 사이에 위치하여 권위와 상상력이 조화를 이루는 독특한 디자인을 선사합니다. 함께 매치하는 액센트에 따라 기업적이거나, 영화 같거나, 차분하거나, 생동감 있게 느껴질 수 있습니다.

아래는 HEX 코드가 포함된 20가지 인디고 블루 컬러 팔레트 아이디어와 Media.io에서 재사용할 수 있는 실제 사용 팁 및 AI 프롬프트입니다.

인디고 블루 팔레트가 효과적인 이유

인디고 블루는 자연스럽게 높은 대비를 제공합니다. 레이아웃을 안정시키고 계층을 만들 만큼 충분히 어두우면서도, 기본 네이비보다 더 프리미엄하게 느껴지는 미묘한 퍼플 톤을 유지합니다.

또한 다양한 매체에서 매우 유연합니다. UI에서 인디고는 가독성 높은 화이트 타이포그래피와 깔끔한 데이터 시각화를 지원하며, 인쇄물에서는 풍부한 잉크처럼 보이고 따뜻한 종이 톤과 아름답게 조화를 이룹니다.

무엇보다 중요한 것은 인디고가 쿨톤과 웜톤 액센트 모두와 잘 어울린다는 점입니다—민트, 시안, 코랄, 골드, 블러시, 아이보리—따라서 핵심 브랜드 컬러를 바꾸지 않고도 차분함에서 대담함까지 분위기를 조절할 수 있습니다.

20가지 이상의 인디고 블루 컬러 팔레트 아이디어 (HEX 코드 포함)

1) 미드나잇 아이리스

HEX: #1B1A3A #2E2B5F #4A3E8C #B7B0E6 #F3F1FF

분위기: 신비로운, 럭셔리, 차분한

최적 용도: SaaS 대시보드 UI

신비롭고 벨벳 같으며, 한밤중 하늘에 반사된 도시의 불빛을 연상시킵니다. 깊은 인디고를 베이스로 사용한 다음, 부드러운 라벤더와 거의 화이트에 가까운 색으로 카드와 테이블의 가독성을 확보하세요. 고딕 스타일이 아닌 모던한 느낌을 유지하기 위해 은은한 그림자와 둥근 컴포넌트와 함께 사용하세요. 팁: 인터페이스가 집중력을 유지하도록 가장 밝은 색조를 주요 CTA와 활성 상태에만 사용하세요.

media.io를 사용하여 생성된 미드나잇 아이리스 이미지 예시

Media.io

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

지금 무료로 체험하기

2) 코스탈 잉크

HEX: #12233F #243B77 #2F7EA8 #CBEAF2 #F7FBFF

분위기: 신선한, 모던한, 경쾌한

최적 용도: 여행 브랜드 랜딩 페이지

신선하고 산뜻하며, 잉크 블루 파도와 맑은 아침 공기를 연상시킵니다. 이 인디고 블루 컬러 조합은 무겁지 않으면서 깊이를 원할 때 특히 잘 작동하며, 열린 공간을 위한 연한 아쿠아와 함께 사용됩니다. 틸을 간단한 라인 아이콘과 함께 사용하고 가장 어두운 톤은 헤더와 내비게이션에 사용하세요. 팁: 차분한 스크롤 리듬을 유지하기 위해 가장 밝은 색조를 섹션 구분선으로 사용하세요.

media.io를 사용하여 생성된 코스탈 잉크 이미지 예시

3) 벨벳 나이트폴

HEX: #140D2B #2A1E4F #4E2D6A #D2A6C9 #F8EEF6

분위기: 드라마틱한, 로맨틱한, 고급스러운

최적 용도: 럭셔리 향수 패키징

드라마틱하고 로맨틱하며, 벨벳 커튼과 은은하게 조명된 라운지를 연상시킵니다. 거의 블랙에 가까운 인디고는 프리미엄 대비를 만들고, 모브와 블러시는 뷰티 제품의 분위기를 부드럽게 합니다. 메탈릭 포일(실버 또는 로즈 골드)과 함께 사용하고 쿠튀르 마감을 위해 타이포그래피를 미니멀하게 유지하세요. 팁: 스튜디오 조명에서 깊이를 더하기 위해 측면 패널에 블러시 톤을 사용하세요.

media.io를 사용하여 생성된 벨벳 나이트폴 이미지 예시

4) 인디고 앤 아이보리

HEX: #1F255C #3442A8 #8EA0FF #F2EBDD #FFFFFF

분위기: 깔끔한, 클래식한, 자신감 있는

최적 용도: 기업 브랜딩 키트

깔끔하고 자신감 있으며, 경영진 책상 위의 깔끔한 문구류처럼 보입니다. 인디고는 권위를 전달하고, 아이보리와 화이트는 레이아웃을 개방적이고 친근하게 유지합니다. 세련되고 글로벌한 느낌을 위해 헤드라인에는 하나의 굵은 웨이트를 사용하고 충분한 여백을 두세요. 팁: 시각적 노이즈를 피하기 위해 페리윙클을 차트와 하이라이트를 위한 보조 액센트로만 사용하세요.

media.io를 사용하여 생성된 인디고 앤 아이보리 이미지 예시

5) 일렉트릭 오키드

HEX: #1A1B4B #3A2BCB #A12CFF #FF57C8 #FFF0FA

분위기: 대담한, 활기찬, 미래적인

최적 용도: 음악 페스티벌 포스터

대담하고 전기적이며, 네온 사인과 늦은 밤의 베이스라인을 연상시킵니다. 깊은 인디고가 밝은 색상들을 고정시켜 퍼플과 마젠타가 혼란스럽지 않게 튀어나올 수 있습니다. 멀리서도 즉각적인 임팩트를 위해 기하학적 형태와 고대비 타입과 함께 사용하세요. 팁: 일정표와 작은 글씨 세부 사항을 위한 네거티브 스페이스로 연한 핑크를 사용하세요.

media.io를 사용하여 생성된 일렉트릭 오키드 이미지 예시

6) 데님 더스크

HEX: #202A44 #2E4A7F #7B93B7 #C9D2DC #F6F7F9

분위기: 캐주얼한, 신뢰할 수 있는, 편안한

최적 용도: 앱 온보딩 스크린

편안하고 친숙하며, 낡은 데님과 부드러운 황혼 하늘을 떠올리게 합니다. 미드 인디고와 슬레이트 블루는 신뢰를 구축하고, 연한 회색은 온보딩 스크린을 경쾌하고 읽기 쉽게 유지합니다. 둥근 일러스트레이션과 간단한 진행 표시기와 함께 사용하여 마찰을 줄이세요. 팁: 주요 버튼에는 중간 블루를 사용하고 가장 어두운 톤은 헤더에만 사용하세요.

media.io를 사용하여 생성된 데님 더스크 이미지 예시

7) 루나 라벤더

HEX: #23214E #3B3A87 #7F7BD1 #D9D7F6 #F9F9FF

분위기: 몽환적인, 부드러운, 고요한

최적 용도: 웰니스 저널 커버

몽환적이고 고요하며, 연한 라벤더 꽃잎 위로 쏟아지는 달빛을 닮았습니다. 이 인디고 블루 컬러 팔레트는 구조를 잃지 않으면서 부드러움을 원하는 웰니스 및 자기관리 디자인에 특히 차분합니다. 얇은 세리프 헤딩과 인디고에서 라일락으로 이어지는 부드러운 그라디언트와 함께 사용하세요. 팁: 무거운 커버를 피하기 위해 가장 깊은 색조는 타이틀과 책등 텍스트에 소량만 사용하세요.

media.io를 사용하여 생성된 루나 라벤더 이미지 예시

8) 사파이어 스모크

HEX: #0E1B2D #1D3557 #3A6EA5 #9FBAD3 #E9F0F6

분위기: 쿨한, 전문적인, 침착한

최적 용도: 핀테크 분석 UI

쿨하고 침착하며, 사파이어 글라스와 스카이라인을 가로지르는 부드러운 연기를 연상시킵니다. 어두운 네이비-인디고 톤은 데이터를 진지하게 느끼게 하고, 뮤티드 블루는 차트를 읽기 쉽고 차분하게 유지합니다. 얇은 그리드라인, 명확한 숫자 형식, 절제된 아이콘과 함께 사용하세요. 팁: 데이터가 주인공으로 남도록 가장 밝은 블루-그레이를 카드 배경으로 사용하세요.

media.io를 사용하여 생성된 사파이어 스모크 이미지 예시

9) 스토미 플럼

HEX: #1A1633 #33224D #5A3A7A #B49ACB #EFE7F3

분위기: 분위기 있는, 예술적인, 세련된

최적 용도: 에디토리얼 매거진 스프레드

분위기 있고 세련되며, 자두색으로 물든 먹구름 같은 느낌입니다. 깊은 인디고와 가지색은 헤드라인에 강력하고, 연한 라일락은 긴 글 읽기를 위한 공간을 제공합니다. 에디토리얼 분위기를 증폭시키기 위해 흑백 사진과 엄격한 그리드와 함께 사용하세요. 팁: 본문 텍스트는 어둡게 유지하고 자두색 톤은 인용구와 섹션 레이블에만 사용하세요.

media.io를 사용하여 생성된 stormy plum의 이미지 예시

10) 아르데코 인디고

HEX: #14163A #27307A #D7B35C #F3E7C8 #FFFFFF

분위기: 화려한, 빈티지, 고대비

최적 용도: 이벤트 초대 카드

화려하고 빈티지한 느낌으로 아르데코 홀과 따뜻한 샴페인 조명을 연상시킵니다. 인디고와 앤티크 골드의 조합은 즉시 축하 분위기를 느끼게 하며, 크림 톤은 레이아웃을 우아하게 유지합니다. 기하학적 테두리와 압축된 서체를 함께 사용하여 시대에 맞는 룩을 연출하세요. 팁: 텍스처가 있는 종이에 깔끔하게 인쇄되도록 골드 요소를 얇고 전략적으로 유지하세요.

media.io를 사용하여 생성된 아르데코 인디고의 이미지 예시

11) 젠 슬레이트

HEX: #1C2233 #2C3756 #5C6E8A #CBD3DD #F5F7FA

분위기: 미니멀, 차분한, 조용한

최적 용도: 건축 스튜디오 웹사이트

조용하고 차분하며 슬레이트 돌, 강철, 깨끗한 햇빛처럼 읽힙니다. 인디고 계열의 어두운 색상은 내비게이션과 케이스 스터디에 진지함을 주며, 부드러운 회색은 포트폴리오를 선명하게 유지합니다. 대형 사진, 얇은 선, 넉넉한 간격과 함께 사용하여 장인정신을 강조하세요. 팁: 호버 상태에 중간 슬레이트 톤을 사용하여 인터랙션이 미묘하게 유지되도록 하세요.

media.io를 사용하여 생성된 젠 슬레이트의 이미지 예시

12) 베리 천문대

HEX: #1B1441 #2B2E8F #7C2A8F #E04677 #FFE6EE

분위기: 경쾌한, 우주적인, 표현력 있는

최적 용도: 스트리밍 채널 브랜딩

경쾌하고 우주적이며 베리 색상 신호가 있는 야간 천문대처럼 느껴집니다. 인디고, 바이올렛, 라즈베리 간의 대비는 바쁜 피드에서 썸네일과 배지를 돋보이게 만듭니다. 즉각적인 인지를 위해 굵은 산세리프 서체와 단순한 별 또는 궤도 모티프와 함께 사용하세요. 팁: 텍스트가 많은 배너의 배경으로 블러시 틴트를 사용하여 명확성을 유지하세요.

media.io를 사용하여 생성된 베리 천문대의 이미지 예시

13) 인디고 선라이즈

HEX: #1A2057 #3845C6 #FF8A5B #FFD3A6 #FFF6EE

분위기: 낙관적인, 따뜻한, 고대비

최적 용도: 스타트업 피치덱 슬라이드

낙관적이고 강렬하며 깊은 인디고 지평선을 뚫고 나오는 일출의 따뜻함처럼 보입니다. 이 인디고 블루 색상 조합은 확실한 구조와 기억에 남는 강조 색상이 필요한 스토리텔링 슬라이드에 적합합니다. 코랄을 간단한 차트 및 하이라이트 콜아웃과 함께 사용하고, 가독성을 위해 배경은 대부분 크림으로 유지하세요. 팁: 슬라이드당 하나의 요소로 코랄을 제한하여 임팩트를 유지하세요.

media.io를 사용하여 생성된 인디고 선라이즈의 이미지 예시

14) 뮤지엄 콰이어트

HEX: #121A2B #2A3153 #6D7396 #D7D5CF #FAF8F2

분위기: 시대를 초월한, 절제된, 큐레이팅된

최적 용도: 사진작가를 위한 포트폴리오 사이트

시대를 초월하고 큐레이팅되어 부드러운 벽 페인트와 액자 인쇄물이 있는 미술관 갤러리처럼 느껴집니다. 인디고 다크 톤은 내비게이션에 세련된 느낌을 주며, 따뜻한 회색은 이미지를 원래 색상 그대로 유지합니다. 미니멀한 UI 크롬과 함께 사용하고 사진이 페이지를 지배하도록 하세요. 팁: 순수한 흰색의 거칠음을 피하기 위해 배경에 따뜻한 오프화이트를 사용하세요.

media.io를 사용하여 생성된 뮤지엄 콰이어트의 이미지 예시

15) 네온 블루프린트

HEX: #0B1028 #1E2A78 #2DE2E6 #B7F7F8 #F4FEFF

분위기: 기술적인, 선명한, 미래적인

최적 용도: 개발자 컨퍼런스 전단지

기술적이고 선명하며 네온 시안으로 빛나는 청사진 선을 연상시킵니다. 이 인디고 블루 색상 조합은 어두운 기초와 단일 고에너지 하이라이트를 원하는 이벤트 자료에서 빛납니다. 일정과 연사를 위한 등폭 강조, 그리드 패턴, 명확한 계층 구조와 함께 사용하세요. 팁: 날짜 및 장소와 같은 주요 세부 정보에 시안을 사용하여 스캔이 수월하도록 하세요.

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

16) 윈터 하버

HEX: #0F1A30 #233B6E #5F7FB2 #C9D8EA #F6FAFF

분위기: 차가운, 안정적인, 넓은

최적 용도: 운송 및 물류 웹사이트

차갑고 안정적이며 잔잔한 물과 강철 크레인이 있는 겨울 항구를 떠올리게 합니다. 겹겹이 쌓인 블루는 운영 및 추적 페이지에 신뢰성을 느끼게 하며, 옅은 틴트는 양식을 눈에 편안하게 유지합니다. 실용적이고 드라마 없는 느낌을 위해 명확한 아이콘 세트와 충분한 여백과 함께 사용하세요. 팁: 빠른 시각적 스캔을 위해 상태 태그에 중간 블루를 사용하세요.

media.io를 사용하여 생성된 윈터 하버의 이미지 예시

17) 인디고 클레이

HEX: #1C1D3B #3A3C78 #C07B5A #E7C7B7 #FBF2EE

분위기: 자연적인, 창의적인, 수제

최적 용도: 도자기 상점 제품 광고

자연적이고 수제이며 작업대 위의 따뜻한 점토 옆 인디고 염료처럼 느껴집니다. 이 인디고 블루 색상 조합은 공예와 세련미의 균형을 이루며 소량 제품 스토리텔링에 완벽합니다. 테라코타 강조 색상이 의도적으로 보이도록 자연 텍스처, 부드러운 그림자, 따뜻한 뉴트럴과 함께 사용하세요. 팁: 소리치지 않고 시선을 안내하기 위해 가격표나 콜아웃에 클레이 톤을 유지하세요.

media.io를 사용하여 생성된 인디고 클레이의 이미지 예시

18) 로얄 스테이셔너리

HEX: #151A4A #2A2F8A #5F6FE6 #D9DDFB #FFFFFF

분위기: 격식 있는, 세련된, 밝은

최적 용도: 결혼식 초대장 세트

격식 있고 세련되며 왕실의 트위스트가 있는 밝은 종이 위의 클래식 잉크와 비슷합니다. 강한 인디고는 전통을 전달하며, 밝은 페리윙클은 현대 커플을 위한 부드러움을 더합니다. 깔끔한 인쇄 마감을 위해 섬세한 테두리, 스크립트 강조, 충분한 여백과 함께 사용하세요. 팁: 세트가 삽입물 전체에서 일관성을 유지하도록 섹션 구분선에 중간 블루를 사용하세요.

media.io를 사용하여 생성된 로얄 스테이셔너리의 이미지 예시

19) 코스믹 네이비

HEX: #070A1E #141B4D #3F4ACB #9AA6FF #F0F2FF

분위기: 영화 같은, 대담한, 세련된

최적 용도: 게임 앱 UI

영화 같고 세련되며 날카로운 블루 하이라이트로 자른 깊은 우주처럼 보입니다. 거의 검은색에 가까운 네이비는 게임 메뉴에 집중을 만들고, 더 밝은 인디고 톤은 움직임과 에너지를 더합니다. 즉각적인 가독성을 위해 빛나는 버튼, 미묘한 그라디언트, 고대비 타이포그래피와 함께 사용하세요. 팁: 어두운 화면에서 눈부심을 줄이기 위해 툴팁과 마이크로카피에 밝은 라벤더를 유지하세요.

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

20) 인디고 가든

HEX: #1B1E4B #3A3FA3 #4DAA7A #BFE7D1 #F3FFF8

분위기: 신선한, 식물적인, 균형 잡힌

최적 용도: 수채화 식물 일러스트레이션

신선하고 식물적이며 비 온 후 새 녹색 잎에 대한 인디고 꽃잎을 제안합니다. 이 인디고 블루 색상 조합은 녹색이 경쟁 기반이 아닌 절제된 강조로 사용될 때 특히 생동감을 느낍니다. 일러스트레이션이 가볍게 유지되도록 부드러운 텍스처와 충분한 여백과 함께 사용하세요. 팁: 녹색이 빛나도록 윤곽선과 그림자에 가장 깊은 인디고를 유지하세요.

media.io를 사용하여 생성된 인디고 가든의 이미지 예시

인디고 블루와 잘 어울리는 색상은?

인디고 블루는 흰색, 아이보리, 쿨 그레이와 같은 선명한 뉴트럴과 쉽게 어울립니다. 이들은 레이아웃을 통기성 있게 유지하면서 인디고가 헤더, 내비게이션, 히어로 섹션의 구조를 담당하게 합니다.

강조 색상의 경우 따뜻한 대비(코랄, 테라코타, 앤티크 골드, 블러시) 또는 차가운 에너지(민트, 시안, 아쿠아) 중 하나를 선택하세요. 따뜻한 강조 색상은 인디고를 더 친근하고 편집적으로 느끼게 하며, 차가운 강조 색상은 기술적이고 현대적으로 느끼게 합니다.

토널 룩을 원한다면 라일락, 페리윙클 또는 바이올렛으로 블루-퍼플 팔레트를 구축하세요. 이렇게 하면 모든 것이 조화롭게 유지되면서도 버튼, 차트, 하이라이트를 위한 충분한 분리가 제공됩니다.

실제 디자인에서 인디고 블루 컬러 팔레트를 사용하는 방법

인디고를 "앵커" 색상으로 시작하세요: 상단 내비게이션, 히어로 헤드라인 또는 어두운 섹션에 사용하세요. 그런 다음 텍스트가 읽기 쉽도록 배경과 카드에 밝은 틴트(거의 흰색, 옅은 라벤더 또는 블루-그레이)를 사용하세요.

고채도 강조 색상을 한 가지 용도로 제한하세요. 예를 들어: CTA에만 코랄, 성공 상태에만 민트, 또는 구분선과 프리미엄 배지에만 골드. 이렇게 하면 인디고가 흐릿하게 느껴지는 것을 방지하고 팔레트가 바빠지는 것을 막습니다.

인쇄에서 인디고는 순수한 검은색을 피할 때 가장 풍부하게 보입니다. 본문 텍스트에 매우 깊은 인디고를 사용하고, 최대 대비가 필요할 때만(바코드나 마이크로 텍스트처럼) 진정한 검은색을 예약하세요.

AI로 인디고 블루 팔레트 비주얼 만들기

이미 HEX 코드가 있다면 레이아웃(대시보드, 포스터, 패키징)을 설명하고 AI가 우선시하기를 원하는 색상을 명시적으로 나열하여 빠르게 실제 디자인 목업으로 변환할 수 있습니다.

일관된 결과를 얻으려면 프롬프트를 구체적으로 유지하세요: 기본 인디고에 대한 "주요 색상", 밝은 팝에 대한 "강조 색상"을 언급하고 깔끔한 출력을 위해 "기기 프레임 없음" 또는 "단색 배경"과 같은 제약을 추가하세요.

여러 변형을 생성한 다음 최상의 이미지 스타일을 향후 브랜드 자산의 템플릿으로 재사용하세요. 이는 소셜 게시물, 랜딩 페이지, 피치덱에 특히 유용합니다.

다음: 민트 그린 민트 컬러 팔레트