블루 크림 컬러 톤: 22가지 팔레트 조합 + 16진수 코드

블루 크림 팔레트는 차분하고 편안한 블루와 따뜻하고 친근한 크림을 조화시켜, 현대적이면서도 인간적인 느낌의 디자인을 원할 때 완벽합니다.

아래는 HEX 코드가 포함된 20개 이상의 엄선된 블루 앤 크림 색상 조합과, 브랜딩, UI 및 인쇄물에 재사용할 수 있는 실용적인 팁 및 AI 프롬프트입니다.

블루 크림 팔레트가 효과적인 이유

블루는 명확함, 신뢰, 차분함을 가져오고, 크림은 따뜻함과 부드러움을 더합니다. 함께 사용하면 거칠지 않고 진정되는 대비를 만들어 레이아웃을 더 읽기 쉽고 편안하게 만듭니다.

이 톤들은 디지털에서 인쇄물까지 아름답게 확장됩니다. 진한 블루는 제목과 CTA에 구조를 제공하며, 크림은 페이지가 너무 밝게 느껴지지 않도록 프리미엄 "종이 같은" 캔버스 역할을 합니다.

마지막으로, 블루 앤 크림 조합은 유연합니다. 네이비의 어두운 정도와 크림의 버터 같은 정도에 따라 해안적이고 경쾌하게, 세련되고 기업적으로, 또는 아늑하고 장인적으로 표현할 수 있습니다.

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

1) 코스탈 바닐라 서프

HEX: #1F4E79 #3D7EA6 #A9D6E5 #F7E7CE #FFF7EA

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

최적 용도: 여행 웹사이트 히어로 배너

따뜻한 모래 위의 바다 공기처럼 느껴지는 신선하고 상쾌한 톤입니다. 제목에 진한 블루를 사용하고, 섹션과 아이콘에 밝은 블루를 레이어로 배치하면서 크림을 메인 캔버스로 유지하세요. 깔끔한 산세리프 타이포그래피와 미묘한 라인 아트를 결합하여 현대적으로 유지하세요. 팁: 인터페이스가 경쾌하게 유지되도록 가장 어두운 블루는 주요 버튼에만 사용하세요.

media.io를 사용하여 생성된 코스탈 바닐라 서프 이미지 예시

Media.io

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

지금 무료로 체험하기

2) 포슬린 스카이

HEX: #0B2545 #4B88A2 #BFD7EA #F5E6CC #FFFFFF

분위기: 깨끗한, 차분한, 갤러리 같은

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

창백한 하늘 아래 유약을 바른 도자기처럼 깨끗하고 차분합니다. 화이트와 크림이 페이지를 채우게 하고, 블루 톤들을 인용구, 선, 섹션 헤더에 사용하세요. 고급스러운 느낌을 위해 세리프 헤드라인과 넉넉한 여백과 잘 어울립니다. 팁: 스프레드 전체에서 팔레트가 일관되게 유지되도록 이미지는 쿨톤으로 유지하세요.

media.io를 사용하여 생성된 포슬린 스카이 이미지 예시

3) 소프트 데님 젤라토

HEX: #2D5D7B #6FA8DC #CFE8FF #F2E3C6 #FFF9F0

분위기: 친근한, 캐주얼한, 달콤한

최적 용도: 아이스크림 가게 메뉴 디자인

데님 앞치마와 바닐라 젤라토 한 스쿱처럼 친근하고 달콤합니다. 이 블루 크림 컬러 팔레트는 블루가 구조를 만들고 크림이 모든 것을 식욕을 돋우고 가볍게 유지하기 때문에 메뉴에 잘 어울립니다. 빠른 스캔을 위해 둥근 서체와 간단한 맛 아이콘을 결합하세요. 팁: 가격과 라벨에 미드 블루를 사용하여 연한 톤이 대비를 잃지 않도록 하세요.

media.io를 사용하여 생성된 소프트 데님 젤라토 이미지 예시

4) 블루베리 크림 소다

HEX: #243B6B #4F7CAC #9CC4E4 #F6E2B3 #FFF3E0

분위기: 발랄한, 청량한, 젊은

최적 용도: 음료 제품 광고 포스터

크림 소다에 블루베리 시럽이 소용돌이치는 것처럼 발랄하고 청량합니다. 이러한 블루 크림 색상 조합은 에너지와 부드러움이 모두 필요한 광고에서 빛을 발합니다. 제품명에 네이비와 볼드체를 결합하고, 버터 같은 크림을 사용하여 제안과 가격을 프레임으로 감싸세요. 팁: 어수선하지 않으면서 테마를 강화하기 위해 연한 블루로 미묘한 거품 모양을 추가하세요.

