20개 이상의 블루 그린 컬러 팔레트 (16진수 코드 + AI 프롬프트)

블루 그린은 차분한 블루와 상쾌한 그린 사이의 최적의 지점에 위치하여 가장 다루기 쉬운 색상 계열 중 하나입니다.

아래는 20개 이상의 엄선된 블루 그린 색상 조합과 HEX 코드, 그리고 UI, 브랜딩, 인쇄 및 소셜 디자인을 위한 실용적인 페어링 팁입니다.

블루 그린 팔레트가 효과적인 이유

블루 그린 팔레트는 블루의 신뢰와 안정성을 빌리면서 그린의 활기차고 유기적인 에너지를 유지하기 때문에 자연스럽게 균형 잡혀 보입니다. 그 결과 무균 상태처럼 보이지 않으면서도 "깨끗한" 느낌을 주는 색상 계열입니다.

또한 다양한 맥락에서 잘 확장됩니다: 깊은 틸은 헤더와 내비게이션을 위한 강력한 구조를 만들고, 민트와 씨폼 톤은 모던한 레이아웃을 위한 여백을 열어줍니다. 이로 인해 블루 그린은 UI 시스템과 브랜드 킷에 특히 신뢰할 수 있습니다.

마지막으로 블루 그린은 차가운 색조와 따뜻한 색조 모두와 조화를 이루므로, 하나 또는 두 개의 보조 색상만 조정하여 스파처럼 고요한 분위기에서 네온 기술 느낌까지 쉽게 전환할 수 있습니다.

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

1) 해안의 평온함

HEX: #0B7285 #2EC4B6 #A7F3D0 #E6FFFA #0B1320

분위기: 고요한, 산들바람 부는, 깨끗한

최적 용도: 웰니스 랜딩 페이지 및 스파 브랜딩

일출 시 조용한 해안선처럼 고요하고 산들바람이 부는 이 톤들은 차갑게 변하지 않으면서 깨끗하게 느껴집니다. 깊은 틸을 앵커로 사용하고 민트와 씨폼이 여백을 담당하도록 하세요. 따뜻한 모래 중성 색상이나 부드러운 코랄과 페어링하면 여전히 자연스러우면서 부드러운 대비를 만들 수 있습니다. 팁: 가독성을 위해 본문 텍스트는 어두운 네이비로 유지하고 밝은 아쿠아는 섹션과 카드용으로 예약하세요.

media.io를 사용하여 생성된 해안의 평온함 이미지 예시

Media.io

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

지금 무료로 사용해보기

2) 깊은 석호

HEX: #003B46 #07575B #66A5AD #C4DFE6 #0A0F14

분위기: 분위기 있는, 몰입감 있는, 영화 같은

최적 용도: 기술 브랜딩 및 다크모드 대시보드

황혼의 석호처럼 분위기 있고 몰입감 있는 이 세트는 영화 같고 프리미엄한 느낌을 줍니다. 깊은 그린과 블루-틸은 다크 UI 표면에 아름답게 작동하며, 안개 낀 시안은 데이터와 레이블을 선명하게 유지합니다. 이 블루 그린 색상 팔레트는 브러시드 실버, 차콜과 잘 어울리며, 상태 액센트를 위한 작은 라임 포인트를 추가할 수 있습니다. 팁: 인터페이스가 복잡하지 않고 차분하게 유지되도록 가장 연한 톤을 차트와 구분선에 사용하세요.

media.io를 사용하여 생성된 깊은 석호 이미지 예시

3) 시글라스 미니멀

HEX: #1B9AAA #84DCC6 #D9FFF5 #F7F7FF #2D3047

분위기: 밝은, 모던한, 경쾌한

최적 용도: 미니멀리스트 브랜드 아이덴티티 및 문구류

햇볕에 표백된 시글라스처럼 밝고 현대적인 이 색조들은 경쾌하고 세련된 느낌을 줍니다. 마크와 헤드라인에는 밝은 틸을 사용하고, 연한 아쿠아가 레이아웃을 넓게 유지하도록 하세요. 설탕처럼 달콤한 느낌을 피하기 위해 오프화이트 종이 텍스처와 흑연 잉크 톤과 페어링하세요. 팁: 인쇄물이 많은 디자인은 틸을 약간 음소거하고 절제해서 사용할 때 가장 좋아 보입니다.

media.io를 사용하여 생성된 시글라스 미니멀 이미지 예시

4) 열대 산호초

HEX: #006D77 #83C5BE #EDF6F9 #FFDDD2 #E29578

