미디엄 블루 컬러 팔레트 조합 (20가지 선택 + Hex)

미디엄 블루는 차분함과 자신감 사이의 최적점에 위치하여 UI, 브랜딩 및 인쇄물 전반에 걸쳐 매우 사용하기 쉽습니다. 클래식 블루처럼 신뢰감을 주면서도 깊은 네이비보다 더 신선하고 현대적으로 느껴집니다.

아래는 HEX 코드가 포함된 20개 이상의 미디엄 블루 컬러 팔레트 아이디어와 함께 목업, 포스터 및 브랜드 보드용 시각 자료를 생성할 수 있는 즉시 복사 가능한 AI 프롬프트입니다.

미디엄 블루 팔레트가 잘 작동하는 이유

미디엄 블루는 감성적 톤과 가독성의 균형을 맞추기 때문에 다재다능합니다. 신뢰할 수 있고 "기술 친화적"으로 느껴지지만, 현대적인 인터페이스와 마케팅 페이지에서 친근하게 유지될 수 있을 만큼 충분한 밝기를 가지고 있습니다.

또한 차가운 뉴트럴 톤(화이트, 슬레이트, 그레이-블루)과 따뜻한 악센트(앰버, 코랄, 테라코타) 모두와 부드럽게 조화됩니다. 즉, 기본 색상과 충돌하지 않으면서 CTA나 하이라이트를 위한 대비를 만들 수 있습니다.

인쇄물에서 미디엄 블루는 종이와 조명에 관계없이 그 특성을 유지하는 경향이 있습니다. 적절한 보조 뉴트럴 톤과 함께 사용하면 어두운 블루의 무거움을 피하면서도 레이아웃을 선명하고 전문적으로 유지합니다.

20개 이상의 미디엄 블루 컬러 팔레트 아이디어 (HEX 코드 포함)

1) 코스탈 대시보드

HEX: #2f6fed #1b2a41 #eaf2ff #2bd4c7 #f6b73c

분위기: 깔끔한, 상쾌한, 현대적인

최적 용도: 2d saas ui 대시보드

깨끗한 바다 공기와 햇빛 비치는 화면이 떠오르며, 자신감 있는 블루가 통풍이 잘 되는 오프화이트와 균형을 이룹니다. 분석 대시보드, 핀테크 도구 및 차갑게 느껴지지 않으면서도 신뢰가 필요한 제품 페이지에 아름답게 작동합니다. 틸을 활성 상태로, 앰버를 주요 숫자에 대한 절제된 하이라이트로 사용하세요. 사용 팁: 대비를 강하고 접근 가능하게 유지하려면 가장 어두운 네이비를 텍스트와 사이드바용으로 예약하세요.

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

Media.io

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

지금 무료로 사용해보기

2) 네온 마리나

HEX: #3a7bd5 #0b1020 #ff4fd8 #00e6ff #f5f7ff

분위기: 전기적인, 나이트라이프, 고대비

최적 용도: 음악 이벤트 포스터 디자인

전기적인 항구 조명이 깊은 밤을 배경으로 빛나며, 선명한 블루와 네온 팝이 혼합됩니다. 이 세트는 빠르게 대비가 필요한 포스터, 앨범 아트 또는 소셜 그래픽에 이상적입니다. 시안과 마젠타를 헤드라인 악센트로 유지하고, 오프화이트가 타이포그래피 주변에서 숨쉬도록 하세요. 사용 팁: 에너지를 흐리지 않으면서 네온 가장자리를 부드럽게 하기 위해 미묘한 그레인 오버레이를 추가하세요.

media.io를 사용하여 생성된 네온 마리나 이미지 예시

3) 데님 앤 듄

HEX: #2d6cdf #6b7a90 #f2e6d8 #c97c5d #2a2a2a

분위기: 안정적인, 캐주얼한, 따뜻함-차가움 균형

