상위 20개 미드나잇 블루 색상 팔레트: Hex + AI 디자인 예시

미드나잇 블루는 프리미엄, 차분, 현대적인 것을 한꺼번에 읽는 진한 파란색입니다. 드라마틱하게 느껴질 만큼 깊지만, 순수한 검은색보다 눈에 더 편안합니다.

아래는 브랜딩, UI, 포스터, 포장 및 인테리어에 사용할 수 있는 미드나잇 블루 색상 조합입니다. 각각 헥스 코드와 Media.io에서 재사용할 수 있는 AI 이미지 프롬프트가 있습니다.

왜 미드나잇 블루 색상 조합이 그렇게 잘 작동합니까?

미드나잇 블루 (like)#0b1320)는 달콤한 위치에 있습니다. 영화처럼 느껴지고 고급스러운 느낌을 줄 만큼 어둡지만 검은색보다 더 많은 컬러 캐릭터를 유지합니다. 따라서 추위를 느끼지 않고 "진지함"을 원하는 브랜드의 강력한 앵커가 됩니다.

자연스럽게 눈부심이 적기 때문에 midnight blue는 대비와 가독성이 중요한 인터페이스, 특히 다크 모드에도 훌륭합니다. 제어된 악센트(청록색, 산호색, 금색)와 결합하면 시각적 소음 없이 선명함을 얻을 수 있습니다.

디자인 면에서 미드나잇 블루는 따뜻한 중립(아이보리, 양피지, 사암)과 시원한 톤(스틸, 청록색, 아이스 아쿠아)과 매끄럽게 어울립니다. 이러한 유연성 때문에 포스터, 포장, 인테리어 및 편집 레이아웃에서 작동합니다.

20개 이상의 미드나잇 블루 컬러 팔레트 아이디어(헥스 코드 포함)

1) 나이트하버

16 진수:#0b1320 #0f2a45 #1e4e6a #8fb8c9 #f2efe9

기분:영화 같은, 차분한, 해상

다음에 가장 적합합니다.여행브랜드 랜딩페이지 히어로UI

영화적이고 차분하며, 마치 깊은 물 위로 안개를 가르는 항구 불빛처럼 느껴집니다. 헤더와 탐색에 어두운 베이스를 사용한 다음 부드러운 바다 유리 파란색이 하이라이트와 차트를 처리합니다. 따뜻한 오프화이트는 레이아웃을 뚜렷하게 변하지 않고 읽기 쉽게 유지합니다. 팁: 주요 행동 촉구에 대해 가장 가벼운 톤을 예약하여 페이지가 분위기를 유지하지만 여전히 변환됩니다.

media.io를 사용하여 생성된 night harbor의 이미지 예

미디어.io

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

지금 무료로 시도해 보세요

2) 벨벳 성운

16 진수:#0d1026 #1b1f4a #3d2c6d #b07bb4 #f6d6e8

기분:꿈같은, 럭셔리, 우주

다음에 가장 적합합니다.앨범 표지 아트워크

몽환적이고 고급스러운 이 톤은 부드러운 성운 빛이 나는 벨벳 하늘처럼 읽혀집니다. 배경은 가장 깊은 네이비를 유지한 다음 그라데이션과 타이포그래피 그림자는 보라색과 자두색을 겹쳐 둡니다. 블러셔 핑크는 풀 블록보다는 미묘한 하이라이트로 가장 잘 어울립니다. 팁: 곡물과 부드러운 비네트를 추가하여 보라색이 시끄럽지 않고 더 풍부하게 느껴집니다.

media.io를 사용하여 생성된 벨벳 성운의 이미지 예

3) 북극 자정

16 진수:#071525 #0c2a45 #2d6f85 #a7d9e6 #eef9fb

기분:산뜻하고, 통풍이 잘되는, 극지방

다음에 가장 적합합니다.SaaS 대시보드 차트 및 표

산뜻하고 통풍이 잘되는 이 미드나잇 블루 색상 구성표는 얼음 반사와 깨끗한 공기가 있는 극지방 밤을 암시합니다. 더 짙은 파란색으로 테이블 헤더와 사이드바를 만든 다음 선택한 상태와 데이터 하이라이트에 옅은 아쿠아를 사용합니다. 거의 흰색 상단 톤은 조밀한 대시보드에서 피로를 방지합니다. 팁: 그리드라인을 미묘하게 유지하고 아쿠아 하이라이트에 의존하여 시각적 소음을 방지하세요.

media.io를 사용하여 생성된 arctic midnight의 이미지 예

