Eclipse 색상 구성표: 부드러운, 대담한, 그리고 중성 혼합

Eclipse 팔레트는 어두운 중성색(잉크, 차콜, 미드나이트 톤)을 중심으로 구성되며, 주의를 유도하기 위해 절제된 강조색(라벤더, 틸, 골드 또는 로즈)을 추가합니다.

아래는 브랜딩, UI 및 소셜 그래픽에 재현할 수 있는 HEX 코드, 분위기 노트 및 AI 프롬프트 예제가 포함된 20가지 바로 사용 가능한 eclipse 색상 조합입니다.

Eclipse 색상 조합이 효과적인 이유

Eclipse 팔레트는 저조도 기반(거의 검은색, 차콜, 슬레이트, 딥 네이비)으로 구축되어 즉시 현대적이고 프리미엄하며 집중된 느낌을 줍니다. 베이스가 조용하기 때문에 타이포그래피와 레이아웃 계층 구조가 더 적은 색상으로도 더 명확해집니다.

또한 제품 전반에 걸쳐 잘 확장됩니다. UI 컴포넌트에 동일한 어두운 중성 시스템을 유지한 다음, 캠페인, 기능 또는 브랜드 라인에 맞게 단일 강조색만 교체할 수 있습니다. 이는 eclipse 색상 조합을 디자인 시스템 및 콘텐츠 파이프라인에 실용적으로 만듭니다.

가장 중요한 것은 eclipse 조합이 대비를 쉽게 제어할 수 있다는 것입니다. 회색 간의 작은 단계로 깊이를 만든 다음, CTA, 레이블 또는 주요 순간에 대해 하나의 하이라이트 색상을 사용하여 화면을 압도하지 않을 수 있습니다.

20가지 이상의 Eclipse 색상 팔레트 아이디어 (HEX 코드 포함)

1) 미드나이트 오빗

HEX: #0b0f1a #1b2a41 #3a4f7a #9aa6b2 #f2f5f7

분위기: 우주적, 집중된, 현대적

적합한 용도: SaaS 분석 대시보드 UI

우주적이고 집중된 이 eclipse 톤은 밤하늘 아래의 조용한 제어실처럼 느껴집니다. 딥 네이비와 잉크를 베이스로 사용한 다음 스틸 블루와 쿨 그레이로 계층 구조를 높이세요. 데이터 중심 UI, 핀테크 화면 및 대비가 중요한 관리 패널에서 빛을 발합니다. 팁: 레이아웃을 통기성 있게 유지하려면 거의 흰색을 카드와 주요 지표에만 사용하세요.

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

Media.io

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

지금 무료로 체험하기

2) 애쉰 헤일로

HEX: #1a1a1a #3b3f46 #6b7078 #c9c6bf #f4f1ea

분위기: 조용한, 세련된, 편집적인

적합한 용도: 미니멀 브랜드 아이덴티티 시스템

조용하고 세련된 이 믹스는 부드러운 재, 광택 금속, 따뜻한 종이처럼 읽힙니다. 이러한 eclipse 색상 조합은 가장 어두운 차콜을 로고와 제목에 사용한 다음 따뜻한 오프화이트가 네거티브 공간을 담당하게 할 때 가장 잘 작동합니다. 프리미엄 아이덴티티 시스템, 타이포그래피 중심 레이아웃 및 모노크롬 패키징에 이상적입니다. 팁: 추가 색상 대신 미묘한 그레인 또는 재활용 종이 마감으로 질감을 추가하세요.

media.io를 사용하여 생성된 애쉰 헤일로 이미지 예시

3) 루나 라벤더

HEX: #14121a #2b2436 #5a4e78 #b8a7d9 #f5f2fb

분위기: 몽환적, 부드러운, 야행성

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

몽환적이고 야행성인 이 퍼플은 구름을 통해 확산된 달빛처럼 느껴집니다. 거의 검은색 바이올렛으로 화면을 고정한 다음 라벤더가 하이라이트와 친근한 마이크로 인터랙션을 담당하게 하세요. 완전히 파스텔로 가지 않고 차분함을 원하는 웰니스, 수면 및 저널링 경험에 아름답게 작동합니다. 팁: 가혹한 대비를 피하기 위해 연한 라일락을 부드러운 배경 패널로 사용하세요.

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

4) 솔라 섀도우

HEX: #0f1012 #2a2d34 #444a54 #d0a85c #f6f0e4

