상위 20가지 블루 그린 핑크 컬러 팔레트: 헥스 코드 및 디자인 팁

블루, 그린, 핑크는 놀라울 정도로 다재다능한 색상 조합입니다. 채도와 대비에 따라 해안의 평온함, 깔끔하고 모던한 느낌, 또는 대담하고 활기찬 분위기를 연출할 수 있습니다.

아래에서 HEX 코드가 포함된 20가지 블루 그린 핑크 컬러 팔레트와 UI, 브랜딩, 포스터, 패키징에 대한 실용적인 가이드를 확인하세요.

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

블루와 그린은 색상환에서 가까이 위치하여 레이아웃에서 자연스럽게 조화롭고 "안정적인" 느낌을 줍니다. 핑크는 강한 중성색이나 무거운 그림자 없이도 주목을 끄는 활기찬 대비 역할을 합니다.

이 조합은 일반적인 UI 및 브랜드 역할에도 잘 맞습니다: 블루는 신뢰와 구조, 그린/틸은 긍정적인 상태와 신선함, 핑크는 배지, 보조 CTA, 마이크로 인터랙션과 같은 강조 요소에 사용됩니다.

파스텔, 중간 톤 또는 네온으로 조절할 수 있어 블루 그린 핑크 팔레트는 웰니스, 스킨케어부터 SaaS, 이벤트, 스트릿웨어까지 다양한 산업에 적용됩니다.

20가지 이상의 블루 그린 핑크 컬러 팔레트 아이디어 (HEX 코드 포함)

1) 라군 블러시

HEX: #1d7fbf #24b3a8 #f26aa6 #f7e9f0 #0b2b3a

분위기: 신선함, 해안풍, 경쾌함

적합한 용도: 뷰티 브랜딩 및 소셜 템플릿

맑은 물과 장밋빛 석양 같은 신선한 해안 에너지가 느껴집니다. 진한 네이비를 텍스트 색상으로 사용하고 틸과 핑크를 버튼, 배지, 강조 요소에 활용하세요. 여백이 충분한 깔끔한 레이아웃과 부드러운 그라디언트에 잘 어울립니다. 팁: 틸이 선명하고 모던하게 유지되도록 핑크는 작은 액센트에만 사용하세요.

media.io를 사용하여 생성된 라군 블러시 이미지 예시

Media.io

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

지금 무료로 체험하기

2) 민티 버블검

HEX: #2a6fdb #66e3c4 #ff5fb7 #fff3fb #1f2a44

분위기: 경쾌함, 광택감, 활기참

적합한 용도: 키즈 앱 UI 및 온보딩 화면

사탕 포장지와 여름 스티커처럼 경쾌하고 광택감이 있습니다. 밝은 화이트 배경을 중심으로 UI를 구성하고 밝은 블루를 기본 액션에, 민트를 성공 상태에 사용하세요. 핑크는 토글, 하트, 진행 마커와 같은 마이크로 인터랙션에 적합합니다. 팁: 파스텔 블록에서 인터페이스를 읽기 쉽게 유지하려면 텍스트를 잉크 슬레이트 색상으로 유지하세요.

media.io를 사용하여 생성된 민티 버블검 이미지 예시

3) 코랄 리프 팝

HEX: #0e6ba8 #2ec4b6 #ff4d8d #ffd6e8 #ffb703

분위기: 밝음, 열대풍, 활기참

적합한 용도: 이벤트 포스터 및 팝업 프로모션

산호초, 햇살 비치는 물, 시끄러운 음악 같은 밝은 열대 팝 느낌입니다. 이 블루 그린 핑크 컬러 팔레트는 큰 형태와 강한 타이포그래피를 좋아하며, 골드 액센트는 안내문과 날짜에만 사용합니다. 시각적 혼란을 피하기 위해 두꺼운 산세리프와 간단한 아이콘을 사용하세요. 팁: 과포화를 피하면서 네온 느낌을 유지하려면 오프화이트 용지에 인쇄하세요.

media.io를 사용하여 생성된 코랄 리프 팝 이미지 예시

4) 시폼 스튜디오

HEX: #2f5aa6 #3fc1b1 #e34f9a #f2f4f7 #20304a

분위기: 세련됨, 창의적, 차분함