4) 잉크 & 아이보리

16 진수:#0a1220 #111827 #374151 #e5e7eb #fff7ed

기분:편집, 미니멀, 세련된

다음에 가장 적합합니다.포트폴리오 웹사이트 타이포그래피 시스템

세련되고 편집적인, 조용한 대비가 있는 두꺼운 아이보리 종이에 잉크처럼 느껴집니다. 이 미드나잇 블루 컬러 팔레트는 장식보다 계층이 더 중요한 타이프 포워드 레이아웃에 이상적입니다. 헤드라인과 탐색에 가장 어두운 두 톤을 사용한 다음 따뜻한 아이보리가 큰 흰색 영역을 부드럽게 합니다. 팁: 순수한 검은색을 딥 네이비로 바꾸어 사이트를 고급스럽고 덜 가혹해 보이도록 하세요.

media.io를 사용하여 생성된 ink & ivory의 이미지 예

5) 사파이어 에스프레소

16 진수:#0b1b3a #123c69 #f0b429 #5c3a21 #f7f3e9

기분:대담하고, 따뜻하고, 세련된

다음에 가장 적합합니다.커피 포장 및 제품 광고

대담하고 세련된 이 음식은 사파이어 광택이 나는 심야 에스프레소처럼 들립니다. 진한 블루스와 따뜻한 골드를 매치하여 선반 거리에서 튀어나온 라벨, 씰, 프리미엄 악센트를 사용하세요. 커피 브라운이 디자인을 그라운드하여 골드가 결코 화려해 보이지 않습니다. 팁: 호일 선이나 배지와 같이 금색 요소를 작고 의도적으로 유지하여 고급스러운 느낌을 유지하세요.

media.io를 사용하여 생성된 sapphire espresso의 이미지 예

6) 달빛 라벤더

16 진수:#10162f #2a2f6b #6b5ca5 #d9c7ff #f5f1ff

기분:부드러운, 로맨틱한, 야간

다음에 가장 적합합니다.웨딩 초대장 스위트

부드럽고 야간적인 이 미드나잇 블루 색상 조합은 라벤더 꽃잎과 실크 리본에 떨어지는 달빛을 불러일으킵니다. 타이포그래피와 모노그램에는 가장 어두운 톤을 사용한 다음 테두리, 아이콘, 섬세한 패턴에는 라일락을 사용하세요. 옅은 라벤더 화이트는 종이를 통풍이 잘되고 낭만적이게 유지합니다. 팁: 어두운 잉크 요소를 엠보싱하고 라일락 악센트를 얇게 유지하여 스위트가 장난스럽지 않고 우아한 느낌을 줍니다.

media.io를 사용하여 생성된 moonlit lavender의 이미지 예

7) 해안 폭풍

16 진수:#0b1d2e #1b3a57 #3a6d8c #7fb1c6 #d9e9ef

기분:신선하고, 바람이 불고, 자신감 넘치는

다음에 가장 적합합니다.아웃도어 브랜드 소셜 포스트

바람이 불고 자신감이 있어 밝은 해안 바다 위로 폭풍이 몰아치는 것 같습니다. 네이비가 헤드라인 블록을 고정한 다음 모양과 레이어드 웨이브에 미드 블루스를 사용합니다. 옅은 안개 톤이 네거티브 스페이스로 잘 작동하므로 이동할 때 포스트가 깨끗하게 유지됩니다. 팁: 가장 어두운 두 가지 음영에만 밝은 텍스트를 배치하여 대비를 높이 유지하세요.

media.io를 사용하여 생성된 해안 폭풍의 이미지 예

8) 황동 전망대

16 진수:#0b1526 #1c2f4a #2f4f6f #c6a15b #f2eadc

기분:빈티지, 학문적, 분위기

다음에 가장 적합합니다.책 표지 디자인

빈티지하고 학문적인 금관악기, 오래된 별 차트, 조용한 전망대를 떠올리게 합니다. 이 미드나잇 블루 색상 조합은 고전적인 대비가 필요할 때 빛납니다. 필드에는 딥 네이비, 타이틀과 장식품에는 황동, 호흡 공간에는 양피지입니다. 중간 파란색을 그라데이션이나 그림이 그려진 별자리의 다리로 사용하세요. 팁: 화면에서 지나치게 금속적으로 보이지 않도록 황동 악센트를 약간 소거하세요.

media.io를 사용하여 생성된 brass observatory의 이미지 예

9) 황혼의 숲