분위기: 드라마틱한, 프리미엄, 영화적

적합한 용도: 럭셔리 이벤트 포스터 디자인

드라마틱하고 영화적인 다크 그레이는 따뜻한 골드를 위한 스포트라이트 순간을 설정합니다. 이 eclipse 색상 팔레트는 날짜, 아이콘 또는 하나의 히어로 라인에 대해 골드를 희귀한 강조색으로 취급할 때 가장 강력합니다. 즉각적인 프리미엄 에너지를 원하는 럭셔리 이벤트 포스터, 갤러리 오프닝 및 음악 나이트에 사용하세요. 팁: 배경을 무광으로 유지하고 골드가 호일 같은 요소로 나타나도록 하여 임팩트를 주세요.

media.io를 사용하여 생성된 솔라 섀도우 이미지 예시

5) 그래파이트 네뷸라

HEX: #101214 #24282e #3f4650 #7b8794 #e6e8eb

분위기: 기술적, 선명한, 절제된

적합한 용도: 개발자 문서 웹사이트

기술적이고 선명한 이 그래파이트 톤은 브러시드 메탈과 깔끔한 코드 블록처럼 느껴집니다. 네비게이션과 푸터에 가장 어두운 음영을 사용한 다음 섹션과 구분선을 위해 중간 그레이로 단계적으로 올라가세요. 가독성이 우선인 문서 사이트, 지식 베이스 및 제품 도움말 센터에 적합합니다. 팁: 성공 및 오류 상태에만 하나의 밝은 상태 색상과 페어링하세요.

media.io를 사용하여 생성된 그래파이트 네뷸라 이미지 예시

6) 트와일라잇 코퍼

HEX: #121315 #2b2a2a #5a3e34 #b56a4a #f1e3d3

분위기: 따뜻한, 무드있는, 수작업

적합한 용도: 커피백 패키징 디자인

따뜻하고 수작업으로 만든 이 eclipse 세트는 로스팅된 원두, 구리 조명, 늦은 밤 카페를 연상시킵니다. 에스프레소 블랙이 브랜드 마크를 담당하게 한 다음 플레이버 노트와 배지에 구리와 탄을 사용하세요. 커피 패키징, 장인 음식 및 아늑한 라이프스타일 광고에 자연스럽게 어울립니다. 팁: 디자인을 바쁘지 않고 프리미엄하게 유지하기 위해 탄 색상의 간단한 선 일러스트레이션을 추가하세요.

media.io를 사용하여 생성된 트와일라잇 코퍼 이미지 예시

7) 스톰글래스

HEX: #0e1116 #1f2a33 #3b5564 #7fa0ad #d9e3e8

분위기: 쿨한, 신뢰할 수 있는, 세련된

적합한 용도: B2B 랜딩 페이지 히어로 섹션

쿨하고 신뢰할 수 있는 이 블루는 유리 위의 비와 차분한 모멘텀처럼 느껴집니다. Eclipse 색상 조합으로서 페이지를 현대적으로 유지하는 통풍이 잘 되는 하이라이트와 깊은 구조의 균형을 맞춥니다. 헤더와 CTA에 가장 어두운 톤을 사용한 다음 여백과 미묘한 그라데이션에 연한 블루그레이를 도입하세요. 팁: 깔끔한 엔터프라이즈 룩을 위해 샤프한 산세리프 타입과 간단한 선 아이콘과 페어링하세요.

media.io를 사용하여 생성된 스톰글래스 이미지 예시

8) 벨벳 더스크

HEX: #170f14 #2f1b2a #55304a #a36b8e #efe3ea

분위기: 로맨틱한, 예술적인, 친밀한

적합한 용도: 앨범 커버 아트워크

로맨틱하고 친밀한 이 벨벳 퍼플은 무대 커튼과 희미한 네온처럼 읽힙니다. 배경에 가장 어두운 플럼을 사용한 다음 더스티 로즈가 타이틀과 작은 하이라이트를 처리하게 하세요. 앨범 커버, 시 잡지 및 부티크 나이트라이프 프로모에 잘 작동합니다. 팁: 타이포그래피를 미니멀하게 유지하고 하나의 부드러운 그라데이션이 무거운 작업을 수행하도록 하세요.

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

9) 이클립스 에스프레소

HEX: #0f0c0a #2a1f1a #5a453b #a27c64 #f0e6dc