분위기: 경쾌한, 밝은, 휴가 분위기

최적 용도: 여행 광고 및 소셜 그래픽

산호초 휴가처럼 경쾌하고 밝은 이 믹스는 차가운 워터 톤과 따뜻한 피치의 균형을 맞춥니다. 틸은 안정감을 유지하면서 코랄과 샌드 톤은 클릭 유도 문안을 돋보이게 만듭니다. 산뜻한 느낌을 위해 깨끗한 산세리프 서체와 밝은 사진과 페어링하세요. 팁: 전체적인 모습이 시끄럽지 않고 신선하게 유지되도록 코랄은 버튼과 배지에만 사용하세요.

media.io를 사용하여 생성된 열대 산호초 이미지 예시

5) 북극 민트

HEX: #0E7490 #22C1C3 #B8F2E6 #F0FDFA #111827

분위기: 산뜻한, 상쾌한, 고명도

최적 용도: 제품 UI 및 온보딩 화면

북극의 공기처럼 산뜻하고 상쾌한 이 톤들은 명확성을 위해 만들어졌습니다. 차가운 틸은 자신감 있게 읽히고, 얼음같은 민트는 배경을 밝고 넓게 유지합니다. 깊은 슬레이트 텍스트와 진행 상태를 위한 앰버 같은 단일 따뜻한 액센트와 페어링하세요. 팁: 추가 라인 없이 섹션을 구분하려면 민트를 미묘한 그라디언트로 사용하세요.

media.io를 사용하여 생성된 북극 민트 이미지 예시

6) 비 오는 항구

HEX: #0F4C5C #1B6B73 #5BC0BE #D8F3DC #2B2D42

분위기: 안정적인, 차분한, 전문적인

최적 용도: 기업 프레젠테이션 및 보고서

가벼운 비가 내리는 항구처럼 안정적이고 차분한 이 색조들은 딱딱하지 않으면서도 전문적으로 느껴집니다. 헤더와 차트에는 어두운 틸을 사용하고, 테이블과 콜아웃에는 부드러운 그린 톤을 추가하세요. 슬라이드를 읽기 쉽게 유지하려면 차가운 회색과 충분한 여백과 페어링하세요. 팁: 차트는 두 가지 기본 톤으로 유지하고 보조 시리즈는 연한 민트로 처리하세요.

media.io를 사용하여 생성된 비 오는 항구 이미지 예시

7) 보타니컬 산들바람

HEX: #1F7A8C #53B8A5 #CDEAE5 #F6FFF8 #2E3A59

분위기: 신선한, 자연스러운, 부드러운

최적 용도: 보타니컬 일러스트레이션 및 봄 캠페인

아침 안개 후의 나뭇잎처럼 신선하고 부드러운 이 세트는 자연스럽고 낙관적입니다. 중간 틸은 줄기와 윤곽선에 잘 작동하고, 연한 톤은 완벽한 수채화 워시를 만듭니다. 더 흙 같은 마무리를 원한다면 음소거된 클레이나 부드러운 오커와 페어링하세요. 팁: 일러스트레이션이 가볍게 유지되도록 가장 어두운 톤은 세밀한 디테일에 절제해서 사용하세요.

media.io를 사용하여 생성된 보타니컬 산들바람 이미지 예시

8) 레트로 풀사이드

HEX: #0077B6 #00B4D8 #90E0EF #CAF0F8 #2A9D8F

분위기: 재미있는, 향수를 불러일으키는, 여름 같은

최적 용도: 이벤트 전단지 및 레트로 포스터

수영장 날의 사운드트랙처럼 재미있고 향수를 불러일으키는 이 블루와 틸은 즉시 여름 같은 느낌을 줍니다. 큰 타입과 도형에는 밝은 시안을 사용하고, 레이어드 깊이를 위해 씨폼 톤을 추가하세요. 진정한 빈티지 분위기를 위해 오프블랙 윤곽선과 작은 선샤인 옐로우 포인트와 페어링하세요. 팁: 오래된 인쇄 포스터를 모방하려면 가장 밝은 색조에 단순한 하프톤 텍스처를 추가하세요.

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

9) 슬레이트와 틸 오피스

HEX: #1D3557 #2A9D8F #A8DADC #F1FAEE #6C757D

분위기: 스마트하고, 안정적이며, 현대적인

최적 용도: B2B 웹사이트 및 SaaS 브랜딩