media.io를 사용하여 생성된 블루베리 크림 소다 이미지 예시

5) 프렌치 리비에라 리넨

HEX: #123C69 #2E86AB #BEE3F8 #EED9C4 #FAF6F0

분위기: 햇살 가득한, 편안한, 고급스러운

최적 용도: 리조트 브랜딩 문구류

해변 스위트룸의 린넨 커튼처럼 햇살이 가득하고 편안합니다. 로고와 레터헤드에 진한 블루를 사용하고, 고급스럽고 미니멀한 느낌을 위해 크림과 오프화이트가 용지를 지배하게 하세요. 골드 포일 디테일과 경쾌한 사진과 잘 어울립니다. 팁: 따뜻한 용지에서 거친 검정색을 피하기 위해 보조 텍스트를 미드 블루로 유지하세요.

media.io를 사용하여 생성된 프렌치 리비에라 리넨 이미지 예시

6) 아이시 하버 크림

HEX: #0E3A53 #3A8FB7 #D7F2FF #F3E7D3 #FFFBF5

분위기: 선명한, 현대적인, 상쾌한

최적 용도: SaaS 대시보드 UI

조용한 항구의 아침 햇살처럼 선명하고 현대적입니다. 패널과 차트에 얼음 같은 연한 블루를 사용하고, 명확성을 위해 진한 틸블루로 내비게이션을 고정하세요. 크림 톤은 인터페이스를 덜 임상적이고 더 환영받는 느낌으로 부드럽게 만듭니다. 팁: 주요 CTA는 어두운 블루로 유지하고 가장 밝은 틴트는 하이라이트에만 사용하세요.

media.io를 사용하여 생성된 아이시 하버 크림 이미지 예시

7) 모닝 클라우드 컵케이크

HEX: #355C7D #6C9BCF #D9EEFF #F7E1C3 #FFF6E8

분위기: 부드러운, 아늑한, 친근한

최적 용도: 베이커리 포장 라벨

갓 구운 컵케이크 위의 부드러운 구름처럼 부드럽고 아늑합니다. 미드 블루는 라벨 텍스트를 읽기 쉽게 만들고 따뜻한 크림은 포장을 친근하고 수제 느낌으로 유지합니다. 매력을 위해 손으로 그린 아이콘과 약간 질감이 있는 종이 마감과 결합하세요. 팁: 크림이 여전히 주인공처럼 느껴지도록 가장 연한 블루를 배경 패턴으로 사용하세요.

media.io를 사용하여 생성된 모닝 클라우드 컵케이크 이미지 예시

8) 노티컬 크림 스트라이프

HEX: #0A2342 #2C6E9B #8EC9E6 #F2D7B6 #FFFDF7

분위기: 클래식한, 선명한, 해양의

최적 용도: 여름 이벤트 초대장

햇볕에 따뜻해진 캔버스에 대비되는 선원 줄무늬처럼 클래식하고 선명합니다. 메인 글자에 가장 어두운 네이비를 사용하고, 테두리와 닻이나 파도 같은 작은 모티프에 밝은 블루를 사용하세요. 크림은 해양 느낌을 잃지 않으면서도 캐주얼 이벤트에 충분히 부드러운 레이아웃을 유지합니다. 팁: 초대장이 깨끗하고 읽기 쉽게 유지되도록 줄무늬를 한 영역으로 제한하세요.

media.io를 사용하여 생성된 노티컬 크림 스트라이프 이미지 예시

9) 더스티 애저 비스킷

HEX: #2E4057 #5C7FA3 #B7CFE6 #E9D3B0 #FBF4E9

분위기: 부드러운, 차분한, 빈티지-모던한

최적 용도: 홈 데코 무드 보드

부드럽고 차분하며, 따뜻한 비스킷 옆에 놓인 더스티 세라믹 같습니다. 이 톤들은 뚜렷한 경계 없이 차분한 대비를 원하는 인테리어에 훌륭하게 작용합니다. 더스티 애저를 라이트 오크, 직조 텍스처, 무광 황동과 페어링하여 생활감 있는 룩을 연출하세요. 팁: 미드 블루를 두세 가지 데코 아이템에 반복하여 방이 의도적으로 느껴지게 만드세요.

media.io를 사용하여 생성된 더스티 애저 비스킷 이미지 예시

10) 클래식 블루 샹티이