분위기: 아늑한, 안정적인, 소박한

적합한 용도: 카페 메뉴 디자인

아늑하고 안정적인 이 세트는 에스프레소 크레마, 월넛 우드, 따뜻한 촛불처럼 느껴집니다. 제목과 섹션 구분선에 가장 어두운 브라운블랙을 사용한 다음 가격과 하이라이트에 탄을 도입하세요. 따뜻함이 스토리를 판매하는 카페 메뉴, 베이커리 간판 및 음식 사진 오버레이에 적합합니다. 팁: 고급스러운 룩을 위해 세리프 헤드라인 폰트와 충분한 간격과 페어링하세요.

media.io를 사용하여 생성된 이클립스 에스프레소의 이미지 예시

10) 스모키 사파이어

HEX: #0b1016 #142235 #2a4664 #5b7ea3 #d7e2ef

분위기: 스마트한, 차분한, 디지털

적합한 용도: 핀테크 모바일 앱 UI

스마트하고 차분한 이 블루 톤은 깊이감, 안정성, 세련된 디지털 느낌을 제안합니다. 가장 어두운 네이비를 탭 바와 주요 버튼에 사용하고, 연한 블루를 카드의 메인 캔버스로 활용하세요. 명확성이 신뢰를 구축하는 핀테크 앱, 뱅킹 대시보드, 구독 플로우에 적합합니다. 팁: 무거운 그림자 없이 카드를 구분하려면 중간 블루의 얇은 테두리를 추가하세요.

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

11) 콘크리트 바이올렛

HEX: #151516 #2c2a33 #4b465c #8a7ea6 #e7e3f0

분위기: 도시적인, 미니멀한, 창의적인

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

도시적이고 미니멀한 이 이클립스 컬러 팔레트는 바이올렛 황혼빛이 비치는 콘크리트 벽처럼 느껴집니다. 본문 텍스트에는 짙은 거의 검은색을 사용하고, 풀 쿼트와 섹션 레이블에는 뮤트된 바이올렛으로 개성을 더하세요. 절제미에 변화를 더해야 하는 패션 에디토리얼, 건축 레이아웃, 문화 매거진에 어울립니다. 팁: 고대비 사진과 페어링하고 컬러 블록은 작은 마진이나 캡션에만 사용하세요.

media.io를 사용하여 생성된 콘크리트 바이올렛의 이미지 예시

12) 나이트 가든

HEX: #0d1110 #1f2b24 #3f4f3f #7c9a6a #e3efe1

분위기: 자연스러운, 차분한, 식물의

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

자연스럽고 차분한 이 그린 톤은 달빛 아래의 잎사귀와 비 온 후 이끼처럼 보입니다. 줄기와 그림자에는 짙은 포레스트 톤을 사용하고, 뮤트된 세이지와 연한 민트 워시로 장면을 부드럽게 만드세요. 안정감이 필요한 식물 프린트, 봄 패키징, 웰니스 그래픽에 완벽합니다. 팁: 가장자리를 느슨하게 유지하고 연한 민트를 네거티브 스페이스로 활용하세요.

media.io를 사용하여 생성된 나이트 가든의 이미지 예시

13) 스페이스 스테이션

HEX: #0c0f12 #1b1f26 #343a46 #6f7a88 #f2f4f7

분위기: 세련된, 미래적인, 정돈된

적합한 용도: 프레젠테이션 슬라이드 덱 템플릿

세련되고 정돈된 이 이클립스 톤은 선명한 패널과 부드러운 조명의 우주 정거장 내부를 연상시킵니다. 헤더와 내비게이션 요소에는 가장 어두운 색조를 사용하고, 슬라이드 배경과 차트에는 거의 흰색에 가까운 색을 활용하세요. 구조가 중요한 피치 덱, 기술 보고서, 제품 로드맵에 잘 작동합니다. 팁: 데이터를 깔끔하게 유지하려면 차트 색상을 회색-블루의 두 가지 틴트로 제한하세요.

media.io를 사용하여 생성된 스페이스 스테이션의 이미지 예시

14) 클라우드 플럼

HEX: #120f14 #2a202c #4b394f #7d5f7c #e9dde9

분위기: 부드러운, 우아한, 사색적인

적합한 용도: 웨딩 초대장 세트

