슬레이트 블루 컬러 팔레트 (20가지 선택 + 16진수 코드 + AI 디자인)

슬레이트 블루는 차분함과 자신감 사이의 균형점에 위치하여 현대적인 색상 조합의 신뢰할 수 있는 기본 색상이 됩니다. UI에서는 전문적으로, 인테리어에서는 아늑하게, 브랜딩에서는 고급스럽게 보입니다.

아래는 HEX 코드가 포함된 20가지 슬레이트 블루 색상 조합과 중성색 및 강조색을 매치하여 디자인이 균형 있고 의도적으로 느껴지도록 하는 실용적인 팁입니다.

슬레이트 블루 색상 조합이 효과적인 이유

슬레이트 블루는 파란색의 신뢰와 명료함을 약간 보라빛이 도는 부드러운 톤과 결합하기 때문에 다재다능합니다. 그 부드러움은 지나치게 기업적인 느낌을 주지 않으면서도 여전히 세련되게 보입니다.

또한 따뜻한 색상과 차가운 색상 모두와 잘 어울립니다. 통풍이 잘 되는 중성색으로 차분한 미니멀리즘으로 밀어붙이거나, 코랄, 네온 핑크 또는 골드와 같은 활기찬 강조색으로 돋보이게 할 수 있습니다.

디지털 디자인에서 슬레이트 블루는 밝은 UI와 어두운 UI 모두에서 잘 유지되는 경향이 있으며, 순수한 기본 파란색의 거친 느낌 없이 강력한 계층 구조를 제공합니다. 인쇄물과 인테리어에서는 밝기보다는 풍부하고 안정적으로 보입니다.

20개 이상의 슬레이트 블루 색상 팔레트 아이디어 (HEX 코드 포함)

1) 해안의 황혼

HEX: #6A5ACD #1F2A44 #9BB7D4 #F2E9E4 #D9A5B3

분위기: 고요한, 해안의, 황혼

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

고요하고 약간 안개가 낀 듯한 이 슬레이트 블루 색상 팔레트는 부드러운 구름이 밀려드는 블루 아워의 보드워크처럼 느껴집니다. 가독성이 중요한 여행 사이트, 부티크 숙소 또는 차분한 히어로 섹션에 사용하세요. 짙은 네이비를 따뜻한 블러쉬 강조색과 짝을 지어 페이지가 차갑게 느껴지지 않도록 하세요. 팁: 블러쉬를 콜 투 액션과 작은 아이콘에 사용하여 메인 블루가 차분하게 유지되도록 하세요.

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

Media.io

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

지금 무료로 사용해보기

2) 잉크 라벤더

HEX: #6A5ACD #2B2D42 #CDB4DB #EDF2F4 #8D99AE

분위기: 편집적인, 시크한, 세련된

최적용도: 잡지 표지 레이아웃

세련되고 편집적인 이 슬레이트 블루 톤은 라벤더 하이라이트가 있는 질감 있는 종이 위의 잉크처럼 보입니다. 거칠지 않은 대비가 필요한 표지, 특집 스프레드 및 룩북에 아름답게 작용합니다. 가장 어두운 톤을 헤드라인에 사용하고 연한 회색을 넉넉한 여백으로 사용하세요. 팁: 라벤더로 얇은 선을 추가하여 섹션을 정리하고 계층 구조를 높이세요.

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

3) 테크 성운

HEX: #6A5ACD #0B1320 #2D4F7C #32A6A8 #E7EEF7

분위기: 미래적인, 깔끔한, 집중된

최적용도: SaaS 대시보드 UI

집중적이고 미래적인 이 팔레트는 조용한 표시등이 켜진 밤하늘 대시보드를 연상시킵니다. 이러한 슬레이트 블루 색상 조합은 명확성이 핵심인 SaaS 분석, 핀테크 및 개발자 도구에서 빛납니다. 거의 검은색을 내비게이션에, 슬레이트 블루를 주요 액션에, 틸을 상태 하이라이트에 사용하세요. 팁: 데이터 시각화를 두 가지 강조색으로 유지하여 시끄러운 차트를 피하세요.

media.io를 사용하여 생성된 테크 성운 이미지 예시

4) 빈티지 문구

HEX: #6A5ACD #7A6C5D #D8C3A5 #F6F1E9 #B56576