HEX: #1B3B6F #2F6690 #A3CEF1 #F6E4C8 #FFF8EE

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

최적 용도: 로펌 브랜딩 리프레시

세련되고 신뢰할 수 있으며, 전형적인 기업 네이비보다 더 인간적으로 느껴지는 따뜻한 부드러움이 있습니다. 이 블루 크림 컬러 팔레트는 차갑게 보이지 않으면서 권위를 원할 때 전문 브랜딩에 적합합니다. 프리미엄 마감을 위해 세련된 세리프 로고와 충분한 크림 네거티브 스페이스와 페어링하세요. 팁: 라이트 블루를 아이콘과 구분선에 절제해서 사용하여 깊은 블루가 브랜드를 안정적으로 유지하도록 하세요.

media.io를 사용하여 생성된 클래식 블루 샹티이 이미지 예시

11) 파우더 블루 파치먼트

HEX: #274C77 #6096BA #E7F0FA #EADBC8 #FDF7F0

분위기: 통풍이 잘 되는, 학구적인, 고요한

최적 용도: 온라인 강좌 랜딩 페이지

통풍이 잘 되고 학구적이며, 부드러운 책상 램프 아래의 파치먼트 노트 같습니다. 섹션 배경에는 파우더 틴트를 사용하고, 헤딩과 링크에는 더 깊은 블루를 사용하세요. 크림과 파치먼트 톤은 긴 형식의 페이지를 덜 뚜렷하고 읽기 쉽게 만듭니다. 팁: 폼 필드를 가장 밝은 틴트에 유지하여 콘텐츠 블록과 명확하게 분리되도록 하세요.

media.io를 사용하여 생성된 파우더 블루 파치먼트 이미지 예시

12) 코발트 커스터드 팝

HEX: #102A43 #1D4ED8 #93C5FD #F1DCA7 #FFF4DB

분위기: 대담한, 경쾌한, 현대적인

최적 용도: 테크 스타트업 프로모 포스터

대담하고 경쾌하며, 커스터드 부드러운 마감의 코발트 펀치 같습니다. 주요 콜아웃, 배지, 버튼에는 일렉트릭 블루를 사용하고, 에너지를 거칠기보다는 따뜻하게 유지하기 위해 크리미한 옐로우를 사용하세요. 기하학적 형태와 자신감 있는 산세리프와 잘 어울립니다. 팁: 큰 배경은 크림으로 유지하여 밝은 코발트가 진동하지 않고 돋보이도록 하세요.

media.io를 사용하여 생성된 코발트 커스터드 팝 이미지 예시

13) 스토미 블루 오트

HEX: #1F2937 #3B82A0 #A7C7E7 #E6D5B8 #FAF3E7

분위기: 안정적인, 무디한, 편안한

최적 용도: 커피 브랜드 패키징

안정적이고 편안하며, 따뜻한 카페 창밖의 폭풍 구름 같습니다. 다크 차콜 블루는 패키징에 무게감을 주고, 오트와 크림 톤은 접근하기 쉽고 촉각적으로 유지합니다. 크라프트 텍스처, 스탬프 마크, 단순한 일러스트레이션과 페어링하세요. 팁: 성분 목록을 가장 밝은 크림에 설정하여 무광 스톡에서 작은 텍스트를 읽을 수 있도록 하세요.

media.io를 사용하여 생성된 스토미 블루 오트 이미지 예시

14) 아틱 크림 라군

HEX: #0F172A #1E6091 #BFE9FF #F4E3C1 #FFFAF2

분위기: 시원한, 깨끗한, 스파 같은

최적 용도: 스킨케어 제품 광고

시원하고 깨끗하며, 크리미한 돌에 대비되는 북극 라군 같습니다. 제품명과 클레임에는 잉키 블루를 사용하고, 그라디언트와 소프트 오버레이를 지원하기 위해 페일 라군 틴트를 사용하세요. 크림은 웰니스와 스킨케어 메시징에 적합한 부드러운 따뜻함을 추가합니다. 팁: 전체적인 룩이 차분하고 프리미엄하게 유지되도록 광택 하이라이트를 절제해서 선택하세요.

media.io를 사용하여 생성된 아틱 크림 라군 이미지 예시

15) 인디고 에크루 스튜디오

HEX: #111827 #3730A3 #9DB2FF #E7D8C5 #F9F3EC

분위기: 창의적인, 세련된, 약간 극적인

최적 용도: 포트폴리오 웹사이트 디자인

