재스퍼 컬러 팔레트 아이디어 (20가지 선택 + Hex)

Jasper는 따뜻한 점토 레드 계열로 브랜드, 인터페이스 또는 인쇄 레이아웃에 즉각적으로 자연스러운 자신감을 더합니다. 히어로 순간에 충분히 대담하지만 순수한 빨강에 비해 자연스럽게 음소거되어 있어 세련되게 유지됩니다.

아래는 균형 잡힌 중성색, 기초가 되는 어두운 앵커, 대비를 위한 몇 가지 강렬한 악센트를 중심으로 디자인된 HEX 코드가 포함된 20가지 jasper 컬러 팔레트 아이디어입니다.

Jasper 팔레트가 잘 작동하는 이유

Jasper는 테라코타와 벽돌 빨강 사이의 최적 지점에 위치하여 과도하게 포화되지 않으면서도 활기차게 느껴집니다. 인간적이고 수작업적이며 소재 중심적으로 보이며, 여전히 따뜻함을 원하는 현대적인 브랜드에 완벽합니다.

Jasper는 내장된 자연스러움을 가지고 있기 때문에 크림색 화이트, 페이퍼 베이지, 차콜 앵커와 자연스럽게 어울립니다. 이를 통해 UI나 타이포그래피의 대비를 높게 유지하면서도 부드럽고 프리미엄한 느낌을 유지하기 쉽습니다.

또한 다양한 산업에 적응합니다: 러스틱 패키징, 에디토리얼 레이아웃, 웰니스 UI, 메뉴, 럭셔리 라벨. 적절한 중성 베이스를 사용하면 jasper는 아늑하고 친근하게 느껴지거나 드라마틱하고 영화적으로 느껴질 수 있습니다.

20+ Jasper 컬러 팔레트 아이디어 (HEX 코드 포함)

1) 캐년 클레이

HEX: #C5523E #E3B29A #8A4B3A #F3E6DA #2F2A2A

분위기: 햇볕에 구운, 안정적인, 장인적인

최적 용도: 커피 패키징 및 러스틱 브랜드 아이덴티티

햇볕에 구운 캐년 벽과 수제 도자기가 떠오르며, 따뜻하지만 결코 시끄럽지 않습니다. 클레이 레드는 크림색 페이퍼 톤과 어두운 차콜 앵커와 균형을 이룰 때 가장 자신감 있게 느껴집니다. 라벨, 스탬프, 간단한 아이콘 마크에 사용하고, 가독성을 위해 밝은 베이지가 주요 역할을 하도록 하세요. 팁: 대비를 유지하기 위해 작은 글자와 바코드에는 가장 어두운 색상을 사용하세요.

media.io를 사용하여 생성된 캐년 클레이 이미지 예시

Media.io

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

지금 무료로 사용해보기

2) 데저트 세이지

HEX: #B94B3D #D9C6B4 #8FA38A #F4F0E8 #3E3A34

분위기: 차분한, 자연스러운, 모던 러스틱

최적 용도: 웰니스 웹사이트 UI 및 랜딩 페이지

건조한 사막 공기, 세이지브러시, 햇볕에 바랜 트레일이 차분하고 회복력 있는 톤을 설정합니다. 음소거된 그린이 따뜻한 레드를 부드럽게 하여 인터페이스가 강렬하지 않고 친근하게 느껴집니다. 오프화이트 배경을 차콜 텍스트와 페어링하고, 레드는 CTA와 주요 상태 표시를 위해 남겨두세요. 팁: 순백색 블록을 피하기 위해 베이지를 카드 표면으로 사용하세요.

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

3) 스모크드 시더

HEX: #A84537 #5B3A32 #D1A189 #2B1F1D #C9C2BC

분위기: 무디한, 우디한, 프리미엄

최적 용도: 남성 그루밍 제품 광고

스모크드 시더, 가죽, 어두운 이발소의 빛이 이 믹스에 자신감 있는 엣지를 제공합니다. 깊은 브라운과 거의 검은색은 더스티 탄 하이라이트와 대조적으로 즉각적인 프리미엄 대비를 만듭니다. 레드는 씰, 제목 또는 단일 히어로 스트라이프에 제어된 악센트로 사용하고 넓은 영역을 채우지 마세요. 팁: 텍스트를 흐리게 하지 않고 우디한 느낌을 향상시키기 위해 미드 브라운에 미묘한 그레인 텍스처를 추가하세요.

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

4) 로즈우드 리넨