분위기: 향수를 불러일으키는, 따뜻한, 로맨틱한

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

향수를 불러일으키고 로맨틱한 이 톤들은 오래된 종이, 밀랍 봉인, 그리고 황혼 잉크의 힌트처럼 느껴집니다. 세련된 빈티지 터치를 원하는 초대장, 메뉴 및 세이브 더 데이트에 이상적입니다. 따뜻한 중성색과 모브 강조색을 이름과 주요 세부 사항에 짝지은 다음 타우프로 안정시키세요. 팁: 부드러운 크림이 평평하지 않고 의도적으로 보이도록 약간 질감이 있는 배경을 선택하세요.

media.io를 사용하여 생성된 빈티지 문구 이미지 예시

5) 비 온 후 숲

HEX: #6A5ACD #2E4A3F #7FB069 #E3F2E1 #354F52

분위기: 신선한, 흙내음 나는, 회복적인

최적용도: 에코 패키징 디자인

신선하고 회복적인 이 슬레이트 블루 팔레트는 지나가는 폭풍 후 젖은 나뭇잎과 시원한 공기를 연상시킵니다. 차분하고 신뢰할 수 있는 느낌이 필요한 에코 브랜드, 리필 패키징 및 천연 제품 라벨에 적합합니다. 슬레이트 블루를 브랜드 마크에, 녹색을 성분 표시 및 콜아웃에 사용하세요. 팁: 여기서는 인쇄 테스트가 중요하므로 재활용 용지에서 어두운 녹색이 번지지 않도록 선 아트를 약간 두껍게 하세요.

media.io를 사용하여 생성된 비 온 후 숲 이미지 예시

6) 밤의 네온

HEX: #6A5ACD #111827 #FF2E88 #22C55E #F8FAFC

분위기: 대담한, 나이트라이프, 고대비

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

대담하고 전기적인 이 팔레트는 늦은 밤 거리를 가로지르는 네온 사이니지처럼 느껴집니다. 높은 대비는 피드에서 튀어나와야 하는 포스터, 이벤트 프로모션 및 공지사항에 적합합니다. 슬레이트 블루와 차콜이 배경을 담당하고 핑크와 그린이 에너지 포인트가 되도록 하세요. 팁: 강조색을 타입과 모양에서 짧은 버스트로 유지하여 디자인이 멀리서도 읽기 쉽게 유지하세요.

media.io를 사용하여 생성된 밤의 네온 이미지 예시

7) 미니멀 로프트

HEX: #6A5ACD #F5F5F5 #D1D5DB #374151 #E5E7EB

분위기: 현대적인, 통풍이 잘 되는, 절제된

최적용도: 인테리어 무드보드

통풍이 잘 되고 절제된 이 중성색들은 파란 그림자가 방 전체에 드리워진 햇빛 비치는 콘크리트처럼 느껴집니다. 하나의 자신감 있는 강조색이 필요한 인테리어 무드보드, 미니멀리스트 브랜드 및 깔끔한 포트폴리오 레이아웃에 적합합니다. 이 슬레이트 블루 색상 팔레트를 헤드라인, 쿠션 또는 단일 페인트 칠한 문과 같은 작은 초점에 사용하세요. 팁: 전체적인 외관이 차분하게 유지되도록 블루를 15% 미만으로 유지하세요.

media.io를 사용하여 생성된 미니멀 로프트 이미지 예시

8) 사막의 황혼

HEX: #6A5ACD #C97C5D #F2D0A7 #5B5F97 #2F2D2E

분위기: 햇볕에 그을린, 로맨틱한, 영화 같은

최적용도: 부티크 호텔 브랜딩

햇볕에 그을리고 영화 같은 이 팔레트는 일몰 후 식어가는 사암 벽을 떠올리게 합니다. 이러한 슬레이트 블루 톤은 따뜻함을 잃지 않으면서 세련미를 원하는 부티크 호텔 브랜딩, 목적지 가이드 및 패키징에 적합합니다. 테라코타와 슬레이트 블루를 짝지어 균형 잡힌 따뜻한-차가운 대비를 만들고 거의 검은색을 타이포그래피에 사용하세요. 팁: 웹에서는 하드 디바이더 대신 샌드에서 라벤더로 부드러운 그라데이션을 섹션 브레이크에 시도해보세요.

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