16 진수:#08131f #0f2d2e #2f5d50 #7aa68d #e7efe6

기분:흙빛, 조용함, 접지

다음에 가장 적합합니다. 친환경 브랜드 아이덴티티

조용하고 안정적이며, 밤이 내리기 직전의 소나무 그림자와 시원한 공기 같은 느낌입니다. 깊은 청록색을 핵심 브랜드 톤으로 사용한 다음, 보조 그래픽과 보조 버튼에는 이끼 같은 녹색을 활용하세요. 옅은 세이지 화이트는 지속 가능한 메시지를 차분하고 신뢰할 수 있게 만듭니다. 팁: 재활용 종이 질감과 미니멀한 아이콘을 결합하여 아이덴티티를 소박하지 않고 현대적으로 유지하세요.

media.io를 사용하여 생성된 황혼 숲의 이미지 예시

10) 체리 누아르

16 진수: #0b1020 #22112b #4b1d3f #b23a64 #f3d3dd

기분: 무디한, 드라마틱한, 로맨틱한

다음에 가장 적합합니다. 칵테일 바 이벤트 포스터

무디하고 드라마틱하며, 체리 레드 반짝임이 있는 촛불 켜진 칵테일을 연상시킵니다. 어두운 네이비와 가지색을 베이스로 사용한 다음, 체리 악센트로 날짜, 장소, 티켓 가격과 같은 주요 세부 사항을 강조하세요. 블러시 톤은 포스터를 읽기 쉽게 유지하고 타이포그래피 주변에 부드러움을 더합니다. 팁: 듀오톤 배경을 시도하고 체리 색상은 하나의 초점 요소에만 사용하세요.

media.io를 사용하여 생성된 체리 누아르 이미지 예시

11) 글레이셔 스틸

16 진수: #0a1624 #12304a #2a5c7a #9bb3c4 #e9eef2

기분: 기술적인, 차가운, 신뢰할 수 있는

다음에 가장 적합합니다. B2B 피치덱 슬라이드

기술적이고 신뢰할 수 있으며, 차가운 강철, 유리, 깨끗한 엔지니어링처럼 느껴집니다. 슬라이드 제목과 섹션 구분선에는 가장 어두운 색상을 사용하고, 다이어그램과 아이콘에는 중간 톤의 블루를 활용하세요. 연한 회색-블루는 차트를 읽기 쉽게 유지하면서 차가운 온도를 유지합니다. 팁: 슬라이드당 하나의 악센트 컬러를 유지하고 나머지 계층 구조에는 색조 변형에 의존하세요.

media.io를 사용하여 생성된 글레이셔 스틸 이미지 예시

12) 코랄 애프터 다크

16 진수: #0b1326 #102a43 #1f6f8b #ff6b6b #fff1f0

기분: 유쾌한, 현대적인, 하이 콘트라스트

다음에 가장 적합합니다. 앱 온보딩 화면

유쾌하고 현대적이며, 깊은 밤바다를 배경으로 빛나는 네온 코랄처럼 보입니다. 이러한 미드나이트 블루 색상 조합은 코랄이 즉시 진행과 행동으로 읽히기 때문에 온보딩에 효과적입니다. 보조 일러스트레이션과 친근한 아이콘 채우기에는 중간 톤의 틸-블루를 사용하세요. 팁: 코랄을 버튼과 주요 하이라이트에만 사용하여 특별하게 유지하고 흐름을 압도하지 않도록 하세요.

media.io를 사용하여 생성된 코랄 애프터 다크 이미지 예시

13) 샌드스톤 이클립스

16 진수: #0a1422 #1b2a3a #4a5568 #d6c3a3 #f7f0e6

기분: 따뜻한 중성, 건축적인, 시대를 초월한

다음에 가장 적합합니다. 거실 인테리어 무드보드

건축적이고 시대를 초월하며, 따뜻한 사암과 린넨 위의 저녁 하늘처럼 느껴집니다. 캐비닛, 빌트인 또는 특징 벽에는 깊은 톤을 사용한 다음, 텍스타일과 러그에서 모래 베이지로 균형을 맞추세요. 부드러운 크림은 공간을 무겁지 않고 개방적이고 층이 있게 유지합니다. 팁: 무광택 블랙 하드웨어를 절제있게 추가하여 따뜻함을 빼앗지 않고 가장자리를 날카롭게 만드세요.

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

14) 틸 콘스텔레이션

16 진수: #071a2d #0b3a4a #0f7a7a #7fe0d8 #e7fffb