HEX: #C05A4A #EBD8C8 #9B6B63 #F7F3EE #5A4A48

분위기: 부드러운, 로맨틱한, 세련된

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

선명한 리넨 위의 로즈우드 따뜻함은 텍스처가 있는 종이에 눌린 편지처럼 친밀하고 시대를 초월합니다. 이러한 톤은 부드러운 아이보리와 더스티 모브-브라운에 기대어 우아함을 유지하는 jasper 컬러 팔레트를 만듭니다. 현대적인 느낌을 위해 심플한 세리프 타이포그래피와 충분한 네거티브 스페이스와 페어링하세요. 팁: 포일링은 이름에 어두운 토프를 사용하고 작은 모티프에 따뜻한 레드를 사용할 때 가장 효과적입니다.

media.io를 사용하여 생성된 로즈우드 리넨 이미지 예시

5) 테라코타 나이트폴

HEX: #B5483A #7A2E2A #E2B59E #1F1C1D #A6A2A7

분위기: 드라마틱한, 도시적인, 영화적인

최적 용도: 음악 이벤트 포스터

밤거리, 네온 반사, 벽돌 열기가 영화적인 긴장감을 만듭니다. 거의 검은색 배경은 테라코타와 블러시 톤을 화려하지 않게 돋보이게 합니다. 그레이를 조용한 그리드 색상으로 사용하고 깊은 마룬을 날짜와 장소 세부 정보에 사용하세요. 팁: 따뜻한 레드로 오버사이즈 제목을 설정한 다음 가독성을 위해 보조 카피를 연한 블러시로 드롭하세요.

media.io를 사용하여 생성된 테라코타 나이트폴 이미지 예시

6) 코퍼 보태니컬

HEX: #C65B3F #E7C3A9 #5E7A60 #F2EFE7 #2F3B33

분위기: 자연적인, 신선한, 부티크

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

코퍼 클레이와 잎이 무성한 그린은 비 온 후 온실 방문처럼 느껴지며, 안정적이지만 생동감이 있습니다. 그린은 따뜻한 레드에 깨끗하고 식물성 대조점을 제공하여 튜브와 상자에 아름답게 작동합니다. 오프화이트 베이스를 최소한의 라인 아트와 페어링하고 어두운 그린이 성분 목록을 처리하도록 하세요. 팁: 작은 패키징 패널을 압도하지 않도록 브랜드 마크와 씰에 코퍼 톤을 사용하세요.

media.io를 사용하여 생성된 코퍼 보태니컬 이미지 예시

7) 러스틱 미니멀

HEX: #B0503F #F1E7DD #8E857F #3B3332 #D7C4B6

분위기: 미니멀한, 따뜻한, 에디토리얼

최적 용도: 포트폴리오 웹사이트 UI

따뜻한 회반죽 벽과 조용한 스튜디오 책상이 이 팔레트에 절제된 자신감을 부여합니다. 부드러운 오프화이트와 따뜻한 그레이는 숨쉴 공간을 만들고 클레이 레드는 미묘한 서명처럼 작용합니다. 네비게이션과 본문 텍스트에 차콜을 사용하고 호버 상태와 선택된 필터를 위해 레드를 남겨두세요. 팁: 구성 요소가 무거운 라인 없이 응집력 있게 느껴지도록 연한 베이지로 테두리를 유지하세요.

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

8) 어텀 마켓

HEX: #C2553C #F2C16B #9C7A3C #F7EFE3 #4B3A2D

분위기: 쾌활한, 아늑한, 계절적

최적 용도: 파머스 마켓 전단지

황금빛 수확의 빛과 따뜻한 향신료가 전체 믹스를 초대하고 수제처럼 느껴지게 합니다. 이러한 jasper 컬러 조합은 밝은 노란색 지원 배지와 하이라이트가 있는 대담한 헤더에서 빛납니다. 청키 산세리프 타입과 간단한 농산물 일러스트레이션과 페어링하여 친근하고 지역적인 분위기를 연출하세요. 팁: 노란색이 가독성 문제가 아닌 즐거운 악센트로 유지되도록 본문 텍스트를 다크 코코아로 유지하세요.

media.io를 사용하여 생성된 어텀 마켓 이미지 예시

9) 어스 앤 잉크

HEX: #B84F3E #2B2E3A #D8C7B8 #6B6F7B #F5F1EC

분위기: 전문적인, 균형 잡힌, 약간 쿨한

최적 용도: 비즈니스 프레젠테이션 슬라이드

