청록색 컬러 팔레트 아이디어 (20가지 선택 + Hex)

틸은 파란색과 녹색 사이에 위치하여 "차분함"과 "신선함"의 균형을 자연스럽게 이룹니다. 따라서 틸 색상 팔레트는 차갑게 느껴지지 않으면서도 명확함이 필요한 인터페이스, 브랜드, 공간에 쉽게 사용할 수 있습니다.

아래는 HEX 코드와 함께 엄선된 20가지 틸 색상 조합과, 현대적이고 가독성 높은 디자인을 위해 틸을 중성색, 금속색, 따뜻한 강조색과 조합하는 방법에 대한 간단한 가이드입니다.

틸 팔레트가 효과적인 이유

틸은 유연합니다: 시안(더 밝게) 또는 녹색(더 깊게) 쪽으로 밀어내느냐에 따라 UI에서는 깔끔하고 현대적으로, 브랜딩에서는 풍부하고 프리미엄하게 보일 수 있습니다.

또한 대비와도 잘 어울립니다. 진한 틸은 에디토리얼 레이아웃에서 오프화이트와 잘 어울리고, 밝은 시폼 톤은 카드, 양식, 온보딩 화면에 친근한 배경을 만듭니다.

마지막으로 틸은 따뜻한 색과 차가운 색의 강조를 연결합니다. 혼란스럽게 느껴지지 않으면서도 코랄이나 골드 같은 활기찬 포인트를 지원할 수 있어, 틸 색상 조합은 최소한의 노력으로도 종종 "디자인된" 느낌을 줍니다.

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

1) 라군 브리즈

HEX: #0f766e #14b8a6 #5eead4 #f1f5f9 #0b1320

분위기: 차분한, 해안의, 신선한

최적 사용: 웰니스 앱 UI

차분한 라군 톤은 맑은 물과 시원한 아침 바람 같은 느낌입니다. 명확함이 중요한 웰니스 대시보드, 습관 추적기, 깔끔한 온보딩 화면에 아름답게 작동합니다. 밝은 아쿠아를 슬레이트 또는 거의 검은색 텍스트와 짝지어 가독성을 높이고, 밝은 민트는 카드와 미묘한 하이라이트를 위해 남겨두세요. 사용 팁: 가장 어두운 색조는 헤더와 내비게이션에 사용하여 밝은 강조색이 경쾌하게 유지되도록 하세요.

media.io를 사용하여 생성된 라군 브리즈 이미지 예시

Media.io

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

지금 무료로 사용해보기

2) 딥 하버

HEX: #063940 #195e63 #3e838c #f4f1de #1b1f24

분위기: 항해의, 세련된, 분위기 있는

최적 사용: 해산물 레스토랑 메뉴 디자인

딥 하버 색조는 부두의 저녁, 짠 공기, 광택 나는 나무를 연상시킵니다. 화려하지 않으면서도 프리미엄하게 느껴지길 원하는 레스토랑 메뉴와 브랜드 시스템에 적합합니다. 어두운 틸을 따뜻한 오프화이트와 짝지어주고, 음소거된 청록색이 섹션 구분선과 아이콘을 처리하도록 하세요. 사용 팁: 크림 톤을 넉넉한 여백에 사용하여 타이포그래피가 고급스럽고 읽기 쉽게 느껴지도록 하세요.

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

3) 코퍼 타이드

HEX: #0b525b #1f7a8c #bfdbf7 #e6beae #d95d39

분위기: 따뜻한, 장인의, 매력적인

최적 사용: 향초 포장

따뜻한 구리와 물결치는 틸은 풍화된 금속에 부딪히는 햇빛 가득한 파도 같은 느낌입니다. 이러한 틸 색상 조합은 수작업 느낌을 원하는 양초 라벨, 공예 포장, 부티크 제품 출시에 이상적입니다. 러스트 강조색을 더 연한 파란색과 짝지어 균형을 맞추고, 가장 강한 틸은 브랜드 마크와 테두리에 사용하세요. 사용 팁: 구리를 초점으로 아껴서 사용하여 팔레트가 혼잡하지 않고 차분하게 유지되도록 하세요.

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

4) 민티드 마블

HEX: #0f766e #2dd4bf #a7f3d0 #f8fafc #94a3b8

분위기: 스파 같은, 밝은, 현대적인

최적 사용: 욕실 인테리어 무드 보드