창의적이고 세련되며, 에크루 스케치 페이퍼의 인디고 잉크 같습니다. 이와 같은 블루 크림 컬러 조합은 포트폴리오를 큐레이션된 느낌으로 만듭니다: 내비게이션과 프로젝트 타이틀에는 인디고를 사용하고, 에크루와 오프 화이트로 숨 쉴 공간을 주세요. 갤러리 분위기를 위해 큰 이미지와 최소한의 UI 크롬과 페어링하세요. 팁: 호버 상태를 페리윙클 틴트로 유지하여 상호작용이 미묘하지만 명확하게 느껴지도록 하세요.

media.io를 사용하여 생성된 인디고 에크루 스튜디오 이미지 예시

16) 베이비 블루 쇼트브레드

HEX: #2B4C7E #86BBD8 #DFF3FF #F0D9B5 #FFF5E6

분위기: 달콤한, 가벼운, 향수를 불러일으키는

최적 용도: 베이비 샤워 초대장

달콤하고 가벼우며, 쇼트브레드와 파우더 슈가 같은 향수를 불러일으키는 부드러움이 있습니다. 장식 테두리와 아이콘에는 베이비 블루를 사용하고, 친근하고 읽기 쉽게 유지하기 위해 따뜻한 크림에 카피를 배치하세요. 단순한 플로럴 낙서와 둥근 스크립트와 잘 어울립니다. 팁: 초대장이 선명하게 인쇄되도록 이름과 날짜에 가장 어두운 블루를 유지하세요.

media.io를 사용하여 생성된 베이비 블루 쇼트브레드 이미지 예시

17) 스틸 블루 아몬드

HEX: #0F2A3F #4A6FA5 #B6D0E2 #E8DCC8 #FCF7F1

분위기: 균형 잡힌, 성숙한, 조용히 우아한

최적 용도: 부동산 브로슈어

균형 잡히고 조용히 우아하며, 아몬드 페인트 벽에 대비되는 스틸 블루 캐비닛 같습니다. 섹션 헤더와 지도 하이라이트에는 스틸 톤을 사용하고, 아몬드와 오프 화이트는 리스팅을 눈에 편하게 유지합니다. 중립적인 사진과 얇은 라인 아이콘과 잘 어울립니다. 팁: 주요 통계는 더 어두운 블루로 설정하고 작은 텍스트에 페일 틴트 사용을 피하세요.

media.io를 사용하여 생성된 스틸 블루 아몬드 이미지 예시

18) 세룰리안 버터크림

HEX: #0B3D91 #2A7FB8 #BDE7FF #F2D6A2 #FFF2DF

분위기: 밝은, 경쾌한, 여름 같은

최적 용도: 요거트 패키징 디자인

밝고 경쾌하며, 버터크림 디저트 위의 세룰리안 하늘 같습니다. 세룰리안과 아쿠아 톤은 신선함을 가져오고, 버터리 크림은 디자인을 식욕을 돋우고 부드럽게 유지합니다. 선반 임팩트를 위해 과일 일러스트레이션과 대담한 영양 배지와 페어링하세요. 팁: 제품 세부 사항이 읽기 쉽도록 크림을 메인 라벨 필드로 사용하세요.

media.io를 사용하여 생성된 세룰리안 버터크림 이미지 예시

19) 미드나잇 블루 마지팬

HEX: #0A0F2C #1B2A6B #6EA8FE #E6CBA8 #FFF1E2

분위기: 럭셔리한, 극적인, 로맨틱한

최적 용도: 파인 주얼리 제품 광고

럭셔리하고 극적이며, 토스트된 마지팬 옆의 미드나잇 벨벳 같습니다. 하이 콘트라스트 헤드라인의 배경으로 가장 어두운 블루를 사용하고, 따뜻한 크림으로 제품 세부 사항과 가격을 프레임하세요. 우아한 세리프 타이포그래피와 최소한의 라인워크와 잘 어울립니다. 팁: 레이아웃이 시끄럽지 않고 프리미엄하게 유지되도록 작은 글로우와 하이라이트에 액센트 블루를 유지하세요.

media.io를 사용하여 생성된 미드나잇 블루 마지팬 이미지 예시

20) 씨 글래스 크림

HEX: #10375C #1E81B0 #B4E1FA #F1E0C5 #FFFBF4

분위기: 가벼운, 해안의, 회복시키는

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