자연적인 따뜻함이 잉크 네이비와 만나 스마트하고 회의실에 적합한 느낌을 줍니다. 쿨한 다크 톤이 레드를 안정시켜 차트와 콜아웃이 시끄럽지 않고 자신감 있게 보이게 합니다. 슬라이드 배경에 오프화이트를 사용하고 주요 메트릭, 아이콘, 섹션 디바이더에 레드를 사용하세요. 팁: 계층 구조가 명확하게 유지되도록 보조 라벨에 미드 그레이-블루를 적용하세요.

media.io를 사용하여 생성된 지구와 잉크의 이미지 예시

10) 따뜻한 스톤 스튜디오

HEX: #C35A47 #C9B8A6 #7D6F64 #F7F4EF #3A3431

분위기: 중립적, 건축적, 차분함

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

따뜻한 돌, 점토 회반죽, 그리고 조용한 그림자가 세련되고 건축적인 분위기를 만듭니다. 이 팔레트는 성숙하고 현대적으로 보이며, 특히 레드를 배경색이 아닌 소재 액센트로 사용할 때 더욱 그렇습니다. 모든 것을 촉각적으로 유지하기 위해 린넨, 오크, 무광 세라믹과 같은 자연스러운 질감과 함께 사용하세요. 팁: 보드가 무겁게 느껴지는 것을 방지하기 위해 가장 어두운 톤을 캡션과 견본에 아껴서 사용하세요.

media.io를 사용하여 생성된 따뜻한 스톤 스튜디오의 이미지 예시

11) 햇볕에 그을린 시트러스

HEX: #C44F3A #F4A24C #F7E1B1 #5A6B4E #2E2A25

분위기: 활기찬, 화창한, 아웃도어

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

햇볕에 그을린 트레일과 시트러스 제스트가 이 세트에 밝고 활동적인 펀치를 줍니다. 오렌지와 버터 같은 노란색이 따뜻한 레드를 더욱 활기차고 갈증 해소에 도움이 되는 방향으로 끌어올립니다. 그린을 재료 콜아웃과 함께 사용하고 가장 어두운 톤은 굵은 영양 정보 텍스트에 사용하세요. 팁: 광고를 선명하고 읽기 쉽게 유지하기 위해 패널당 하나의 지배적인 색조로 큰 색상 블록을 사용하세요.

media.io를 사용하여 생성된 햇볕에 그을린 시트러스의 이미지 예시

12) 클레이 앤 크림

HEX: #B94A3C #F6EFE7 #E1C8B6 #8B6B5F #3C2F2B

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

최적 용도: 음식 블로그 브랜딩

갓 구운 빵, 세라믹 그릇, 따뜻한 주방 조명이 즉시 환영받는 분위기를 만듭니다. 크리미한 화이트가 클레이 레드를 부드럽게 느끼게 하고, 코코아 브라운은 헤드라인에 신뢰할 수 있는 대비를 제공합니다. 홈스타일 룩을 위해 손으로 그린 아이콘과 따뜻한 사진과 함께 사용하세요. 팁: 레시피 뒤에 미드 베이지를 배경으로 사용하면 텍스트를 편안하게 읽을 수 있습니다.

media.io를 사용하여 생성된 클레이 앤 크림의 이미지 예시

13) 빈티지 원장

HEX: #AF4B3A #D7C9BB #B0A59A #5E5A55 #F3EEE7

분위기: 빈티지, 학문적, 신뢰할 수 있는

최적 용도: 책 표지 디자인

오래된 종이, 스탬프 잉크, 도서관의 고요함이 사려 깊고 학구적인 특성을 가져옵니다. 따뜻한 레드는 세월이 느껴지는 중성 색조와 부드러운 회색에 대비되는 클래식한 책등 액센트처럼 보입니다. 시대를 초월한 느낌을 유지하기 위해 세리프 타이포그래피와 간단한 라인 일러스트레이션과 함께 사용하세요. 팁: 따뜻한 배경에서 선명한 대비를 유지하기 위해 제목과 저자에 가장 어두운 회색을 사용하세요.

media.io를 사용하여 생성된 빈티지 원장의 이미지 예시

14) 재스퍼 앤 틸 팝

HEX: #C44E3E #1F6F78 #A8D5D1 #F3E8DD #2C2C2C

분위기: 신선한, 자신감 있는, 고대비

최적 용도: SaaS 마케팅 히어로 섹션