부드럽고 사색적인 이 플럼 톤은 황혼의 구름과 새틴 리본처럼 느껴집니다. 이름과 제목에는 짙은 플럼을 사용하고, 연한 모브를 종이 톤으로 활용하세요. 이 이클립스 컬러 스킴은 밝기보다 우아함이 중요한 웨딩 초대장, 공식 안내장, 로맨틱한 스테이셔너리에 어울립니다. 팁: 잡스러움 없이 세련된 프레임을 위해 중간 플럼의 얇은 라인 테두리를 추가하세요.

media.io를 사용하여 생성된 클라우드 플럼의 이미지 예시

15) 차콜 민트

HEX: #0f1214 #1e2a2a #35524a #6fb8a6 #e7f6f1

분위기: 신선한, 균형잡힌, 현대적인

적합한 용도: 스킨케어 제품 광고 배너

신선하고 균형잡힌 이 조합은 어두운 돌에 부딪히는 시원한 공기처럼 느껴집니다. 이런 이클립스 컬러 팔레트는 민트가 차콜 타이포그래피와 짙은 틸 서포트에 대비되는 히어로 액센트일 때 가장 잘 작동합니다. 차분한 색상 팝이 필요한 스킨케어 광고, 헬스 브랜드, 깔끔한 제품 페이지에 사용하세요. 팁: 배경을 거의 흰색에 가깝게 유지하고 민트는 버튼이나 주요 혜택 아이콘에 배치하여 명확성을 확보하세요.

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

16) 슬레이트 로즈

HEX: #111216 #2b2c34 #585b6a #c08a98 #f4e9ec

분위기: 현대적인, 로맨틱한, 품위있는

적합한 용도: 소셜 미디어 인용구 템플릿

현대적이고 품위있는 슬레이트 뉴트럴은 로즈 톤을 달콤하기보다는 의도적으로 느껴지게 만듭니다. 텍스트에는 짙은 슬레이트를, 강조 단어에는 블러시를, 배경에는 연한 핑크를 사용하여 높은 가독성을 확보하세요. 인용구 템플릿, 크리에이터 캐러셀, 라이프스타일 안내에 적합합니다. 팁: 하나의 폰트 패밀리를 고수하고 추가 그래픽 대신 굵기 변화로 스타일링하세요.

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

17) 옵시디언 샌드

HEX: #0c0c0e #232326 #4a4a4f #b6a793 #f7f2ea

분위기: 안정적인, 프리미엄, 자연스러운

적합한 용도: 인테리어 디자인 무드 보드

안정적이고 프리미엄한 이 이클립스 컬러 스킴은 옵시디언 돌, 풍화된 콘크리트, 따뜻한 모래를 제안합니다. 주요 레이블과 스와치에는 어두운 뉴트럴을 사용하고, 보드를 친근하게 유지하려면 샌디 베이지에 기대세요. 절제된 럭셔리를 선호하는 인테리어 무드 보드, 건축 콘셉트, 가구 브랜드에 잘 작동합니다. 팁: 일관된 마무리를 위해 우드 텍스처와 무광 블랙 하드웨어와 페어링하세요.

media.io를 사용하여 생성된 옵시디언 샌드의 이미지 예시

18) 노던 라이츠 딤

HEX: #0a1212 #12312c #1f5a52 #4aa68f #dff7f0

분위기: 시원한, 활기찬, 깔끔한

적합한 용도: 기술 컨퍼런스 배지 디자인

시원하고 활기찬 이 틸 톤은 어두운 물 위의 희미한 오로라처럼 느껴집니다. 베이스 배지에는 거의 검은색에 가까운 틸을 사용하고, 이름과 트랙은 밝은 시폼으로 강조하세요. 빠른 스캔이 중요한 기술 이벤트, 워크숍 자료, 현대적인 사이니지에 이상적입니다. 팁: 아이콘을 단순하게 유지하고 시폼은 상위 두 가지 정보 우선순위에만 사용하세요.

media.io를 사용하여 생성된 노던 라이츠 딤의 이미지 예시

19) 모노크롬 드리프트

HEX: #0e0f10 #2a2c2e #55595e #a7adb3 #f6f7f8

분위기: 미니멀한, 시대를 초월한, 자신감 있는

적합한 용도: 포트폴리오 웹사이트 레이아웃