9) 겨울 베리

HEX: #6A5ACD #4C1D95 #BE123C #FDF2F8 #111827

분위기: 아늑한, 축제의, 극적인

최적용도: 홀리데이 소셜 그래픽

아늑하고 축제 같은 이 톤들은 황혼에 신선한 눈 위의 베리 시럽처럼 느껴집니다. 반짝임 없이 드라마를 원하는 홀리데이 프로모션, 계절 이메일 헤더 및 소셜 타일에 완벽합니다. 연한 핑크를 부드러운 배경으로 사용하고 메시지에 베리 레드를 넣으세요. 팁: 풍부하고 겨울 같은 분위기를 유지하기 위해 순수한 검은색보다는 거의 검은색으로 텍스트를 설정하세요.

media.io를 사용하여 생성된 겨울 베리의 이미지 예시

10) 세라믹 캄

HEX: #6A5ACD #A3B18A #E9EDC9 #FAFAF0 #3A5A40

분위기: 스파 같은, 부드러운, 균형잡힌

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

부드럽고 스파 같은 슬레이트 블루 색상 조합은 유약을 바른 세라믹과 조용한 허브차를 연상시킵니다. 차분한 그린과 부드러운 크림은 온보딩 화면을 환영하고 여유로운 느낌으로 만듭니다. 기본 버튼에는 슬레이트 블루를, 확인 또는 진행 상태에는 더 짙은 그린을 사용하세요. 팁: 가볍고 통기성 있는 톤에 맞게 줄 간격을 늘리고 아이콘을 얇게 유지하세요.

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

11) 모노크롬 슬레이트

HEX: #6A5ACD #5849B8 #7B6DE0 #B7B1F2 #1E1B4B

분위기: 톤의, 세련된, 자신감 있는

최적용도: 프레젠테이션 템플릿

톤이 있고 세련된 이 슬레이트 블루 색조는 하나의 색상 계열로 겹쳐진 패브릭처럼 느껴집니다. 빠르게 일관성 있게 보이는 프레젠테이션을 원할 때, 이와 같은 슬레이트 블루 색상 조합은 모든 슬라이드를 일관되게 유지합니다. 제목에는 가장 어두운 인디고를, 도형에는 중간 톤을, 넓은 배경에는 연한 라벤더를 사용하세요. 팁: 차트에 하나의 강조 스타일을 만든 다음 프리미엄 룩을 위해 전체 프레젠테이션에 반복하세요.

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

12) 레트로 아케이드

HEX: #6A5ACD #F97316 #FDE047 #0EA5E9 #0F172A

분위기: 장난스러운, 활기찬, 레트로

최적용도: 트위치 스트림 오버레이

장난스럽고 활기찬 이 슬레이트 블루 색상 팔레트는 아케이드 캐비닛과 빛나는 화면 조명을 연상시킵니다. 오렌지와 옐로우는 즉각적인 흥분을 가져오는 반면 슬레이트 블루는 룩을 고정시킵니다. 프레임과 패널에는 어두운 네이비를 사용하고 알림 및 배지에는 따뜻한 강조색을 적용하세요. 팁: 그라디언트를 제한하고 선명한 레트로 느낌을 위해 단색 블록에 기대세요.

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

13) 가든 파티

HEX: #6A5ACD #FFB4A2 #FFD6A5 #B7E4C7 #FFF7ED

분위기: 명랑한, 경쾌한, 봄철

최적용도: 봄 전단지 디자인

명랑하고 경쾌한 이 믹스는 화창한 파티오의 신선한 꽃잎과 레모네이드처럼 느껴집니다. 친근한 톤을 원하는 봄 전단지, 팝업 마켓, 커뮤니티 이벤트에 적합합니다. 헤드라인에는 슬레이트 블루를 유지하고 큰 도형과 배경 블록에는 파스텔을 사용하세요. 팁: 밝은 색상이 너무 디지털적으로 보이지 않도록 미묘한 그레인을 추가하세요.

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

14) 딥 씨 스튜디오

HEX: #6A5ACD #003554 #006494 #E8F1F2 #1B263B

분위기: 선명한, 해양, 스튜디오 깔끔한

최적용도: 헤드폰 제품 광고