가볍고 회복시키며, 크림 해안선에 흩어진 씨 글래스 같습니다. 진행 표시기와 주요 액션에는 밝은 오션 블루를 사용하고, 차분한 첫인상을 위해 대부분의 스크린을 오프 화이트로 유지하세요. 소프트 그라디언트와 둥근 카드와 자연스럽게 어울립니다. 팁: 작은 라벨이나 보조 버튼에 딥 블루를 사용하여 접근성을 보장하세요.

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

21) 로얄 블루 클로티드 크림

HEX: #081A3D #1F5AA6 #8BB8FF #EAD2A8 #FFF6E5

분위기: 자신감 있는, 클래식한, 프리미엄

최적 용도: 프리미엄 웨비나 랜딩 페이지

자신감 있고 프리미엄하며, 클로티드 크림 종이의 로얄 블루 잉크 같습니다. 이 블루 크림 컬러 팔레트는 강력한 계층을 제공합니다: 히어로 헤드라인과 내비게이션에는 다크를 사용하고, 긴 페이지를 환영하게 유지하기 위해 크림 블록을 사용하세요. 미묘한 그라디언트와 단일 액센트 아이콘 스타일과 페어링하세요. 팁: 폼을 선명하고 신뢰할 수 있게 느껴지도록 딥 블루 테두리가 있는 크림에 유지하세요.

media.io를 사용하여 생성된 로얄 블루 클로티드 크림 이미지 예시

22) 클라우디 블루 크레페

HEX: #203A43 #4F8A8B #CDE8F6 #F3D9B1 #FFF7EC

분위기: 부드러운, 장인의, 편안한

최적 용도: 카페 전단지 디자인

부드럽고 장인 같으며, 테이블 위의 따뜻한 크레페가 있는 흐린 아침 같습니다. 배경에는 크림을 사용하고, 헤더와 단순한 일러스트레이션 액센트에는 뮤트된 블루를 사용하세요. 손으로 쓴 타입과 작은 메뉴 블록과 잘 어울립니다. 팁: 텍스처 종이에 선명하게 인쇄되도록 이벤트 세부 사항에 가장 어두운 쉐이드를 유지하세요.

media.io를 사용하여 생성된 클라우디 블루 크레페 이미지 예시

블루 크림과 잘 어울리는 색상은?

블루와 크림은 샌드, 토프, 카멜, 라이트 우드 톤과 같은 따뜻한 뉴트럴과 자연스럽게 페어링됩니다—이들은 배경, 테두리, 소재에 깊이를 추가하면서 팔레트를 응집력 있게 유지합니다.

대비를 위해 절제된 다크 뉴트럴(차콜, 딥 슬레이트, 또는 에스프레소)을 추가하여 가독성을 개선하세요. 특히 페일 블루가 명확성을 잃을 수 있는 본문 텍스트와 작은 UI 라벨에서 그렇습니다.

더 유쾌한 방향을 원한다면, 작은 액센트 컬러를 시도해보세요: 코랄, 테라코타, 뮤트된 머스타드, 또는 세이지. 전체적인 룩이 통풍이 잘 되도록 액센트를 절제해서 사용하세요(아이콘, 배지, 하이라이트).

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

레이아웃을 밝고 프리미엄하게 유지하기 위해 크림을 지배적인 표면(60–80%)으로 시작한 다음, 내비게이션, 헤드라인, 기본 버튼과 같은 주요 계층 요소에 가장 깊은 블루를 할당하세요.

구조를 위해 미드와 라이트 블루를 사용하세요: 섹션 배경, 카드, 구분선, 데이터 시각화. 이것은 무거운 그림자나 거친 검은 선을 도입하지 않고 깊이를 만듭니다.

인쇄를 위해 의도된 재료에 크림을 테스트하고 마무리합니다. 따뜻한 크림은 다른 조명 하에서 바뀔 수 있으므로 중요한 텍스트를 더 짙은 파란색으로 유지하여 선명한 가독성을 보장합니다.

AI로 블루 크림 팔레트 비주얼 만들기

랜딩 페이지, 포장 라벨 또는 소셜 광고의 프로토타입을 제작하는 경우 빠른 팔레트 기반 모델을 생성하면 프로덕션 디자인을 진행하기 전에 대비와 분위기를 검증하는 데 도움이 될 수 있습니다.

Media.io의 텍스트-이미지 변환 도구를 사용하면 프롬프트(위와 같이)를 붙여넣고, 레이아웃 스타일과 종횡비를 지정하고, 빠르게 반복하여 다양한 파란색과 크림색 균형을 탐색할 수 있습니다.

다음: 화이트 그린 블루 컬러 팔레트