기분: 에너제틱한, 수중의, 미래지향적인

다음에 가장 적합합니다. 기술 컨퍼런스 전단지

에너제틱하고 수중 같으며, 이 미드나이트 블루 색상 팔레트는 깊은 물 위의 빛나는 별자리를 연상시킵니다. 전단지 필드에는 미드나이트 베이스를 사용한 다음, 날카롭고 현대적인 대비를 위해 틸 타이포그래피와 아이콘을 설정하세요. 밝은 아쿠아는 날짜, QR 코드 및 섹션 마커와 같은 작은 하이라이트에 완벽합니다. 팁: 배경을 깨끗하게 유지하고 추가 도형을 추가하는 대신 틸 그라데이션이 움직임을 전달하도록 하세요.

media.io를 사용하여 생성된 틸 콘스텔레이션 이미지 예시

15) 로즈 스모크

16 진수: #0b1224 #2a1f3d #5a3f6f #d7a6c2 #f8f1f6

기분: 부드러운, 향수를 불러일으키는, 우아한

다음에 가장 적합합니다. 뷰티 브랜드 패키징

부드럽고 향수를 불러일으키며, 어두운 저녁 방을 떠도는 장미 가루처럼 보입니다. 가장 어두운 색상으로 로고와 작은 텍스트를 처리하고, 모브와 로즈로 부드러운 블록과 그라데이션을 만드세요. 옅은 블러시는 밝고 프리미엄한 느낌을 위해 기본 카톤 배경으로 가장 잘 작동합니다. 팁: 새틴 마감과 톤 패터닝을 사용하여 패키징이 바쁘지 않게 촉각적으로 느껴지도록 하세요.

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

16) 사이버 미드나이트 UI

16 진수: #0a0f1f #0d1b3d #1f3cff #35c9ff #e9f1ff

기분: 전기적인, 세련된, 하이테크

다음에 가장 적합합니다. 다크 모드 핀테크 앱 UI

전기적이고 세련되며, 새벽 2시 유리에 반사된 도시 조명처럼 느껴집니다. 이 미드나이트 블루 색상 팔레트는 명확성이 밝고 제어된 악센트에 달려 있는 다크 모드에 강력하게 적합합니다. 기본 작업에는 선명한 블루를, 상태 및 마이크로 인터랙션에는 시안을 사용하세요. 팁: 두 개의 밝은 악센트를 화면당 몇 개의 구성 요소로 제한하여 인터페이스가 시끄럽지 않고 프리미엄하게 유지되도록 하세요.

media.io를 사용하여 생성된 사이버 미드나이트 ui 이미지 예시

17) 뮤지엄 에디토리얼

16 진수: #0b1320 #1f2937 #6b7280 #d1d5db #fafaf9

기분: 큐레이팅된, 차분한, 모던 클래식

다음에 가장 적합합니다. 매거진 특집 레이아웃

큐레이팅되고 차분하며, 갤러리 벽을 반영합니다: 깊은 프레임, 부드러운 조명, 그리고 충분한 네거티브 공간. 헤드라인에는 네이비로, 캡션과 풀 쿼트에는 그레이로 강력한 타이포그래픽 리듬을 구축하세요. 따뜻한 오프 화이트는 특히 긴 읽기물에서 레이아웃이 무균 상태로 느껴지지 않도록 유지합니다. 팁: 최상위 계층 구조에만 가장 어두운 톤을 사용하여 스프레드가 통풍이 잘되고 고급스럽게 느껴지도록 하세요.

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

18) 럭스 호텔 로비

16 진수: #091223 #132a3e #2b4c5f #b08d57 #1c1c1c

기분: 럭셔리, 친밀한, 드라마틱한

다음에 가장 적합합니다. 호텔 브랜드 웹사이트 헤더

럭셔리하고 친밀하며, 황동 고정 장치와 플러시 그림자가 있는 어두운 로비를 연상시킵니다. 이와 같은 미드나이트 블루 색상 구성은 골드가 절제되어 버튼, 아이콘 또는 얇은 선에 마무리 터치로 작용할 때 가장 잘 작동합니다. 푸터와 오버레이에는 차콜을 보조 깊이 톤으로 사용하세요. 팁: 따뜻한 사진을 선택하고 네이비 오버레이를 적용하여 비주얼이 팔레트와 싸우지 않고 일치하도록 하세요.

media.io를 사용하여 생성된 럭스 호텔 로비 이미지 예시

19) 윈터 웨딩 스위트