민트와 부드러운 틸은 광택 나는 돌, 증기, 조용한 스파를 연상시킵니다. 딱딱하지 않으면서도 깨끗함을 원하는 욕실, 파우더룸, 미니멀 주방에 적합합니다. 시원한 녹색을 밝은 회색 설비, 연한 나무, 브러시 니켈과 짝지어 차분하고 현대적인 마무리를 하세요. 사용 팁: 가장 어두운 틸을 수건이나 그라우트 라인 같은 작은 디테일에 반복하여 공간이 의도적으로 느껴지게 하세요.

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

5) 레인포레스트 잉크

HEX: #064e3b #0f766e #115e59 #0b1320 #e2e8f0

분위기: 무성한, 드라마틱한, 영화 같은

최적 사용: 에코 스릴러 책 표지

잉크 같은 녹색과 깊은 틸은 빽빽한 열대 우림의 그림자와 숨겨진 오솔길 같은 느낌입니다. 중량감이 필요한 서스펜스 책 표지, 다큐멘터리 키 아트, 환경 캠페인에 잘 작동합니다. 거의 검은색을 연한 회색 서체와 짝지어주고, 제목이나 배지에 대한 빛나는 강조로 틸을 아껴서 사용하세요. 사용 팁: 썸네일 크기에서도 디자인이 읽기 쉽도록 표지에 높은 대비를 유지하세요.

media.io를 사용하여 생성된 레인포레스트 잉크 이미지 예시

6) 레트로 풀사이드

HEX: #008c9e #00b4d8 #90e0ef #ffd166 #073b4c

분위기: 장난스러운, 햇살 가득한, 향수 어린

최적 사용: 여름 이벤트 전단

밝은 풀 블루와 감귤색 노란색의 펀치는 도로변 모텔과 비닐 라운지 의자를 떠올리게 합니다. 즉각적인 활기가 필요한 여름 전단, 팝업 이벤트, 활기찬 프로모 그래픽에 완벽합니다. 노란색을 가장 어두운 네이비와 짝지어 강한 헤드라인에 사용하고, 연한 아쿠아를 통기성 있는 배경으로 사용하세요. 사용 팁: 그라디언트를 제한하고 형태를 대담하게 유지하여 레트로 느낌을 유지하세요.

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

7) 데저트 오아시스

HEX: #0f766e #34d399 #fbbf24 #fef3c7 #92400e

분위기: 햇빛 가득한, 모험적인, 환영하는

최적 사용: 여행 블로그 히어로 배너

틸과 선인장 녹색은 따뜻한 사막 모래에 대비되는 그늘진 오아시스처럼 보입니다. 이 조합은 네온 강도 없이 에너지를 원하는 여행 블로그, 여정 페이지, 가이드 템플릿에 적합합니다. 황금색 톤을 틸 버튼과 짝지어주고, 크림을 사진과 헤드라인의 주요 캔버스로 유지하세요. 사용 팁: 갈색을 작은 구분선과 캡션에 사용하여 팔레트를 접지된 상태로 유지하세요.

media.io를 사용하여 생성된 데저트 오아시스 이미지 예시

8) 슬레이트 앤드 시폼

HEX: #0f766e #2dd4bf #64748b #1e293b #f1f5f9

분위기: 현대적인, 자신감 있는, 깔끔한

최적 사용: SaaS 대시보드 UI

슬레이트 회색에 대비되는 시원한 시폼은 유리 건축과 상쾌한 아침 공기 같은 느낌입니다. 이러한 틸 색상 팔레트는 계층 구조가 중요한 SaaS 대시보드, 분석 뷰, 관리자 패널에 잘 작동합니다. 슬레이트 타이포그래피를 상태, 태그, 활성 내비게이션을 위한 시폼 하이라이트와 짝지어주세요. 사용 팁: 인터페이스가 일관되게 유지되도록 가장 밝은 민트를 성공 또는 선택된 상태에 사용하세요.

media.io를 사용하여 생성된 슬레이트 앤드 시폼 이미지 예시

9) 코랄 커런트

HEX: #0f766e #14b8a6 #fb7185 #fff1f2 #2d1b2d

분위기: 생동감 있는, 트렌디한, 소셜한

최적 사용: 뷰티 브랜드 소셜 게시물