최적 용도: 라이프스타일 브랜드 랜딩 페이지

낡은 데님과 햇볕에 그을린 모래가 편안하고 신뢰할 수 있는 느낌을 만듭니다. 이 미디엄 블루 컬러 조합 선택은 선명도를 잃지 않으면서 따뜻함을 원하는 라이프스타일 사이트, 룩북 및 에디토리얼 랜딩 페이지에서 빛납니다. 듄 크림을 배경 섹션용으로 사용하고 테라코타를 버튼이나 배지에 사용하세요. 사용 팁: 프리미엄하고 읽기 쉬운 리듬을 유지하려면 제목은 거의 검정색으로, 본문 텍스트는 슬레이트로 유지하세요.

media.io를 사용하여 생성된 데님 앤 듄 이미지 예시

4) 사파이어 오차드

HEX: #356ae6 #15304a #a8e6a3 #ffffff #ff6b6b

분위기: 신선한, 낙관적인, 유쾌한

최적 용도: 웰니스 앱 온보딩 화면

신선한 과일과 맑은 하늘이 밝고 격려하는 톤을 설정합니다. 긍정성이 중요한 웰니스 온보딩, 습관 추적기 또는 쾌활한 SaaS 플로우에 사용하세요. 그린이 성공 상태를 처리하도록 하고 코랄이 주요 작업에 주목하도록 하세요. 사용 팁: 큰 배경은 화이트로 유지하고 헤더와 일러스트레이션 모양을 통해 블루를 가져와 시각적 피로를 피하세요.

media.io를 사용하여 생성된 사파이어 오차드 이미지 예시

5) 클라우디 콘플라워

HEX: #4a86e8 #d9e6ff #f7f8fb #9aa4b2 #7b5cff

분위기: 부드러운, 통풍이 잘 되는, 부드러운 기술

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

부드러운 구름과 콘플라워 악센트가 차분하고 집중되며 약간 미래지향적으로 느껴집니다. 프로젝터에서 깔끔하게 읽혀야 하는 피치 덱, 보고서 및 설명 슬라이드에 강력한 선택입니다. 라벤더를 콜아웃 및 섹션 구분선의 보조 하이라이트로 사용하세요. 사용 팁: 차트를 두 가지 톤의 블루로 유지한 다음, 기억되길 원하는 하나의 데이터 시리즈에 바이올렛을 예약하세요.

media.io를 사용하여 생성된 클라우디 콘플라워 이미지 예시

6) 미드나잇 풀

HEX: #2a66d9 #071a2b #1f9bd1 #e6eef7 #c8a2ff

분위기: 분위기 있는, 매끈한, 야행성의

최적 용도: 게임 채널 배너

어두운 물과 반사된 빛이 이 세트에 매끈하고 늦은 밤의 엣지를 부여합니다. 깊이가 필요한 게임 배너, 스트림 오버레이 및 대담한 히어로 헤더에 적합합니다. 대화형 요소에 시안을 사용하고 읽기 쉬운 텍스트 블록에 연한 그레이-블루를 유지하세요. 사용 팁: 잡동사니 없이 즉각적인 입체감을 위해 로고 뒤에 네이비에서 블루로의 희미한 그라데이션을 추가하세요.

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

7) 일렉트릭 블루프린트

HEX: #2f76ff #0b1f3b #15d3ff #f4f8ff #ffcc33

분위기: 기술적인, 에너지 넘치는, 정밀한

최적 용도: 개발자 문서 사이트

블루프린트 선과 밝은 LED가 기술적이고 자신감 있는 분위기를 만듭니다. 이 믹스는 내비게이션이 즉시 명확해야 하는 문서 사이트, API 포털 및 지식 베이스에 훌륭합니다. 시안이 링크를 나타내고 노란색이 경고나 중요한 메모를 표시하도록 하세요. 사용 팁: 코드 블록을 깊은 네이비로 유지하고 장문 읽기 편안함을 위해 밝은 배경을 사용하세요.