밝은 조명의 스튜디오 오피스처럼 스마트하고 안정적인 이 조합은 슬레이트 블루와 자신감 있는 틸을 균형있게 배치합니다. 내비게이션과 버튼에 충분히 강한 대비를 제공하면서도 밝은 아쿠아가 페이지를 친근하게 유지합니다. 이러한 블루 그린 컬러 조합은 선명한 그리드, 얇은 아이콘 선, 중성적인 사진과 특히 잘 어울립니다. 팁: 주요 액션은 틸로 설정하고 슬레이트 톤은 헤더에 사용하여 명확한 계층 구조를 만드세요.

media.io를 사용하여 생성된 슬레이트와 틸 오피스의 이미지 예시

10) 오로라 나이트

HEX: #061A40 #0353A4 #00A6A6 #94D2BD #E9D8A6

분위기: 전기적이고, 몽환적이며, 고대비

최적 용도: 음악 비주얼 및 대담한 브랜드 캠페인

어두운 하늘 위 오로라 줄무늬처럼 전기적이고 몽환적인 이 팔레트는 대비를 좋아합니다. 깊은 네이비가 극적인 베이스를 설정하고, 틸과 민트가 하이라이트와 모션 그래픽을 위해 위에서 빛납니다. 따뜻함을 더하면서도 야간 느낌을 잃지 않기 위해 타이포그래피나 배지에 부드러운 골드를 조합하세요. 팁: 네온 같은 톤이 화면에서 밴딩되지 않도록 그라데이션을 미묘하고 방향성 있게 유지하세요.

media.io를 사용하여 생성된 오로라 나이트의 이미지 예시

11) 마운틴 레이크

HEX: #0B3954 #087E8B #BFD7EA #F5F5F5 #1F2937

분위기: 고요하고, 아웃도어적이며, 균형잡힌

최적 용도: 아웃도어 브랜드 및 에디토리얼 특집

소나무 아래 고요한 물처럼 조용하고 아웃도어적인 이 톤은 균형잡히고 신뢰할 수 있게 느껴집니다. 헤드라인과 내비게이션에는 더 깊은 블루-틸을 사용하고, 페이지를 열어주기 위해 연한 블루-그레이를 사용하세요. 거친 마감을 위해 따뜻한 탄 가죽 텍스처나 무광 블랙 하드웨어와 조합하세요. 팁: 틸이 메인 컬러로 남도록 이미지를 약간 채도를 낮춰 유지하세요.

media.io를 사용하여 생성된 마운틴 레이크의 이미지 예시

12) 프레시 클리닉

HEX: #005F73 #0A9396 #94D2BD #E9D8A6 #F8FAFC

분위기: 안심되고, 위생적이며, 친근한

최적 용도: 의료 앱 및 예약 UI

밝은 클리닉 로비처럼 안심되고 위생적인 이 색조는 관리와 명료함을 전달합니다. 틸 톤은 버튼과 탭을 자신감 있게 만들고, 크리미한 액센트가 전체적인 룩을 부드럽게 합니다. 이와 같은 블루 그린 컬러 스킴은 친근한 둥근 컴포넌트와 심플한 라인 아이콘과 잘 어울립니다. 팁: 접근성을 강하게 유지하기 위해 따뜻한 크림을 알림과 하이라이트에만 사용하세요.

media.io를 사용하여 생성된 프레시 클리닉의 이미지 예시

13) 썸머 소르베

HEX: #118AB2 #06D6A0 #C7F9CC #F1FAEE #FFD166

분위기: 밝고, 젊으며, 활기찬

최적 용도: 스타트업 마케팅 및 소셜 템플릿

소르베 샘플러처럼 밝고 젊은 이 세트는 활기차면서도 깨끗하게 느껴집니다. 선명한 아쿠아와 그린이 헤드라인과 스티커를 담당하고, 연한 민트가 배경을 무겁지 않게 유지합니다. 친근한 브랜드 톤을 위해 심플한 블랙 타입과 둥근 모양과 조합하세요. 팁: 쿨톤 베이스를 압도하지 않도록 아이콘이나 가격 태그 같은 마이크로 액센트에만 옐로우를 사용하세요.

media.io를 사용하여 생성된 썸머 소르베의 이미지 예시

14) 데님 앤 제이드

HEX: #1E3A8A #0EA5A4 #34D399 #E0F2FE #0F172A

분위기: 자신감 있고, 스포티하며, 깨끗한

최적 용도: 스포츠 브랜드 및 앱 UI 액센트