깔끔한 틸과 선명한 코랄은 팝아트 메이크업 견본과 광택 나는 포장 같은 느낌입니다. 빠른 주목이 필요한 소셜 템플릿, 출시 발표, 크리에이터 키트에 강력한 선택입니다. 코랄 헤드라인을 깊은 자두색 텍스트와 짝지어 대비를 주고, 연한 블러시가 배경을 처리하도록 하세요. 사용 팁: 피드가 일관되게 유지되도록 게시물당 하나 또는 두 개의 주요 요소에만 코랄을 사용하세요.

media.io를 사용하여 생성된 코랄 커런트의 이미지 예시

10) 노르딕 틸 뉴트럴

HEX: #115e59 #0f766e #e5e7eb #f9fafb #111827

분위기: 미니멀, 실용적, 차분한

최적 사용: 이커머스 제품 페이지 UI

부드러운 회색과 조화를 이루는 차분한 틸은 스칸디나비아 직물과 깔끔한 선반 같은 느낌을 줍니다. 신뢰할 수 있고 깔끔해야 하는 제품 페이지와 결제 플로우에 적합합니다. 어두운 잉크 톤을 밝은 배경과 페어링한 다음 링크, 토글, 가격 강조에 틸을 사용하세요. 사용 팁: 전환 액션이 돋보이도록 가장 강한 틸을 기본 버튼에만 사용하세요.

media.io를 사용하여 생성된 노르딕 틸 뉴트럴의 이미지 예시

11) 일렉트릭 피코크

HEX: #006d77 #00a896 #02c39a #ffd166 #001219

분위기: 대담한, 축제적인, 고에너지

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

피코크 틸과 네온 민트는 밤하늘을 가르는 무대 조명 같은 느낌을 줍니다. 이 팔레트는 강렬한 대비가 필요한 페스티벌 포스터, 나이트라이프 프로모션 및 임팩트 있는 공지사항에 적합합니다. 밝은 그린을 타이포그래피용 딥 블랙과 페어링하고, 주요 공연 뒤에 스포트라이트 액센트로 옐로우를 사용하세요. 사용 팁: 채도 높은 색상이 가독성과 경쟁하지 않도록 글자를 크고 단순하게 유지하세요.

media.io를 사용하여 생성된 일렉트릭 피코크의 이미지 예시

12) 빈티지 아포세커리

HEX: #134e4a #0f766e #a3b18a #f2e8cf #6b4f4f

분위기: 자연적인, 향수를 불러일으키는, 수제

최적 사용: 허브 토닉 병 패키징

세이지와 양피지 톤이 어우러진 어스 틸은 오래된 라벨, 유리병, 말린 식물 같은 느낌을 줍니다. 약국 스타일의 패키징, 소량 생산 식품 브랜드 및 파머스 마켓 간판에 적합합니다. 양피지를 딥 틸과 페어링하여 클래식한 라벨 대비를 만들고, 빈티지 테두리에 차분한 브라운을 사용하세요. 사용 팁: 미묘한 종이 질감을 추가하고 팔레트를 매트하게 유지하여 수제 스토리를 전달하세요.

media.io를 사용하여 생성된 빈티지 아포세커리의 이미지 예시

13) 아틱 피요르드

HEX: #0e7490 #22d3ee #a5f3fc #e0f2fe #0f172a

분위기: 선명한, 얼음 같은, 정확한

최적 사용: 핀테크 랜딩 페이지 UI

아이시 블루와 틸은 빙하수와 날카로운 겨울 햇빛처럼 읽힙니다. 빠르고 깨끗하며 안전한 느낌이 필요한 핀테크 랜딩 페이지와 제품 화면에 적합합니다. 다크 네이비를 CTA용 밝은 시안과 페어링한 다음 섹션과 카드에 가장 연한 색조를 사용하세요. 사용 팁: 아이콘을 단색으로 유지하고 하나의 액센트 컬러가 포커스를 위한 주된 역할을 하도록 하세요.

media.io를 사용하여 생성된 아틱 피요르드의 이미지 예시

14) 블러시 라군

HEX: #0f766e #5eead4 #fbcfe8 #fff7ed #374151

분위기: 부드러운, 로맨틱한, 경쾌한

최적 사용: 웨딩 초대장 세트