적합한 용도: 포트폴리오 사이트 및 에이전시 프레젠테이션

자연광이 들어오는 깔끔한 책상이 있는 디자인 스튜디오처럼 세련되고 차분합니다. 차가운 라이트 그레이를 메인 캔버스로 사용하고 틸을 섹션 헤더에, 블루를 내비게이션에 사용하세요. 마젠타는 페이지당 하나의 돋보이는 액센트로 사용할 때 개성을 더합니다. 팁: 그라디언트를 은은하게 유지하고 깔끔한 여백이 대부분의 작업을 하도록 하세요.

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

5) 캔디 코스트라인

HEX: #1f8acb #45d1b3 #ff7ab2 #ffe6f1 #2b2d42

분위기: 밝음, 친근함, 접근하기 쉬움

적합한 용도: 웨딩 웹사이트 및 RSVP 페이지

부드러운 캔디 파스텔 옆의 씨글라스처럼 밝고 친근합니다. 통풍이 잘 되는 블러시 배경은 우아한 타이포그래피를 위한 공간을 만들고, 블루와 틸은 메뉴 및 구분선과 같은 구조를 처리합니다. 핑크는 RSVP 버튼, 모노그램, 작은 꽃 액센트에 완벽합니다. 팁: 모든 것을 선명하게 유지하려면 이름과 날짜에 차콜을 약간 추가하세요.

media.io를 사용하여 생성된 캔디 코스트라인 이미지 예시

6) 네온 가든 파티

HEX: #0066ff #00d084 #ff2e88 #f9ff6a #111827

분위기: 대담함, 나이트라이프, 강렬함

적합한 용도: 스트리트 포스터 및 DJ 플라이어

한밤의 하늘에 비치는 네온사인처럼 대담한 나이트라이프 에너지가 느껴집니다. 이러한 블루 그린 핑크 색상 조합은 배경을 어둡게 유지하고 하나의 네온이 계층 구조를 이끌도록 할 때 가장 강력합니다. 라임을 시간, QR 코드 또는 한정 제안에 대한 은은한 강조로 사용하세요. 팁: 시각적 잡음을 피하려면 모든 요소가 아닌 헤드라인에만 부드러운 글로우 효과를 추가하세요.

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

7) 파스텔 아쿠아리움

HEX: #7aa7ff #88f0d0 #ff9fd0 #f7f7ff #2f3a56

분위기: 부드러움, 몽환적, 경쾌함

적합한 용도: 스킨케어 패키징 및 라벨

맑은 물 속을 떠다니는 거품처럼 부드럽고 몽환적입니다. 창백한 배경은 팔레트를 가벼운 느낌으로 유지하고, 어두운 슬레이트는 성분 및 작은 글씨에 이상적입니다. 파스텔 블루를 브랜드 블록에 사용하고 핑크는 단일 시그니처 배지나 향기 표시기에만 사용하세요. 팁: 부드럽고 프리미엄한 느낌을 유지하려면 매트 마감과 함께 사용하세요.

media.io를 사용하여 생성된 파스텔 아쿠아리움 이미지 예시

8) 트로피컬 소르베

HEX: #1982c4 #8ac926 #ff595e #ffca3a #6a4c93

분위기: 여름풍, 재미있음, 모험적

적합한 용도: 여행 광고 및 시즌 캠페인

더위에 녹는 과일 소르베처럼 여름스럽고 모험적입니다. 밝은 블루로 레이아웃을 고정한 다음 목적지, 가격표, 아이콘에 그린과 따뜻한 액센트를 뿌리세요. 코랄 레드는 공격적으로 보이지 않으면서 긴급한 CTA에 잘 작동합니다. 팁: 다색 에너지가 혼란스러운 것이 아닌 의도적인 것으로 읽히도록 배경을 단순하게 유지하세요.

media.io를 사용하여 생성된 트로피컬 소르베 이미지 예시

9) 모던 머메이드

HEX: #235789 #2ac3a2 #ff6fb5 #d7fff1 #0b1320

분위기: 세련됨, 오션풍, 모던함

적합한 용도: SaaS 랜딩 페이지 및 기능 섹션