media.io를 사용하여 생성된 일렉트릭 블루프린트 이미지 예시

8) 블루버드 파스텔

HEX: #5b8dff #ffe6f1 #fff8e1 #7de2d1 #2e3a59

분위기: 달콤한, 친근한, 접근하기 쉬운

최적 용도: 어린이 학습 앱 ui

솜사탕 부드러움과 밝은 블루버드 리프트가 친근하고 격려하는 느낌을 줍니다. 어린이 학습 인터페이스, 재미있는 마이크로 사이트 또는 쾌활한 이메일 디자인에 사용하세요. 민트를 진행 상태용으로 사용하고 흐릿한 텍스트를 피하기 위해 네이비를 레이블용으로 유지하세요. 사용 팁: 큰 색상 블록과 둥근 모양을 사용한 다음, 팔레트가 차분하게 유지되도록 세부 아이콘을 제한하세요.

media.io를 사용하여 생성된 블루버드 파스텔 이미지 예시

9) 어반 트랜짓

HEX: #2e6be0 #101820 #9fb3c8 #f2f4f7 #ff5a1f

분위기: 구조화된, 대도시의, 대담한 악센트

최적 용도: 길찾기 안내 시스템

도시 노선, 역 지도, 깔끔한 타이포그래피가 여기서 분위기를 이끕니다. 이 미디엄 블루 색상 팔레트는 길찾기, 공공 안내 표지판, 먼 거리에서도 가독성을 유지해야 하는 정보 집약적 레이아웃에 적합합니다. 오렌지를 방향 표시 강조색으로 사용하고 회색은 보조 데이터용으로 유지하세요. 사용 팁: 강한 조명 아래에서 인쇄물의 대비를 테스트하여 네이비와 블루가 명확하게 구분되는지 확인하세요.

media.io를 사용하여 생성된 도시 교통 이미지 예시

10) 세라믹 타일

HEX: #3b74d8 #f9f4ee #2f3d4a #7aa6b2 #d98c6a

분위기: 장인정신, 지중해풍, 친근함

최적 용도: 레스토랑 메뉴 디자인

손으로 그린 타일과 따뜻한 점토가 수공예적이고 친절한 느낌을 줍니다. 전통과 현대적 감각을 원하는 메뉴, 카페 브랜딩, 패키징에 적합합니다. 크림색을 넓은 영역에 사용하고, 섹션 헤더와 장식 테두리에 블루를 활용하세요. 사용 팁: 테라코타 강조색은 가격 점이나 아이콘 같은 작은 요소에만 사용하여 팔레트를 세련되게 유지하세요.

media.io를 사용하여 생성된 세라믹 타일 이미지 예시

11) 테크 컨퍼런스

HEX: #2f6fe6 #0f172a #e2e8f0 #22c55e #a78bfa

분위기: 자신감, 현대적, 스마트함

최적 용도: 컨퍼런스 웹사이트 헤더

무대 조명과 선명한 타이포그래피가 자신감 있고 현대적인 톤을 설정합니다. 명확성과 추진력이 필요한 컨퍼런스 사이트, 연사 페이지, 등록 유입 경로에 이상적입니다. CTA에는 그린을 사용하고 태그나 트랙 레이블 같은 보조 하이라이트에는 바이올렛을 사용하세요. 사용 팁: 헤더 배경을 어둡게 유지하고 콘텐츠 섹션에는 밝은 회색을 사용하여 페이지가 무겁게 느껴지지 않도록 하세요.

media.io를 사용하여 생성된 테크 컨퍼런스 이미지 예시

12) 스카이라인 포스터

HEX: #2d6ae3 #f8fafc #111827 #94a3b8 #f97316

분위기: 대담함, 그래픽적, 현대적

최적 용도: 현대적 여행 포스터