물 같은 틸과 어우러진 부드러운 블러시는 씨글라스, 실크 리본, 봄 꽃 같은 느낌을 줍니다. 가벼운 터치의 웨딩 문구, 브라이덜 샤워 초대장 및 우아한 RSVP 카드에 이상적입니다. 차콜 텍스트를 블러시 배경과 페어링하고, 모노그램이나 작은 일러스트에 틸을 절제해서 사용하세요. 사용 팁: 사탕 같은 느낌을 피하려면 하나의 파스텔을 주로 사용하고 다른 것은 액센트로 유지하세요.

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

15) 차콜 리프

HEX: #0f766e #134e4a #334155 #0b1320 #f8fafc

분위기: 세련된, 기술적인, 프리미엄

최적 사용: 연례 보고서 편집 레이아웃

다크 리프 톤은 깨끗하고 현대적인 가장자리를 가진 깊은 물처럼 느껴집니다. 이 조합은 세련된 톤이 필요한 편집 레이아웃, 연례 보고서 및 프레젠테이션 덱에서 빛납니다. 이러한 틸 컬러 조합을 충분한 여백, 얇은 선, 선명한 차트와 함께 사용하여 세련된 마무리를 하세요. 사용 팁: 본문 복사본은 흰색에 유지하고 사이드바와 섹션 오프너에 어두운 색조를 사용하세요.

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

16) 골든 켈프

HEX: #0f766e #14b8a6 #f59e0b #fef3c7 #3f2d20

분위기: 럭셔리한, 해안의, 따뜻한

최적 사용: 레스토랑 인테리어 액센트 플랜

틸에 대비되는 골든 하이라이트는 햇빛 가득한 물속에 떠다니는 켈프처럼 느껴집니다. 신선함을 잃지 않으면서 따뜻함을 원하는 호스피탈리티 인테리어, 바 컨셉 및 다이닝 공간에 적합합니다. 틸 실내 장식을 브라스 피팅 및 크림색 벽과 페어링한 다음 목재 및 가죽 느낌을 위해 딥 브라운을 추가하세요. 사용 팁: 조명에 골드 톤을 반영하여 밤에 팔레트가 빛나도록 하세요.

media.io를 사용하여 생성된 골든 켈프의 이미지 예시

17) 스토미 베이

HEX: #0b525b #144552 #1c2e4a #9be7d8 #f1f5f9

분위기: 폭풍 같은, 집중된, 전문적인

최적 사용: 프레젠테이션 슬라이드 덱 테마

스토미 베이 톤은 바다 위의 비처럼 안정적이고 진지한 느낌을 줍니다. 차분한 권위를 원하는 슬라이드 덱, 클라이언트 프레젠테이션 및 키노트 테마에 강력하게 적합합니다. 딥 네이비를 밝은 배경과 페어링한 다음 콜아웃 및 데이터 하이라이트에 연한 민트를 사용하세요. 사용 팁: 차트를 대부분 단색으로 유지하고 청중을 안내하기 위해 하나의 액센트 색조를 사용하세요.

media.io를 사용하여 생성된 스토미 베이의 이미지 예시

18) 스프링 유칼립투스

HEX: #0f766e #2dd4bf #bbf7d0 #fefce8 #84cc16

분위기: 신선한, 식물성의, 낙관적인

최적 사용: 수채화 식물 일러스트

부드러운 틸과 어우러진 신선한 그린은 햇볕에 말리는 유칼립투스 잎처럼 느껴집니다. 유기적인 톤의 식물 라벨, 부드러운 소셜 그래픽 및 계절 캠페인에 완벽합니다. 버터 옐로우를 라이트 민트 워시와 페어링하고, 줄기와 초점 잎에 가장 강한 그린을 유지하세요. 사용 팁: 팔레트를 가볍고 통기성 있게 유지하기 위해 일러스트 주변에 많은 여백을 추가하세요.

media.io를 사용하여 생성된 스프링 유칼립투스의 이미지 예시

19) 네온 아쿠아리움

HEX: #0f766e #00f5d4 #00bbf9 #9b5de5 #0b1320

분위기: 미래적인, 에너제틱한, 네온

최적 사용: 게이밍 스트림 오버레이 UI

네온 아쿠아와 바이올렛은 한밤중 수족관의 빛나는 산호처럼 느껴집니다. 대비와 개성이 중요한 스트림 오버레이, e스포츠 그래픽 및 대담한 UI 스킨에 적합합니다. 다크 베이스를 패널과 알림용 밝은 액센트와 페어링하고, 라벨이나 타이머 같은 보조 강조에 퍼플을 유지하세요. 사용 팁: 모든 네온 색조를 한 번에 사용하지 마세요. 명확성을 위해 하나의 메인 액센트와 하나의 보조 액센트를 선택하세요.