선명하고 해양 같은 이 슬레이트 블루 색상 팔레트는 수면 근처의 밝은 반사가 있는 깊은 물을 연상시킵니다. 이러한 블루는 프리미엄하고 깔끔한 스튜디오 룩을 원하는 기술 제품 광고에 강력합니다. 히어로 글로우에는 슬레이트 블루를, 그림자와 카피에는 더 짙은 네이비를 사용하세요. 팁: 제품 실루엣이 거친 대비 없이 선명하게 유지되도록 배경을 거의 화이트-블루로 유지하세요.

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

15) 아티산 커피

HEX: #6A5ACD #4B3621 #C9A66B #F3E9DC #2C2A4A

분위기: 안정적인, 아늑한, 부티크

최적용도: 카페 메뉴 디자인

안정적이고 아늑한 이것은 에스프레소 브라운과 시원한 황혼 강조색을 결합합니다. 따뜻함과 구조가 필요한 카페 메뉴, 로열티 카드 및 소규모 패키징에 이상적입니다. 섹션 헤더와 가격 하이라이트에 골드와 슬레이트 블루를 함께 사용하세요. 팁: 텍스트를 읽기 쉽고 매력적으로 유지하려면 크림을 메인 메뉴 배경으로 사용하세요.

media.io를 사용하여 생성된 아티산 커피의 이미지 예시

16) 오키드 스모크

HEX: #6A5ACD #8E7DBE #C3B1E1 #F1F0FF #3D3B66

분위기: 꿈결 같은, 부드러운, 로맨틱한

최적용도: 뷰티 브랜드 패키징

꿈결 같고 부드러운 이 퍼플은 가벼운 아침 안개 속의 난초 꽃잎처럼 느껴집니다. 지나치게 달콤하지 않으면서 우아함을 원하는 스킨케어, 향수 및 뷰티 패키징에 잘 어울립니다. 박스 베이스에는 연한 라일락을 사용하고 대비를 위해 깊은 스모키 바이올렛으로 디테일을 설정하세요. 팁: 패키징이 프리미엄하게 느껴지도록 슬레이트 블루 요소에 미묘한 스팟 글로스를 추가하세요.

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

17) 그라파이트 골드

HEX: #6A5ACD #1F2937 #D4AF37 #F9FAFB #6B7280

분위기: 프리미엄, 자신감 있는, 현대적인

최적용도: 핀테크 로고 및 웹사이트

프리미엄하고 자신감 있는 이 슬레이트 블루 페어링은 어두운 그라파이트에 대한 브러시 메탈처럼 느껴집니다. 신뢰와 약간의 럭셔리가 필요한 핀테크 브랜딩, 투자 도구 및 기업 사이트에 적합합니다. 주요 숫자와 배지에는 골드를 작은 강조색으로 유지하고 링크와 기본 작업에는 슬레이트 블루를 사용하세요. 팁: 접근성을 조기에 테스트하고 대부분의 콘텐츠 영역에 거의 흰색 배경을 사용하여 대비를 높이세요.

media.io를 사용하여 생성된 그라파이트 골드의 이미지 예시

18) 선라이즈 그라디언트

HEX: #6A5ACD #FF7A59 #FFD166 #06D6A0 #F8F9FA

분위기: 낙관적인, 밝은, 현대적인

최적용도: 키노트 슬라이드 덱

낙관적이고 밝은 이것은 시원한 아침 하늘로 쏟아지는 일출처럼 보입니다. 이러한 슬레이트 블루 색상 조합은 혼란 없이 에너지가 필요한 키노트 덱, 워크샵 및 창의적인 피치에 적합합니다. 제목에는 슬레이트 블루를 사용하고 섹션 마커 및 차트에는 코랄, 옐로우 및 민트를 순환하세요. 팁: 스토리가 따라가기 쉽도록 슬라이드당 하나의 따뜻한 강조색을 유지하세요.

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

19) 클래스룸 캄

HEX: #6A5ACD #FDE68A #93C5FD #FFFFFF #374151

분위기: 친근한, 명확한, 정돈된

최적용도: 교육용 워크시트 레이아웃