밝은 하늘을 배경으로 한 선명한 스카이라인 실루엣이 대담하고 그래픽적으로 느껴집니다. 깔끔하고 현대적인 임팩트가 필요한 여행 포스터, 도시 가이드, 인쇄 광고에 사용하세요. 오렌지를 태양, 라벨, 노선 같은 단일 초점 요소에 사용하세요. 사용 팁: 그림자를 최소화하고 평면 도형에 의존하여 블루가 구성의 주인공으로 남도록 하세요.

media.io를 사용하여 생성된 스카이라인 포스터 이미지 예시

13) 오션 미니멀

HEX: #3a80e6 #ffffff #e6eef8 #2b3a55 #00b3c6

분위기: 미니멀, 차분함, 세련됨

최적 용도: 브랜드 아이덴티티 시스템

밝은 물과 여백이 모든 것을 세련되고 신뢰할 수 있게 만듭니다. 이 세트는 절제가 브랜드의 일부인 아이덴티티 시스템, 문구류, 깔끔한 웹사이트에 적합합니다. 아이콘, 불릿, 링크 호버 같은 작은 시그니처 순간에 틸을 사용하세요. 사용 팁: 웹에서 인쇄물까지 일관된 외관을 유지하려면 자산 전체에서 블루를 하나의 주요 음영으로 제한하세요.

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

14) 레트로 아케이드

HEX: #2f6de0 #1a1033 #ff3d81 #20e3b2 #fef08a

분위기: 레트로, 경쾌함, 펀치감

최적 용도: 모바일 게임 프로모 광고

아케이드의 빛과 픽셀 향수가 이 팔레트를 재미있고 빠르게 느껴지게 만듭니다. 색상이 말해야 하는 모바일 게임 광고, 소셜 프로모, 펀치감 있는 배너에 적합합니다. 파워업에는 핑크를, 보조 버튼이나 배지에는 민트를 사용하세요. 사용 팁: 배경을 다크 퍼플로 유지하여 블루와 밝은 색상이 지저분해지지 않고 돋보이도록 하세요.

media.io를 사용하여 생성된 레트로 아케이드 이미지 예시

15) 윈터 스포츠

HEX: #2e6fe8 #0b1d39 #dbeafe #ffffff #ff2d55

분위기: 상쾌함, 운동적, 고에너지

최적 용도: 스포츠웨어 제품 광고

차가운 공기와 빠른 움직임이 상쾌한 블루와 깨끗한 화이트로 표현됩니다. 스포츠웨어 광고, 퍼포먼스 랜딩 페이지, 대담한 제품 하이라이트에 사용하세요. 핫 핑크를 펀치감 있는 CTA 색상으로 사용하고 연한 블루는 숨 쉬는 공간으로 유지하세요. 사용 팁: 제품 조명을 중립적으로 유지하여 블루가 정확하게 읽히고 틸로 변하지 않도록 하세요.

media.io를 사용하여 생성된 윈터 스포츠 이미지 예시

16) 도서관 에디토리얼

HEX: #3b78e0 #0f2a44 #f3f4f6 #c7d2fe #b45309

분위기: 사려 깊음, 학구적, 세련됨

최적 용도: 매거진 에디토리얼 레이아웃

조용한 열람실과 종이 위의 잉크가 이 세트에 사려 깊고 에디토리얼한 느낌을 줍니다. 텍스트가 많은 매거진 스프레드, 장문 리포트, 포트폴리오 케이스 스터디에 잘 어울립니다. 인용구나 섹션 마커에 따뜻한 브라운을 사용하여 단조로운 외관을 피하세요. 사용 팁: 본문 텍스트는 딥 네이비로 유지하고 밝은 회색 여백을 사용하여 콘텐츠를 깔끔하게 프레임 처리하세요.

media.io를 사용하여 생성된 도서관 에디토리얼 이미지 예시

17) 보타니컬 브리즈

HEX: #2f6ee6 #e7f7ef #2f855a #fef3c7 #1f2937