media.io를 사용하여 생성된 네온 아쿠아리움의 이미지 예시

20) 클래식 틸 앤 탄

HEX: #0f766e #115e59 #d6a15e #f5e6d3 #3a2f2a

분위기: 시대를 초월한, 따뜻한, 편집적인

최적 사용: 패션 룩북 편집 스프레드

탄과 크림이 어우러진 클래식 틸은 맞춤 코트, 가죽 액세서리, 박물관 조명처럼 느껴집니다. 이와 같은 틸 컬러 팔레트는 패션 룩북, 라이프스타일 에디토리얼 및 프리미엄 카탈로그에 적합합니다. 탄 블록을 딥 틸 헤드라인과 페어링하고, 제품 사진이 밝고 사실적으로 느껴지도록 크림을 사용하세요. 사용 팁: 응집력 있고 인쇄 준비가 된 마무리를 위해 페이지 번호와 선 같은 작은 디테일에 브라운 톤을 반복하세요.

media.io를 사용하여 생성된 클래식 틸 앤 탄의 이미지 예시

틸과 잘 어울리는 색상은?

틸은 깨끗하고 현대적인 느낌을 위해 화이트, 아이보리, 라이트 그레이와 같은 선명한 뉴트럴과 쉽게 조화를 이룹니다. 깊이와 가독성을 위해 틸을 차콜, 슬레이트 또는 거의 검은색과 결합하여 텍스트와 헤더에 사용하세요.

따뜻한 대비를 원한다면 코랄, 테라코타, 탄 또는 골든 옐로우를 시도하세요. 이들은 틸과 충돌하지 않으면서 에너지를 가져옵니다. 프리미엄한 느낌을 원한다면 따뜻함 또는 차가움을 원하는지에 따라 브라스/골드 또는 브러시드 니켈 같은 메탈릭과 틸을 혼합하세요.

더 토널한 틸 컬러 스킴의 경우 틸을 네이비 및 블루-그린과 레이어링하세요. 이렇게 하면 팔레트가 세련되게 유지되며 특히 대시보드, 보고서 및 편집 레이아웃에 효과적입니다.

실제 디자인에서 틸 색상 팔레트를 사용하는 방법

역할부터 시작하세요: 구조(헤더, 내비게이션)를 위해 하나의 다크 틸 또는 네이비를 선택하고, 브랜드 아이덴티티를 위해 미드 틸을, 배경과 카드를 위해 연한 색조를 선택하세요. 이렇게 하면 화면이나 페이지 전체에서 계층 구조가 일관되게 유지됩니다.

대비를 염두에 두세요. 틸이 배경이라면 오프화이트 또는 매우 어두운 텍스트를 사용하고, 틸이 액센트라면 사용자가 시스템을 빠르게 학습할 수 있도록 주요 UI 상태(활성, 선택됨, 성공)만 강조하도록 하세요.

인쇄물 및 인테리어의 경우 규칙, 아이콘, 수건, 트림과 같은 작고 의도적인 곳에 틸을 반복한 다음 뉴트럴이 대부분의 공간을 차지하도록 하세요. 단일 따뜻한 액센트(골드, 탄, 코랄)가 초점 역할을 할 수 있습니다.

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

이러한 틸 팔레트 아이디어가 실제 디자인에 적용되는 것을 보고 싶다면 프롬프트에서 몇 초 만에 목업을 생성하세요. 전체 레이아웃에 커밋하기 전에 분위기, 대비 및 액센트 균형을 테스트하는 빠른 방법입니다.

틸 베이스를 일관되게 유지하면서 하나의 액센트(코랄 vs. 골드 vs. 탄)만 교체하여 여러 변형을 만들어 보세요. 어떤 틸 컬러 조합이 브랜드 보이스나 UI 톤에 맞는지 빠르게 찾을 수 있습니다.

Media.io를 사용하면 짧은 설명을 브라우저에서 바로 포스터, UI 화면, 패키징 또는 인테리어 무드 보드를 위한 세련된 비주얼로 전환할 수 있습니다.

다음: 블루 컬러 팔레트