제이드 액세서리가 있는 데님처럼 자신감 있고 스포티한 이 톤은 네온 느낌 없이 튀어나옵니다. 구조에는 깊은 블루를 사용하고, 틸과 그린이 하이라이트와 활성 상태를 담당하게 하세요. 현대적이고 운동적인 룩을 위해 화이트 스페이스와 샤프한 타이포그래피와 조합하세요. 팁: 그라데이션을 최소화하고 작은 UI 요소에서 더 나은 가독성을 위해 솔리드 필에 의존하세요.

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

15) 모던 스파 스톤

HEX: #134E4A #2DD4BF #99F6E4 #F1F5F9 #A3A3A3

분위기: 선적이고, 세련되며, 절제된

최적 용도: 호텔 브랜딩 및 프리미엄 스킨케어

따뜻한 물 옆의 매끄러운 돌처럼 선적이고 세련된 이 톤은 절제되고 프리미엄하게 느껴집니다. 어두운 그린-틸이 럭셔리함을 더하고, 밝은 아쿠아가 룩을 신선하고 현대적으로 유지합니다. 세련된 마감을 위해 부드러운 그레이, 린넨 텍스처, 미니멀한 세리프 헤드라인과 조합하세요. 팁: 디자인이 조용하고 고급스럽게 유지되도록 작은 하이라이트 선에 미디엄 틸을 사용하세요.

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

16) 오션 뎁스 그라데이션

HEX: #001219 #005F73 #0A9396 #94D2BD #E9D8A6

분위기: 깊고, 부드러우며, 세련된

최적 용도: 배경 그라데이션 및 히어로 섹션

맑은 바다 층을 내려다보는 것처럼 깊고 부드러운 이 세트는 그라데이션을 위해 만들어졌습니다. 거의 블랙에 가까운 블루가 깊이를 제공하고, 틸에서 민트로의 단계가 섹션 전체에서 깨끗하게 전환됩니다. 프리미엄 느낌을 위해 따뜻한 크림 하이라이트와 충분한 여유 공간과 조합하세요. 팁: 저사양 디스플레이에서 그라데이션을 테스트하고 밴딩을 방지하기 위해 약간의 노이즈를 추가하세요.

media.io를 사용하여 생성된 오션 뎁스 그라데이션의 이미지 예시

17) 네온 켈프 HUD

HEX: #0B1320 #00BFA6 #00E5FF #2DD4BF #A7F3D0

분위기: 미래적이고, 강렬하며, 하이테크

최적 용도: 게임 오버레이 및 스트리밍 그래픽

바다 빛 아래 빛나는 HUD처럼 미래적이고 강렬한 이 밝은 색상은 어두운 배경에서 빠르게 읽힙니다. 주요 판독값에는 시안을 사용하고 보조 미터와 포커스 링에는 더 그린한 틸을 사용하세요. 이와 같은 블루 그린 컬러 조합은 선명한 고정폭 숫자와 얇은 라인 아이콘과 조합될 때 빛납니다. 팁: 글로우 효과를 미묘하게 유지하고 접근성을 위해 먼저 대비에 의존하세요.

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

18) 매리타임 에디토리얼

HEX: #0A2342 #2CA6A4 #BCECE0 #FAFAF9 #7C8DA6

분위기: 깨끗하고, 저널 같으며, 사려깊은

최적 용도: 잡지 레이아웃 및 블로그 헤더

해양 저널처럼 깨끗하고 사려깊은 이 믹스는 차분하고 잘 편집된 느낌입니다. 네이비가 권위를 가져오고, 부드러운 틸이 페이지를 친근하고 현대적으로 유지합니다. 고급 에디토리얼 마감을 위해 따뜻한 오프화이트 종이 톤과 미묘한 그레이 규칙과 조합하세요. 팁: 콘텐츠를 압도하지 않고 스캔을 안내하기 위해 풀 쿼트와 섹션 라벨에 틸을 사용하세요.

media.io를 사용하여 생성된 매리타임 에디토리얼의 이미지 예시

19) 아쿠아 클래스룸

HEX: #1D4ED8 #0EA5E9 #14B8A6 #A7F3D0 #F8FAFC

분위기: 친근하고, 명확하며, 낙관적인

최적 용도: 교육 앱 및 어린이 친화적 UI

밝은 교실 벽처럼 친근하고 낙관적인 이 컬러는 명확하고 초대하는 느낌입니다. 스카이 블루가 헤딩과 내비게이션을 처리하고, 틸-민트 범위가 지원 하이라이트와 성공 상태를 만듭니다. 톤을 친근하게 유지하기 위해 심플한 일러스트와 둥근 카드와 조합하세요. 팁: 긴 독서 화면에서 눈의 피로를 줄이기 위해 채도를 약간 낮게 유지하세요.

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