분위기: 신선함, 자연스러움, 고양됨

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

정원 잎사귀 사이로 부는 신선한 바람이 가볍고, 자연스럽고, 회복적으로 느껴집니다. 이 미디엄 블루 색상 조합은 웰니스 일러스트레이션, 에코 패키징 그래픽, 봄 캠페인 비주얼에 완벽합니다. 부드러운 크림을 네거티브 스페이스에 사용하고 차콜은 캡션과 라벨용으로 유지하세요. 사용 팁: 수채화에서는 블루가 민트 가장자리로 스며들도록 하여 딱딱한 윤곽 대신 부드러운 그라데이션을 만드세요.

media.io를 사용하여 생성된 보타니컬 브리즈 이미지 예시

18) 럭셔리 워치 스튜디오

HEX: #2f6fe0 #0a0f1a #d1d5db #ffffff #cfa34a

분위기: 럭셔리, 드라마틱, 고대비

최적 용도: 럭셔리 시계 제품 촬영

깊은 그림자와 광택 나는 금속이 프리미엄하고 영화 같은 분위기를 줍니다. 대비가 품질을 판매하는 럭셔리 제품 페이지, 주얼리 광고, 고급 패키징에 이상적입니다. 골드를 절제된 하이라이트로 사용하고 대부분의 표면은 블랙, 화이트, 스틸 그레이로 유지하세요. 사용 팁: 블루를 림 라이트나 배경 그라데이션으로 사용하여 스포티하기보다 세련되게 읽히도록 하세요.

media.io를 사용하여 생성된 럭셔리 워치 스튜디오 이미지 예시

19) 인박스 클래리티

HEX: #3a7ee6 #f8fafc #e2e8f0 #334155 #f59e0b

분위기: 명확함, 효율적, 친근함

최적 용도: 이메일 뉴스레터 템플릿

명확한 헤더와 깔끔한 섹션이 정리된 받은편지함처럼 느껴집니다. 이 세트는 모든 화면에서 잘 읽혀야 하는 뉴스레터, 제품 업데이트 이메일, 공지 템플릿에 적합합니다. 라벨, 태그 또는 단일 버튼 같은 작은 강조에 앰버를 사용하세요. 사용 팁: 긴 카피는 화이트에 유지하고 미디엄 블루는 계층 구조에만 사용하며 큰 블록에는 사용하지 마세요.

media.io를 사용하여 생성된 인박스 클래리티 이미지 예시

20) 뮤지엄 카탈로그

HEX: #2d6de6 #0f172a #f1f5f9 #64748b #ef4444

분위기: 큐레이팅됨, 조용함, 권위적

최적 용도: 전시 카탈로그 표지

큐레이팅된 갤러리와 선명한 캡션이 조용하고 권위적인 느낌을 만듭니다. 카탈로그 표지, 박물관 프로그램, 문화 행사 자료에 강력한 선택입니다. 날짜 스탬프나 전시 제목 같은 단일 스포트라이트 요소에 레드를 사용하세요. 사용 팁: 팔레트를 대부분 중립적으로 유지한 다음 블루를 사용하여 이미지를 프레임 처리하고 읽기 순서를 안내하세요.

media.io를 사용하여 생성된 뮤지엄 카탈로그 이미지 예시

21) 나이트 마켓

HEX: #2f6be6 #111827 #f472b6 #fbbf24 #e5e7eb

분위기: 활기참, 도시적, 친근함

최적 용도: 스트리트 푸드 전단지

거리 조명, 간판, 야식이 활기차고 친근하게 느껴집니다. 이 미디엄 블루 색상 조합은 혼란 없이 에너지가 필요한 전단지, 팝업 이벤트 그래픽, 소셜 게시물에 적합합니다. 가격과 하이라이트에는 옐로우를, 경쾌한 아이콘이나 헤더에는 핑크를 사용하세요. 사용 팁: 배경을 어둡게 유지하고 밝은 강조색을 두 개의 주요 영역으로 제한하여 메시지가 읽기 쉽게 유지되도록 하세요.