세련된 해양 분위기는 모던하고 깔끔하며 약간 신비롭게 느껴집니다. 히어로 헤드라인에 거의 검은색을 사용하고 기능 강조와 차트에 틸을 사용하세요. 핑크는 훌륭한 보조 CTA이며 new 또는 beta와 같은 배지에 강한 액센트를 줍니다. 팁: 주의를 산만하게 하지 않고 깊이를 더하기 위해 매우 낮은 불투명도의 은은한 파도 모양 배경을 사용해 보세요.

media.io를 사용하여 생성된 현대적인 인어 이미지 예시

10) 클린 클리닉 프레시

HEX: #3b82f6 #10b981 #fb7185 #f8fafc #334155

분위기: 깨끗한, 신뢰할 수 있는, 차분한

적합한 용도: 건강 대시보드 및 예약 페이지

깨끗하고 차분한, 밝은 린넨과 명확한 표지판이 있는 밝은 클리닉처럼. 이 파란색 녹색 분홍색 배색은 많은 여백과 함께 가장 잘 작동하며, 파란색은 내비게이션을 지원하고 청록색은 성공 또는 완료된 단계를 나타냅니다. 부드러운 분홍색은 부드러운 알림, 하이라이트 또는 개인화 순간에 사용하세요. 팁: 인터페이스가 임상적이고 안심할 수 있도록 분홍색을 하나의 컴포넌트 스타일로 제한하세요.

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

11) 레트로 풀사이드

HEX: #005f73 #0a9396 #ee9b00 #ff5d8f #e9d8a6

분위기: 레트로, 화창한, 편안한

적합한 용도: 여름 메뉴 및 카페 간판

레트로 선샤인 분위기는 수영장 타일, 줄무늬 우산, 차가운 음료를 떠올리게 합니다. 청록색 톤은 주요 블록과 테두리를 처리할 수 있으며, 따뜻한 모래색은 모든 것을 친근하게 유지합니다. 분홍색은 스페셜 또는 한정 상품에 펀치감 있는 액센트로 사용하세요. 팁: 빈티지 느낌을 강화하려면 둥근 타이포그래피와 짝을 이루세요.

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

12) 사쿠라 하버

HEX: #3a86ff #2ec4b6 #ffafcc #bde0fe #1b263b

분위기: 부드러운, 로맨틱한, 산뜻한

적합한 용도: 봄 에디토리얼 레이아웃 및 룩북

부드럽고 산뜻한, 밝은 해안가 위로 벚꽃이 흩날리는 것처럼. 연한 하늘색은 부드러운 칼럼과 여백을 만들고, 짙은 네이비는 본문을 읽기 쉽게 유지합니다. 규칙, 아이콘, 인용문에는 청록색을 추가하고, 분홍색은 작은 하이라이트와 캡션에 사용하세요. 팁: 공기 같은 매거진 느낌을 위해 많은 여백과 얇은 선을 사용하세요.

media.io를 사용하여 생성된 사쿠라 하버 이미지 예시

13) 페블 앤 페탈

HEX: #2b59c3 #7bdcb5 #f284b6 #e5e5e5 #6b7280

분위기: 부드러운, 안정적인, 현대적인

적합한 용도: 인테리어 무드보드 및 홈데코 샵

부드럽고 안정적인, 매끄러운 조약돌 위에 하나의 밝은 꽃잎이 있는 것처럼. 부드러운 회색은 색상을 성숙하게 느끼게 하여 가정 중심 브랜드에 이상적입니다. 구조에는 파란색, 신선함에는 민트색, 라벨이나 태그와 같은 작은 스타일링 디테일에는 분홍색을 사용하세요. 팁: 팔레트를 따뜻하게 유지하려면 리넨이나 밝은 오크와 같은 자연 텍스처를 혼합하세요.

media.io를 사용하여 생성된 페블 앤 페탈 이미지 예시

14) 오세아닉 캔디

HEX: #006ba6 #00c2a8 #ff4fa3 #f1f5f9 #0f172a

분위기: 선명한, 현대적인, 고대비

적합한 용도: 기술 브랜딩 및 앱 아이콘 시스템

선명한 현대적 대비는 밝은 캔디 트위스트가 있는 차가운 바다 공기처럼 느껴집니다. 거의 흰색에 가까운 배경은 선명함을 유지하고, 짙은 네이비는 텍스트와 아이콘을 펀치감 있게 만듭니다. 시스템 상태와 차트에는 청록색을 사용하고, 분홍색은 아이콘 전체에서 시그니처 브랜드 하이라이트로 유지하세요. 팁: 팔레트가 작은 크기에서도 깨끗하게 읽히도록 아이콘에 플랫 필을 사용하세요.