16 진수: #0b1630 #233b6e #6b8fe6 #c9d6ff #fff8fb

기분: 산뜻한, 축하하는, 통풍이 잘되는

다음에 가장 적합합니다. 겨울 웨딩 세이브 더 데이트

산뜻하고 축하하는 분위기이며, 황혼의 눈과 부드러운 블루 실크처럼 느껴집니다. 이름과 장소 세부 사항에는 깊은 톤을 사용한 다음, 테두리와 별이나 눈송이와 같은 작은 아이콘에 더 밝은 블루를 사용하세요. 옅은 얼음 같은 라벤더-블루는 여전히 신부답게 읽히는 부드러운 배경을 만듭니다. 팁: 장식 요소를 드물게 유지하고 넉넉한 간격이 우아함을 만들도록 하세요.

media.io를 사용하여 생성된 윈터 웨딩 스위트 이미지 예시

20) 스페이스바운드 그라데이션

16 진수: #060b1a #0b1f3a #233a7a #6b5cff #f1efff

기분: 광활한, 현대적인, 분위기 있는

다음에 가장 적합합니다. 음악 페스티벌 티켓 디자인

광활하고 분위기 있으며, 이러한 미드나이트 블루 색상 조합은 가장자리에 바이올렛 리프트가 있는 딥 스페이스 그라데이션처럼 읽힙니다. 티켓 베이스에는 거의 검은색을 사용한 다음, 초점 영역에 인디고에서 바이올렛으로의 부드러운 전환을 구축하세요. 부드러운 오프 화이트는 분위기를 깨지 않고 QR 코드와 작은 글씨를 선명하게 유지합니다. 팁: 그라데이션을 한 패널에만 적용하여 스캔 영역이 하이 콘트라스트를 유지하도록 하세요.

media.io를 사용하여 생성된 스페이스바운드 그라데이션 이미지 예시

미드나잇 블루와 어울리는 색상은 무엇입니까?

미드나이트 블루는 아이보리, 크림, 파치먼트, 베이지, 부드러운 블러시와 같은 따뜻한 중성 색상과 아름답게 어울립니다. 이들은 어두운 레이아웃을 읽기 쉽게 유지하고 팔레트가 무겁지 않고 프리미엄하게 느껴지도록 만듭니다.

현대적이고 하이 콘트라스트 느낌을 위해 코랄, 시안 또는 일렉트릭 블루와 같은 밝은 악센트를 추가하세요. 악센트를 절제있게 사용하여(버튼, 배지, 주요 숫자) 디자인이 깨끗하게 유지되도록 하세요.

더 차분하고 "자연스러운" 방향을 원한다면 미드나이트 블루를 틸, 세이지, 이끼 녹색과 결합하세요. 이것은 현대적인 느낌을 유지하면서 자연스럽고 안정된 분위기를 만듭니다.

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

미드나이트 블루를 헤더, 내비게이션 바, 배경, 히어로 블록 또는 패키징 패널과 같은 큰 표면의 기초로 선택하는 것으로 시작하세요. 그런 다음 숨 쉴 공간과 가독성을 위해 하나의 밝은 중성 색상을 선택하세요(카드, 페이지 배경, 네거티브 공간).

다음으로, 단일 악센트 역할을 결정하세요: 작업(CTA 버튼), 강조(주요 통계) 또는 장식(장식품). 미드나이트 블루가 베이스일 때 악센트가 더 강하게 느껴지므로 일반적으로 더 적게 필요합니다.

마지막으로, 의도적으로 대비를 관리하세요: 가장 어두운 두 색상에 흰색/오프 화이트 텍스트를 배치하고, 보조 UI 상태, 구분선 및 일러스트레이션에 중간 톤을 사용하세요. 이렇게 하면 모든 것이 소리치지 않고 계층 구조가 명확하게 유지됩니다.

AI로 미드나잇 블루 팔레트 비주얼 만들기

UI 화면, 포스터, 초대장 또는 패키징을 위한 빠른 모형을 원한다면 위의 팔레트 프롬프트를 사용하여 AI로 브랜드에 맞는 비주얼을 생성할 수 있습니다. 색상 언어를 일관되게 유지하면서 주제(예: "랜딩 페이지 히어로" 또는 "북 커버")를 교체하세요.

Media.io 텍스트-투-이미지는 레이아웃을 처음부터 다시 구축하지 않고 그레인 추가, 다른 비율 선택 또는 디자인 스타일 변경과 같은 변형을 탐색하는 데 유용합니다.

다음: 우주 색상 팔레트