20) 서스테이너블 씨폼 팩

HEX: #0F766E #34D399 #BBF7D0 #F0FDF4 #1F2937

분위기: 친환경적이고, 깨끗하며, 신뢰할 수 있는

최적 용도: 지속가능한 패키징 및 DTC 제품

신선한 허브와 씨폼처럼 친환경적이고 깨끗한 이 세트는 선반에서 신뢰할 수 있게 읽힙니다. 더 풍부한 틸은 로고와 캡에 작동하고, 연한 그린은 큰 라벨 영역에서 자연스럽게 느껴집니다. 접지되고 지속가능한 분위기를 위해 크라프트 페이퍼 중성색과 차콜 잉크와 조합하세요. 팁: 인쇄 비용을 예측 가능하게 하고 텍스트를 선명하게 유지하기 위해 가장 밝은 톤을 라벨 베이스로 사용하세요.

media.io를 사용하여 생성된 서스테이너블 씨폼 팩의 이미지 예시

21) 씨사이드 웨딩

HEX: #0F5257 #5BC0BE #BFEDEF #FFF9F1 #D6CCC2

분위기: 로맨틱하고, 가볍고, 우아한

최적 용도: 웨딩 초대장 및 이벤트 스위트

해변 세레모니처럼 로맨틱하고 가벼운 이 쉐이드는 우아하고 부드럽게 느껴집니다. 틸이 스위트를 현대적으로 유지하고, 따뜻한 아이보리와 샌드 노트가 시대를 초월한 터치를 더합니다. 꽃이나 파도를 위한 섬세한 세리프 타입과 미니멀한 라인 아트와 조합하세요. 팁: 틸을 약간 더 깊게 유지하고 아이보리가 페이지를 지배하도록 할 때 포일 디테일이 가장 잘 보입니다.

media.io를 사용하여 생성된 씨사이드 웨딩의 이미지 예시

블루 그린과 잘 어울리는 색상은?

블루 그린은 오프화이트, 쿨 그레이, 차콜 같은 깨끗한 중성색과 쉽게 조합됩니다—현대적인 UI와 에디토리얼 레이아웃에 훌륭합니다. 이러한 중성색은 팔레트를 읽기 쉽게 유지하고 틸 톤이 압도적이지 않고 의도적으로 느껴지게 합니다.

더 따뜻한 대비를 위해서는 샌드, 크림, 테라코타, 피치, 또는 부드러운 골드를 시도해보세요. 따뜻한 액센트는 행동 유도와 하이라이트를 돋보이게 하면서도 특히 오션에서 영감받은 팔레트에서 자연스럽게 느껴지게 합니다.

더 샤프하고 테크 지향적인 룩을 원한다면, 라임, 시안, 또는 일렉트릭 민트 같은 고채도 액센트를 소량 추가하세요. 균형을 유지하기 위해 마이크로 액센트(배지, 상태, 아이콘)로 유지하세요.

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

역할 할당으로 시작하세요: 타이포그래피와 구조를 위한 하나의 깊은 틸 또는 네이비, 주요 액션을 위한 하나의 미드톤 틸, 그리고 표면, 카드, 섹션 배경을 위한 하나 또는 두 개의 연한 민트를 선택하세요.

접근성을 일찍 우선시하세요—틸은 어둡게 느껴져도 "중간 대비"로 보일 수 있습니다. 선택한 표면에 대해 버튼 텍스트와 본문 카피를 테스트하고, 텍스트보다는 배경에 가장 밝은 틴트를 사용하세요.

마지막으로 "온도"를 결정하세요: 더 쿨한 팔레트는 임상적이고 현대적으로 느껴지며, 크림, 피치, 또는 샌드를 추가하면 같은 틸 계열이 더 친근하고 라이프스타일 지향적으로 느껴집니다.

AI로 블루 그린 팔레트 비주얼 만들기

이러한 블루 그린 HEX 코드가 실제 레이아웃에 적용된 것을 보고 싶으신가요? AI 프롬프트를 사용하여 몇 분 안에 매칭되는 UI 목업, 포스터, 패키징, 브랜드 장면을 생성하세요.

Media.io를 사용하면 빠르게 실험할 수 있습니다—틸 앵커를 교체하고, 채도를 조정하고, 팔레트가 브랜드나 제품에 적합하게 느껴질 때까지 변형을 나란히 비교하세요.

다음: 네온 그린 컬러 팔레트