media.io를 사용하여 생성된 오세아닉 캔디 이미지 예시

15) 아트 스쿨 믹스

HEX: #1e40af #22c55e #ec4899 #fef3c7 #111827

분위기: 창의적인, 대담한, 실습

적합한 용도: 워크숍 전단지 및 수업 일정

창의적이고 대담한, 스튜디오 벽에 테이프로 붙인 페인트 견본처럼. 이 파란색 녹색 분홍색 팔레트는 따뜻한 종이 톤과 잘 어울려 레이아웃이 덜 디지털적이고 더 수작업으로 느껴지게 합니다. 카테고리에는 녹색, 구조에는 파란색, 가입 또는 얼리버드와 같은 주요 순간에는 분홍색을 사용하세요. 팁: 명확성을 위해 하나의 재미있는 디스플레이 폰트를 선택하고 나머지는 단순하게 유지하세요.

media.io를 사용하여 생성된 아트 스쿨 믹스 이미지 예시

16) 소프트 스파 데이

HEX: #4f9cf0 #5eead4 #fda4af #faf5ff #475569

분위기: 진정시키는, 섬세한, 편안한

적합한 용도: 웰니스 뉴스레터 및 랜딩 페이지

진정되고 섬세한, 따뜻한 증기, 차가운 물, 블러시 타월처럼. 라벤더-화이트 베이스는 섹션을 부드럽게 유지하고, 파란색과 청록색은 제목과 버튼을 통해 시선을 안내합니다. 분홍색은 인용문, 추천사 또는 작은 아이콘에 미묘한 하이라이트로 가장 잘 작동합니다. 팁: 무거운 테두리보다 얇은 구분선과 부드러운 그림자를 사용하세요.

media.io를 사용하여 생성된 소프트 스파 데이 이미지 예시

17) 플레이룸 스플래시

HEX: #2563eb #34d399 #fb7185 #fef08a #1f2937

분위기: 쾌활한, 밝은, 어린이 친화적

적합한 용도: 생일 초대장 및 파티 간판

쾌활하고 밝은, 화창한 놀이방에 흩어진 블록처럼. 주요 헤드라인에는 강한 파란색을 사용하고 보조 모양과 아이콘에는 민트색을 유지하세요. 분홍색은 이름과 하이라이트에 달콤함을 더하고, 연한 노란색은 색종이 조각 같은 디테일에 좋습니다. 팁: 방 건너편에서도 잘 읽히도록 두꺼운 스트로크와 큰 글자로 인쇄하세요.

media.io를 사용하여 생성된 플레이룸 스플래시 이미지 예시

18) 스트릿웨어 펀치

HEX: #0b5ed7 #00b894 #ff3f8e #c7f9cc #0b132b

분위기: 자신감 있는, 도시적인, 엣지있는

적합한 용도: 의류 출시 및 제품 광고

자신감 있고 도시적인, 밤거리의 대담한 그래픽처럼. 이러한 파란색 녹색 분홍색 조합은 강한 대비와 함께 가장 잘 보입니다: 짙은 네이비 배경, 선명한 파란색 타입, 그리고 핫 핑크의 한 번의 타격. 민트색은 사이즈, 배송 또는 작은 태그라인과 같은 보조 디테일을 부드럽게 할 수 있습니다. 팁: 레이아웃을 최소한으로 유지하고 하나의 특대 그래픽 요소가 분위기를 전달하도록 하세요.

media.io를 사용하여 생성된 스트릿웨어 펀치 이미지 예시

19) 갤러리 캄

HEX: #1d4ed8 #14b8a6 #f472b6 #f3f4f6 #111827

분위기: 차분한, 큐레이션된, 현대적인

적합한 용도: 크리에이티브 포트폴리오 및 케이스 스터디

차분하고 큐레이션된, 벽에 하나의 대담한 예술 작품이 있는 현대 갤러리처럼. 밝은 회색 배경은 톤을 전문적으로 유지하고, 파란색과 청록색은 확실한 정보 계층을 만듭니다. 분홍색은 링크, 호버 상태 또는 주요 프로젝트에 대한 의도적인 표시로 가장 잘 사용됩니다. 팁: 깨끗하고 에디토리얼한 느낌을 위해 큰 이미지와 짧은 캡션과 짝을 이루세요.