따뜻한 클레이 레드에 대비되는 선명한 틸 스플래시는 현대 건축이 해안의 공기를 만나는 것처럼 느껴집니다. 이러한 재스퍼 색상 조합은 틸이 링크와 마이크로 인터랙션을 처리하고 레드가 주요 버튼을 고정할 때 잘 작동합니다. 전환에 초점을 맞춘 깔끔한 레이아웃을 위해 밝은 크림 배경과 강한 다크 텍스트와 함께 사용하세요. 팁: CTA와 경쟁하지 않도록 페일 아쿠아를 미묘한 그라디언트나 배지에 사용하세요.

media.io를 사용하여 생성된 재스퍼 앤 틸 팝의 이미지 예시

15) 모카 베리

HEX: #B34A3E #6B3B3A #C78D86 #EAD9D1 #2A2324

분위기: 풍부한, 아늑한, 로맨틱한

최적 용도: 발렌타인 소셜 미디어 게시물

모카와 베리 노트가 팔레트를 황혼의 따뜻한 디저트 테이블처럼 느껴지게 만듭니다. 더스티 핑크는 더 깊은 톤이 너무 무거워지는 것을 방지하며, 이는 타입 오버레이에 훌륭합니다. 현대적이고 달콤하지 않게 유지하기 위해 미니멀한 하트 모티프와 넉넉한 간격과 함께 사용하세요. 팁: 페일 블러시 배경에 선명한 텍스트를 위해 니어 블랙을 아껴서 사용하세요.

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

16) 마운틴 트레일

HEX: #BE5642 #7E8C6A #C9B49E #2F3A30 #F4F0EA

분위기: 아웃도어, 견고한, 유기적

최적 용도: 아웃도어 의류 행 택

레드 클레이 길과 소나무 그림자가 이 믹스에 거칠고 트레일에 적합한 정신을 부여합니다. 그린은 스포티하기보다는 자연스러워서 브랜딩을 진정성 있고 근거 있게 유지합니다. 베이지와 오프화이트를 크라프트 텍스처와 함께 사용하고, 작은 인쇄와 사이징에 딥 그린을 사용하세요. 팁: 시각적 혼란을 피하기 위해 따뜻한 레드를 로고 마크와 하나의 하이라이트 스트라이프에만 사용하세요.

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

17) 갤러리 뉴트럴

HEX: #B85544 #E9E2DB #BEB3A7 #6C6762 #2E2A28

분위기: 조용한, 큐레이션된, 현대적

최적 용도: 아트 갤러리 전시 브로셔

따뜻한 스포트라이트가 있는 차분한 갤러리 벽이 무드입니다: 미묘하고, 큐레이션되고, 조용히 자신감 있습니다. 재스퍼 색상 팔레트로서, 레드가 레이어드 뉴트럴에 대비되는 작은 큐레이션 액센트일 때 가장 잘 작동합니다. 작품에 초점을 유지하기 위해 깔끔한 그리드, 많은 여백, 간단한 사진과 함께 사용하세요. 팁: 선명한 계층 구조를 유지하기 위해 캡션에 미드 뉴트럴을, 헤드라인에 니어 블랙을 사용하세요.

media.io를 사용하여 생성된 갤러리 뉴트럴의 이미지 예시

18) 브릭 앤 브라스

HEX: #B84D3C #C7A24D #F1E2C8 #4C3E33 #1E1B1A

분위기: 전통, 따뜻한, 고급스러운

최적 용도: 레스토랑 메뉴 디자인

브라스 글로우가 있는 브릭의 따뜻함은 훌륭한 조명이 있는 아늑한 동네 비스트로처럼 클래식하게 느껴집니다. 골드 톤은 화려하지 않으면서 프리미엄 엣지를 더하며, 특히 크림 종이에서 그렇습니다. 메뉴를 읽기 쉽게 유지하기 위해 다크 브라운 타이포그래피와 간단한 구분선과 함께 사용하세요. 팁: 섹션 헤더와 작은 아이콘에 브라스 색상을 사용하고, 전체 배경에는 사용하지 마세요.

media.io를 사용하여 생성된 브릭 앤 브라스의 이미지 예시

19) 와인 컨트리

HEX: #A9433A #6A2C3A #D6A29C #F1E7E6 #2C2326

분위기: 고급스러운, 친밀한, 세련된

최적 용도: 와인 라벨과 보틀 넥 택