미니멀하고 시대를 초월한 이 그레이스케일 세트는 갤러리 벽과 선명한 인쇄물처럼 느껴집니다. 내비게이션과 제목에는 가장 어두운 색조를, 보조 텍스트에는 중간 그레이를, 페이지 배경에는 거의 흰색을 사용하세요. 작업 샘플이 주도해야 하는 포트폴리오, 에이전시 사이트, 케이스 스터디 페이지에 강력한 선택입니다. 팁: 인터랙션을 보이되 조용하게 유지하려면 연한 그레이를 사용한 하나의 미묘한 호버 상태를 추가하세요.

media.io를 사용하여 생성된 모노크롬 드리프트의 이미지 예시

20) 딥 씨 이클립스

HEX: #071015 #0e2430 #144355 #1f6f7a #cfe8e6

분위기: 신비로운, 시원한, 세련된

적합한 용도: 해안 야간 투어 여행 포스터

신비롭고 세련된 이 심해 톤은 달빛 비치는 파도와 멀리 있는 항구 불빛을 연상시킵니다. 가장 어두운 블루그린을 배경으로 사용하고, 틸이 초점 형태와 헤드라인을 담당하게 하세요. 이 이클립스 컬러 스킴은 분위기에 기대는 여행 포스터, 해안 경험, 분위기 있는 캠페인에 완벽합니다. 팁: 그라디언트를 미묘하게 유지하고 큰 어두운 영역의 밴딩을 피하기 위해 미세한 그레인을 추가하세요.

media.io를 사용하여 생성된 딥 씨 이클립스의 이미지 예시

Eclipse와 잘 어울리는 색상은?

이클립스(어두운 뉴트럴) 팔레트는 슬레이트 블루, 사파이어, 틸, 뮤트된 라벤더와 같은 쿨 액센트와 가장 잘 어울립니다. 이러한 색조는 전체적인 룩을 깔끔하고 현대적으로 유지하면서 어두운 배경에서도 가독성을 유지합니다.

따뜻한 대비를 원한다면 절제된 골드, 코퍼, 샌드, 블러시 또는 탠을 추가하세요. 핵심은 절제입니다: 따뜻한 톤을 CTA, 날짜, 배지 또는 단일 히어로 요소의 하이라이트로 취급하세요.

가장 유연한 옵션을 원한다면 거의 흰색, 따뜻한 오프화이트 또는 연한 그레이를 "숨쉬는 공간" 색상으로 사용하세요. 대비를 높이고 카드와 표면을 지원하며 어두운 UI가 덜 무겁게 느껴지도록 만듭니다.

실제 디자인에서 Eclipse 색상 조합을 사용하는 방법

70/20/10 분할로 시작하세요: 70% 어두운 뉴트럴 베이스, 20% 중간톤 섹션과 테두리 서포트, 10% 인터랙티브 또는 높은 우선순위 요소를 위한 액센트. 이렇게 하면 이클립스 컬러 조합이 흐릿하지 않고 의도적으로 유지됩니다.

UI에서는 내비게이션과 주요 버튼에 가장 어두운 색조를 사용한 다음, 긴 세션을 편안하게 유지하기 위해 연한 표면(카드, 테이블, 패널)에 콘텐츠를 배치하세요. 포스터와 소셜 그래픽에서는 가장 어두운 색상을 무대로, 액센트를 스포트라이트로 만드세요.

브랜딩의 경우 하나의 시그니처 액센트를 선택하고 템플릿 전체에서 일관성을 유지하세요. 단일 반복 가능한 하이라이트 색상은 모든 자산에 여러 밝은 색을 추가하는 것보다 빠르게 인지도를 구축합니다.

AI로 Eclipse 팔레트 비주얼 만들기

HEX 코드는 있지만 목업이 빠르게 필요한 경우, 주제(UI, 포스터, 패키징)에 이클립스 색상을 "주요" 및 "액센트" 톤으로 포함하는 AI 프롬프트로 브랜드에 맞는 비주얼을 생성하세요.

Media.io에서는 빠르게 반복할 수 있습니다: 광고, 썸네일, 온보딩 화면에 대한 다양한 종횡비를 시도한 다음 분위기에 맞게 타이포그래피, 레이아웃 밀도, 텍스처(무광, 그레인, 포일)를 개선하세요.

마음에 드는 룩을 찾으면 캠페인 전체에서 동일한 프롬프트 구조를 재사용하세요—일관된 이클립스 디자인 시스템을 유지하기 위해 액센트 색상과 주제만 바꾸세요.

다음: 사파리 컬러 팔레트