media.io를 사용하여 생성된 갤러리 캄 이미지 예시

20) 선셋 타이드

HEX: #0077b6 #2a9d8f #ff6fae #ffd166 #073b4c

분위기: 따뜻한, 낙관적인, 비치풍

적합한 용도: 식물 포스터 및 봄 일러스트레이션

따뜻하고 낙관적인, 파도 위의 마지막 빛처럼. 윤곽선과 타입에는 짙은 청록-파랑을 유지하고, 연한 청록색은 잎과 줄기를 채웁니다. 분홍색과 황금색 액센트는 꽃, 과일, 작은 장식 마크에 아름답게 작동합니다. 팁: 팔레트가 평평하지 않고 유기적으로 느껴지도록 수채화 텍스처와 부드러운 가장자리를 사용하세요.

media.io를 사용하여 생성된 선셋 타이드 이미지 예시

블루 그린 핑크와 잘 어울리는 색상은?

중성색은 최고의 안정제입니다: 오프화이트, 라이트 그레이, 차콜, 짙은 네이비는 파란색-녹색 베이스를 깨끗하게 느끼게 하면서 분홍색을 의도적으로 유지합니다. 타이포그래피의 경우, 더 어두운 슬레이트/잉크 톤은 일반적으로 밝거나 파스텔 배경에서 순수한 검은색보다 성능이 뛰어납니다.

따뜻함을 더 원한다면, 청록색과 파란색의 차가움을 균형잡기 위해 모래, 버터 노란색 또는 부드러운 금색을 추가하세요. 추가 펀치를 위해, 소량의 라임 또는 밝은 노란색은 강렬한 영향의 콜아웃을 만들 수 있습니다—분홍색과 경쟁하지 않도록 제한하세요.

고급스러운 룩을 위해, 팔레트를 자연 텍스처(종이, 리넨, 밝은 나무) 또는 미묘한 그라디언트와 짝을 이루세요; 이것은 삼색조가 인쇄 또는 패키징에 사용될 때 "너무 디지털적"으로 느껴지는 것을 방지합니다.

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

역할 할당으로 시작하세요: 하나의 "구조" 색상(보통 파란색), 하나의 "상태" 색상(성공, 완료, 확인을 위한 녹색/청록색)을 선택하고, 보조 CTA, 하이라이트, 호버 상태와 같은 액센트를 위해 분홍색을 예약하세요. 이것은 모든 것이 똑같이 시끄럽게 보이는 일반적인 문제를 피합니다.

채도와 간격을 제어하세요. 파스텔 버전은 넉넉한 여백과 얇은 구분선의 이점을 받습니다; 네온 버전은 어두운 배경과 화면당 더 적은 요소의 이점을 받습니다. 인쇄에서는 과포화 및 눈부심을 줄이기 위해 오프화이트 용지와 무광 마감을 고려하세요.

특히 밝은 배경에 분홍색 텍스트를 배치하거나 흰색에 청록색 텍스트를 배치할 때 대비를 확인하여 접근성을 유지하세요. 확실하지 않을 때는 본문 텍스트를 짙은 네이비/슬레이트로 유지하고 모양, 아이콘, UI 컨트롤에 밝은 색상을 사용하세요.

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

브랜드 방향을 제안하거나 UI 무드보드를 구축하는 경우, 빠른 팔레트 일치 비주얼을 생성하면 이해관계자가 개념을 즉시 "볼" 수 있도록 도울 수 있습니다. 가장 빠른 접근 방식은 장면을 설명하고, 깨끗한 구도를 설정하고, 액센트, 라벨 또는 배경 블록을 통해 팔레트를 참조하는 것입니다.

결과를 일관되게 유지하려면, 단일 프롬프트 구조를 재사용하고 주제(포스터, 패키징, 랜딩 페이지, 아이콘 세트)만 바꾸세요. 몇 가지 변형을 내보낸 다음 사용 사례에 가장 적합한 계층 구조와 대비를 가진 것을 선택하세요.

다음: 옐로우 틸 컬러 팔레트