media.io를 사용하여 생성된 나이트 마켓 이미지 예시

22) 소프트 그라데이션 웹

HEX: #3a7ae6 #b9d3ff #ffffff #2b3448 #ff7a59

분위기: 따뜻함, 현대적, 친근함

최적 용도: 마케팅 홈페이지 히어로

부드러운 그라데이션과 친근한 대비가 페이지를 따뜻하고 현대적으로 느껴지게 만듭니다. 환영하는 첫인상을 원하는 마케팅 히어로, 기능 섹션, 가입 페이지에 사용하세요. 주요 버튼에는 코랄을, 내비게이션과 헤딩에는 다크 슬레이트를 유지하세요. 사용 팁: 라이트 블루를 큰 배경 그라데이션으로 적용하고 주요 블루는 핵심 UI 구성 요소에 사용하세요.

media.io를 사용하여 생성된 소프트 그라데이션 웹 이미지 예시

미디엄 블루와 잘 어울리는 색상은?

미디엄 블루는 화이트, 오프화이트, 라이트 그레이 블루 같은 깔끔한 중립색과 쉽게 어울리며, 통풍이 잘 되고 읽기 쉬운 느낌을 줍니다. 텍스트와 구조에는 딥 네이비나 차콜이 거칠지 않으면서도 강한 대비를 유지합니다.

강조색의 경우, 앰버, 코랄, 오렌지 같은 따뜻한 색조가 버튼, 가격, 배지에 즉각적인 초점을 만듭니다. 더 차가운 팝을 선호한다면, 틸/시안이 같은 해양 계열에 머물면서 "활성" 에너지를 추가합니다.

더 독특한 변형을 위해서는 바이올렛이나 라벤더를 보조 하이라이트로 시도해보세요. 미디엄 블루와 함께 세련되게 보이면서 현대적이고 약간 미래적인 분위기를 더합니다.

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

먼저 시스템에서 미디엄 블루가 하는 역할을 결정하세요: 주요 브랜드 색상, UI 주요 액션, 또는 배경 프레임. 그런 다음 대부분의 표면에 중립색을 사용하여 블루가 압도적이기보다 의도적으로 읽히도록 하세요.

CTA 버튼, 주요 통계, 라벨 같은 "주목 순간"을 위해 하나의 따뜻한 강조색을 예약하세요. 강조색을 제한하면 계층 구조가 명확하게 유지되고 팔레트가 시끄럽게 느껴지지 않습니다.

마지막으로, 특히 작은 텍스트와 UI 상태(호버, 활성, 비활성)에 대해 대비를 조기에 테스트하세요. 미디엄 블루는 화면과 인쇄물에서 다르게 보일 수 있으므로 빠른 확인을 통해 디자인의 일관성을 유지할 수 있습니다.

AI로 미디엄 블루 팔레트 시각 자료 만들기

이러한 팔레트가 실제로 작동하는 것을 보고 싶다면 AI로 매칭되는 목업과 그래픽을 생성하세요. 각 팔레트 아래에 프롬프트가 포함되어 있어 프레젠테이션, 랜딩 페이지 및 포스터를 위한 일관된 비주얼을 빠르게 만들 수 있습니다.

최상의 결과를 얻으려면 모든 프롬프트에 동일한 5개의 HEX 코드를 유지하고, 레이아웃 스타일(2D UI, 포스터, 카탈로그 표지)을 지정하며, 제공된 --ar 설정으로 종횡비를 고정하세요.

마음에 드는 룩을 찾으면 작은 변형 세트(다른 구성, 동일한 팔레트)를 제작하여 통일감 있는 브랜드 또는 캠페인 세트를 더 빠르게 구축하세요.

다음: 정글 그린 컬러 팔레트