친근하고 정돈된 이 슬레이트 블루 톤은 깔끔한 노트가 있는 밝은 교실처럼 느껴집니다. 모든 연령층에 명확성이 필요한 워크시트, 학습 포스터 및 강좌 유인물에 이상적입니다. 제목과 섹션 구분선에는 슬레이트 블루를 사용하고 하이라이트 및 콜아웃에는 옐로우를 유지하세요. 팁: 페이지를 쉽게 스캔할 수 있도록 단순한 도형과 일관된 간격을 유지하세요.

media.io를 사용하여 생성된 클래스룸 캄의 이미지 예시

20) 코스믹 플로럴

HEX: #6A5ACD #2A1E5C #E07A5F #F2CC8F #81B29A

분위기: 예술적인, 변덕스러운, 동화책

최적용도: 수채화 보태니컬 일러스트레이션

예술적이고 동화책 같은 이 믹스는 깊은 밤하늘 아래 그려진 야생화처럼 느껴집니다. 수제 느낌의 보태니컬 프린트, 저널 커버 및 계절 컬렉션에 강력하게 적합합니다. 그림자에는 슬레이트 블루와 인디고를 사용하고 꽃잎과 하이라이트에는 코랄과 샌드를 가져오세요. 팁: 따뜻한 강조색이 더 시원한 베이스에 대해 빛나도록 가장자리를 부드럽고 레이어드하게 유지하세요.

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

슬레이트 블루와 잘 어울리는 색상은?

슬레이트 블루는 오프화이트, 라이트 그레이, 차콜과 같은 선명한 뉴트럴과 자연스럽게 어울리며, 현대적이고 읽기 쉬운 느낌을 줍니다. 이러한 조합은 깔끔한 계층 구조가 필요한 웹사이트, 대시보드 및 브랜드 시스템에 특히 효과적입니다.

더 따뜻한 대비를 위해 테라코타, 블러시, 샌드 또는 골드를 시도하세요—이들은 친근함을 추가하고 블루 중심 레이아웃의 "쿨한" 느낌을 줄입니다. 더 대담한 에너지를 원한다면 네온 핑크와 밝은 그린이 짧고 통제된 강조색으로 작동할 수 있습니다.

라벤더와 인디고 같은 유사 컴패니언은 톤이 있는 프리미엄 룩을 만듭니다. 이것은 큰 대비보다 일관성이 더 중요한 프레젠테이션 및 제품 브랜딩에 안전한 경로입니다.

실제 디자인에서 슬레이트 블루 색상 팔레트를 사용하는 방법

슬레이트 블루를 기본(버튼, 주요 헤딩) 또는 보조 색상(배경 패널, 일러스트레이션 그림자)으로 선택하는 것부터 시작하세요. 그런 다음 디자인에 따뜻함(클레이, 블러시 또는 골드 추가) 또는 명확성(화이트, 그레이 및 거의 검은색 추가)이 필요한지 결정하세요.

UI의 경우 내비게이션과 본문 텍스트에 가장 어두운 색조를 예약하고 사용자가 시스템을 빠르게 배울 수 있도록 대화형 요소에는 슬레이트 블루를 유지하세요. 브랜딩의 경우 밝고 어두운 적용(로고, 소셜 템플릿 및 웹 히어로)에서 팔레트를 테스트하여 일관성을 유지하세요.

인테리어에서 슬레이트 블루는 질감이 있는 뉴트럴—따뜻한 목재, 리넨 화이트 및 부드러운 그레이—과 균형을 이룰 때 가장 잘 작동하므로 방이 차갑지 않고 차분하게 느껴집니다.

AI로 슬레이트 블루 팔레트 비주얼 만들기

실제 레이아웃에서 이러한 슬레이트 블루 색상 조합을 보고 싶다면 빠른 목업을 생성하면 더 빨리 결정하는 데 도움이 될 수 있습니다. 각 팔레트에 포함된 프롬프트를 사용하여 히어로 섹션, 포스터, 패키징 또는 온보딩 화면을 만들어 보세요.

Media.io의 텍스트-이미지 변환을 사용하면 HEX 팔레트를 일관되게 유지하면서 스타일(미니멀, 에디토리얼, 레트로, 시네마틱)을 반복할 수 있습니다. 이렇게 하면 전체 디자인 빌드에 커밋하기 전에 옵션을 쉽게 비교할 수 있습니다.

다음: 오렌지 그린 옐로우 컬러 팔레트