깊은 셀러 톤과 부드러운 블러시 푸어가 세련되고 친밀한 분위기를 만듭니다. 버건디가 팔레트를 기반으로 하고, 페일 핑크는 프리미엄 라벨에 충분히 현대적이고 가볍게 유지합니다. 현대적인 와이너리 느낌을 위해 고대비 세리프 타입과 미니멀한 장식과 함께 사용하세요. 팁: 라벨을 촉각적이고 따뜻하게 유지하기 위해 코팅되지 않은 용지에 블러시를 인쇄하세요.

media.io를 사용하여 생성된 와인 컨트리의 이미지 예시

20) 파스텔 콘트라스트

HEX: #C25544 #D8C7E8 #F2E6DE #6A5B62 #2C2A2D

분위기: 부드러운, 모던한, 재미있는 대비

최적 용도: 뷰티 제품 런칭 포스터

따뜻한 클레이 레드에 대비되는 부드러운 파스텔 바이올렇은 현대 부티크 디스플레이처럼 현대적이고 약간 예상치 못한 느낌입니다. 페일 크림은 대비를 부드럽게 유지하고, 모브 그레이는 따뜻한 쪽과 차가운 쪽을 함께 묶습니다. 색상이 스토리텔링을 할 수 있도록 미니멀리스트 타이포그래피와 넉넉한 간격과 함께 사용하세요. 팁: 보조 도형에 바이올렛을 사용하고 시선을 유도하기 위해 제품명에 따뜻한 레드를 사용하세요.

media.io를 사용하여 생성된 파스텔 콘트라스트의 이미지 예시

Jasper와 잘 어울리는 색상은?

재스퍼는 따뜻한 중성 색조—크림, 아이보리, 샌드, 양피지—와 가장 잘 어울립니다. 왜냐하면 그것들이 레드를 근거 있고 읽기 쉽게 유지하기 때문입니다. 타이포그래피와 구조를 위해 차콜과 니어 블랙은 가혹하게 느껴지지 않으면서 선명한 대비를 만듭니다.

팔레트를 확장하려면, 유기적인 균형을 위해 뮤티드 그린(세이지, 올리브, 포레스트)을 시도하거나, 더 전문적이고 프레젠테이션에 적합한 톤을 위해 딥 블루(잉크 네이비)를 시도하세요. 현대적이고 예상치 못한 것을 원한다면, 소프트 파스텔 바이올렛이 신선한 쿨-웜 긴장감을 더할 수 있습니다.

인쇄에서 메탈릭 같은 액센트를 위해, 브라스/골드 톤은 재스퍼의 클레이 따뜻함과 아름답게 작동합니다. 아이콘, 규칙 또는 헤드라인에 아껴서 사용하여 시끄럽지 않고 프리미엄하게 느껴지도록 하세요.

실제 디자인에서 Jasper 컬러 팔레트를 사용하는 방법

브랜딩에서 재스퍼를 시그니처 액센트로 취급하세요: 로고 마크, 씰, 버튼 또는 헤드라인 스트라이프. 레이아웃이 차분하고 넓게 유지되도록 오프화이트 또는 베이지가 대부분의 배경 표면을 차지하도록 하세요.

UI에서 재스퍼를 주요 CTA와 주요 상태(활성, 선택, 하이라이트)에 예약하세요. 접근성을 위해 차콜 텍스트와 함께 사용하고, 경계선과 구분선에 따뜻한 회색을 사용하여 극명한 대비를 피하세요.

인쇄에서 재스퍼는 특히 코팅되지 않은 종이와 무광 마감에서 좋아 보입니다. 본문 카피를 딥 브라운 또는 니어 블랙으로 유지하고, 텍스트 블록 뒤의 패널로 미드톤(베이지, 더스티 탠)을 사용하세요.

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

이미 HEX 코드가 있다면, 몇 분 안에 제품 목업, 포스터 콘셉트, UI 히어로 섹션으로 변환할 수 있습니다. 가장 빠른 접근 방식은 디자인 유형, 조명 및 재료를 설명한 다음 지배적인 재스퍼 쉐이드와 하나 또는 두 개의 보조 뉴트럴을 지정하는 것입니다.

일관된 결과를 얻으려면 프롬프트를 명확하게 유지하세요: 배경색, 재스퍼 액센트가 나타나는 위치(CTA, 헤드라인, 라벨 씰), 가독성을 위해 텍스트를 처리하는 색상을 정의하세요. 다른 무드를 탐색하기 위해 변형에서 동일한 프롬프트 형식을 재사용하세요.

준비가 되면 여러 레이아웃을 생성하고 타이포그래피나 이미지를 다듬기 전에 가장 강한 방향을 선택하세요.

다음: 파스텔 바이올렛 컬러 팔레트