최고의 스트리트 아트 색상 팔레트 20가지: 16진수 코드 및 팁

스트리트 아트 컬러 팔레트는 임팩트를 위해 만들어집니다: 대담한 대비, 네온 포인트, 그리고 여전히 의도적으로 느껴지는 거친 중성 톤. 현대적이고 활기차며 "길 건너에서도 보이는" 디자인을 원할 때 이상적입니다.

아래는 HEX 코드가 포함된 20가지 엄선된 스트리트 아트 색상 조합과 포스터, 브랜딩, 벽화 및 소셜 그래픽을 위한 실용적인 팁입니다.

스트리트 아트 팔레트가 효과적인 이유

스트리트 아트 팔레트는 빠른 가독성을 위해 디자인되었습니다. 높은 대비(어두운 베이스 + 밝은 액센트)는 타이포그래피, 아이콘 및 도형을 즉시 돋보이게 만듭니다—포스터, 썸네일 및 야외 스타일 레이아웃에 완벽합니다.

또한 실제 재료를 모방하기 때문에 진정성 있게 느껴집니다: 아스팔트 블랙, 콘크리트 그레이, 햇볕에 바랜 파스텔, 그리고 포화된 페인트 포인트. "원시적"과 "그래픽"의 조합은 작품에 편집적이고 도시적인 느낌을 줍니다.

대부분의 스트리트 아트 색상 구성은 간단한 위계에 의존합니다: 하나의 주요 베이스, 하나의 히어로 컬러, 그리고 한두 개의 작은 "태그" 액센트. 이는 큰 색상이 시각적 소음으로 변하는 것을 방지합니다.

20가지 이상의 스트리트 아트 컬러 팔레트 아이디어 (HEX 코드 포함)

1) 골목 네온

HEX: #1B1B1E #FF2D95 #00F5D4 #FFE66D #F4F4F6

분위기: 전기적, 반항적, 고대비

최적 용도: 콘서트 포스터 디자인

전기적이고 반항적인 이 조합은 가로등 아래 빛나는 신선한 태그처럼 느껴집니다. 거의 검정색에 가까운 색을 베이스로 사용한 다음, 마젠타와 청록색을 경쟁하는 초점 액센트로 밀어냅니다. 노란색은 날짜, 버튼 또는 스티커 같은 도형의 하이라이트로 가장 잘 작동합니다. 팁: 배경을 깨끗하게 유지하고 시각적 소음을 피하기 위해 하나의 네온이 주도하도록 하세요.

media.io를 사용하여 생성된 골목 네온의 이미지 예시

Media.io

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

지금 무료로 사용해보기

2) 스프레이 캔 석양

HEX: #2B1B3A #FF6B35 #F7D154 #EF476F #F2F3F4

분위기: 따뜻한, 활기찬, 친근한

최적 용도: 여름 이벤트 전단지

따뜻하고 경쾌한 이 톤은 페인트칠된 벽돌 위로 떠다니는 석양 그라디언트를 연상시킵니다. 헤드라인과 히어로 도형에 오렌지와 핑크를 사용하고, 보라색은 레이아웃을 안정적으로 유지합니다. 부드러운 연한 회색은 무균 상태로 변하지 않으면서 모든 것이 숨 쉬도록 도와줍니다. 팁: 아이콘과 행동 유도 문안에 노란색을 작은 포인트로 적용하세요.

media.io를 사용하여 생성된 스프레이 캔 석양의 이미지 예시

3) 메트로 팝

HEX: #0B1320 #20A4F3 #F7B801 #F18701 #EAEAEA

분위기: 강렬한, 현대적, 도시적

최적 용도: 브랜드 소셜 캐러셀

강렬하고 현대적이며, 대중교통 표지판, 광고 패널 및 빠르게 움직이는 도시의 빛을 떠올리게 합니다. 이 스트리트 아트 색상 조합 아이디어는 파란색이 레이아웃을 주도하고 노란색-오렌지 쌍이 강렬한 균형추가 될 때 빛을 발합니다. 밝은 색조가 압도하지 않도록 타입과 프레이밍에 네이비를 유지하세요. 팁: 간단한 그리드를 만들고 하나의 액센트 도형을 반복하여 슬라이드 전체에 걸쳐 모멘텀을 만드세요.

media.io를 사용하여 생성된 메트로 팝의 이미지 예시

4) 콘크리트 블룸

HEX: #3D3D3F #CDB4DB #FFC8DD #BDE0FE #A7C957

분위기: 부드러운, 장난기 있는, 예술적

최적 용도: 부티크 패키징 라벨

부드럽고 장난기 있는 이것은 회색 콘크리트 위에 겹쳐진 파스텔 페이스트업처럼 느껴집니다. 친근한 브랜드 순간을 위해 라벤더와 블러시를 조합한 다음, 공기 같은 네거티브 스페이스에 스카이 블루를 사용하세요. 녹색은 작은 식물 액센트나 씰 마크로 가장 잘 읽힙니다. 팁: 파스텔 톤이 분필처럼 촉감이 있도록 코팅되지 않은 용지에 인쇄하세요.

media.io를 사용하여 생성된 콘크리트 블룸의 이미지 예시

5) 비닐 태그

HEX: #111827 #7C3AED #22C55E #F97316 #F9FAFB

분위기: 대담한, 레트로, 자신감 있는

최적 용도: 앨범 커버 아트워크

대담하고 레트로하며, 레코드 슬리브에 마커 잉크와 심야 스티커 런을 연상시킵니다. 바이올렛을 히어로 톤으로 하고 강렬한 타이포그래피나 하나의 상징적인 심볼에 오렌지를 사용하세요. 녹색은 트랙리스트 구분선이나 작은 라벨의 보조 액센트로 가장 잘 작동합니다. 팁: 색상이 디지털이 아닌 인쇄된 것처럼 느껴지도록 미묘한 그레인 오버레이를 추가하세요.

media.io를 사용하여 생성된 비닐 태그의 이미지 예시

6) 밤의 벽 럼블

HEX: #0A0A0B #E11D48 #F59E0B #10B981 #E5E7EB

분위기: 강렬한, 거친, 극적인

최적 용도: 스포츠 프로모 포스터

강렬하고 거친, 거친 투광 조명에 비친 한밤중 벽처럼 읽힙니다. 이 스트리트 아트 컬러 팔레트는 검정색이 지배하고 빨강-호박색 듀오가 큰 감정적 타격이 될 때 가장 잘 작동합니다. 통계, 배지 또는 작은 하이라이트의 대비 신호로 녹색을 아껴서 사용하세요. 팁: 거친 에너지를 보존하기 위해 그림자를 깊게 하고 가장자리를 선명하게 유지하세요.

media.io를 사용하여 생성된 밤의 벽 럼블의 이미지 예시

7) 녹슨 롤러

HEX: #2F2E2B #8C4A2F #C97C5D #E7C8A0 #4C6A5A

분위기: 자연스러운, 풍화된, 진정한

최적 용도: 커피숍 브랜딩

자연스럽고 풍화된, 이 색조는 녹 얼룩, 오래된 종이, 낡은 페인트 롤러처럼 느껴집니다. 로고와 메뉴에 어두운 올리브-그레이를 사용한 다음, 따뜻함을 위해 테라코타와 클레이를 레이어로 쌓으세요. 샌드 톤은 팔레트를 친근하게 유지하는 매력적인 배경을 만듭니다. 팁: 수제 도시적 느낌을 강화하기 위해 압축된 산세리프와 페어링하세요.

media.io를 사용하여 생성된 녹슨 롤러의 이미지 예시

8) 분필 아웃라인

HEX: #0F172A #475569 #CBD5E1 #F8FAFC #A3E635

분위기: 깨끗한, 그래픽적, 거리의 지혜

최적 용도: 대시보드 UI 목업

깨끗하고 거리의 지혜가 있으며, 슬레이트에 대한 분필 선, 테이프로 붙인 가장자리 및 선명한 윤곽을 제안합니다. 내비게이션과 헤더에 네이비를 사용한 다음, 위계와 간격을 위해 그레이를 단계적으로 거치세요. 라임은 토글, 차트 및 성공 상태에 대한 유일한 밝은 상호작용 색상으로 가장 잘 작동합니다. 팁: UI가 집중되도록 액센트 사용을 10% 미만으로 유지하세요.

media.io를 사용하여 생성된 분필 아웃라인의 이미지 예시

9) 갤러리 컷

HEX: #121212 #FF3D00 #FFD600 #2962FF #FAFAFA

분위기: 대담한, 큐레이션된, 편집적

최적 용도: 전시 포스터

대담하면서도 큐레이션된, 큰 컷아웃 스티커로 중단된 깨끗한 갤러리 벽처럼 느껴집니다. 스트리트 아트 색상 구성으로서, 거의 검정색으로 타입을 고정하고 오렌지나 파란색이 주요 시각적 블록을 담당하도록 할 때 작동합니다. 노란색은 방향 신호, 밑줄 또는 작은 배지로 가장 강력합니다. 팁: 밝은 색상이 혼란스럽지 않고 의도적으로 읽히도록 넉넉한 여백을 사용하세요.

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

10) 아스팔트 민트

HEX: #1F2937 #5EEAD4 #34D399 #FDE68A #F3F4F6

분위기: 신선한, 현대적인, 균형잡힌

최적 용도: 스타트업 랜딩 페이지 히어로

신선하고 현대적이며, 민트 톤은 어두운 아스팔트 베이스를 가르는 새 페인트처럼 느껴집니다. 제목과 구조에는 차콜을 사용한 다음 친근한 제품 신호를 위해 민트와 그린을 레이어링하세요. 부드러운 노란색은 페이지를 너무 시끄럽게 만들지 않으면서 하이라이트에 따뜻함을 더합니다. 팁: 팔레트가 선명하고 기술 지향적으로 유지되도록 그라디언트를 미묘하게 유지하세요.

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

11) 포스터 페이스트

HEX: #2B2D42 #EF233C #F9C74F #4361EE #EDF2F4

분위기: 그래픽적인, 레이어드, 활기찬

최적 용도: 커뮤니티 워크숍 포스터

그래픽적이고 레이어드되어, 이 색상들은 빠르고 지저분한 리듬으로 쌓인 찢어진 포스터를 연상시킵니다. 깊은 인디고로 메인 타입과 테두리를 처리한 다음 블록과 아이콘에 빨강과 파랑을 교대로 사용하세요. 노란색은 시간, 장소 또는 단일 스티커 요소와 같은 주요 세부 사항을 위해 남겨두는 것이 가장 좋습니다. 팁: 페이스트업 분위기를 증폭시키기 위해 한 형태에 미묘한 종이 찢김 가장자리를 추가하세요.

media.io를 사용하여 생성된 포스터 페이스트 이미지 예시

12) 루프탑 헤이즈

HEX: #2A2D34 #7F8C8D #B8C0FF #FFD6A5 #F8F7FF

분위기: 몽환적인, 차분한, 분위기 있는

최적 용도: 라이프스타일 블로그 헤더

몽환적이고 차분하며, 옥상과 페인트칠된 스카이라인 위로 떠다니는 이른 아침 안개처럼 느껴집니다. 부드러운 바이올렛을 부드러운 포커스 색상으로 사용하고, 피치로 따뜻함과 인간적인 감촉을 더하세요. 차콜과 그레이는 복사본을 읽기 쉽게 유지하면서도 절제된 느낌을 줍니다. 팁: 부드러운 그라디언트와 충분한 여백과 짝을 이루어 통풍이 잘 되는 에디토리얼 느낌을 주세요.

media.io를 사용하여 생성된 루프탑 헤이즈 이미지 예시

13) 스텐실 시트러스

HEX: #0B0F1A #FFB703 #FB8500 #8ECAE6 #219EBC

분위기: 화창한, 강렬한, 그래픽적인

최적 용도: 티셔츠 그래픽 프린트

화창하고 강렬하며, 어두운 벽에 선명한 스텐실 가장자리와 밝은 시트러스 페인트를 연상시킵니다. 깊은 잉크 톤을 셔츠 베이스로 사용한 다음 두 가지 오렌지를 겹쳐 최대 임팩트를 주세요. 블루 쌍은 팔레트를 식히고 훌륭한 보조 형태나 작은 타입을 만듭니다. 팁: 프린트를 대담하고 저렴하게 유지하기 위해 디자인을 두 가지 주요 잉크로 제한하세요.

media.io를 사용하여 생성된 스텐실 시트러스 이미지 예시

14) 터널 글로우

HEX: #0D0D12 #00D1FF #7CFF6B #FF4D6D #F1F5F9

분위기: 네온, 역동적인, 나이트라이프

최적 용도: DJ 나이트 프로모 스토리

네온이고 역동적이며, 터널에서 빛을 받는 형광 페인트처럼 느껴집니다. 이 스트리트 아트 컬러 팔레트는 시안과 핑크가 히어로로 교대할 때 가장 강력하며, 블랙이 가장자리와 타입을 잡아줍니다. 그린은 아이콘이나 라인워크를 위한 작은 전기 스파이크로만 사용하세요. 팁: 글로우가 모바일에서 즉시 읽히도록 배경을 어둡게 유지하세요.

media.io를 사용하여 생성된 터널 글로우 이미지 예시

15) 레이니 언더패스

HEX: #0B1D2A #274C77 #A3CEF1 #E7ECEF #8B8C89

분위기: 무디한, 쿨한, 영화적인

최적 용도: 포토 에세이 에디토리얼 레이아웃

무디하고 영화적이며, 고가도로 아래 젖은 포장도로, 안개, 강철 빔을 암시합니다. 헤더와 구분선에는 네이비와 딥 블루를 사용한 다음 페일 블루로 풀 쿼트나 캡션을 담으세요. 부드러운 그레이-화이트는 레이아웃을 임상적으로 만들지 않으면서 읽기 쉽게 유지합니다. 팁: 응집력 있는 다큐멘터리 분위기를 위해 흑백 사진과 짝을 이루세요.

media.io를 사용하여 생성된 레이니 언더패스 이미지 예시

16) 잉크 앤 크롬

HEX: #0A0A0A #6B7280 #D1D5DB #F43F5E #3B82F6

분위기: 세련된, 터프한, 현대적인

최적 용도: 스니커즈 제품 광고

세련되고 터프하며, 광택 있는 잉크, 금속 캡, 반사되는 도시 표면처럼 느껴집니다. 블랙과 크롬 그레이를 무대로 사용한 다음 핫 핑크나 블루 중 하나를 히어로 강조색으로 선택하세요. 두 강조색을 모두 작게 유지하면 광고가 장난스럽지 않고 프리미엄하게 느껴집니다. 팁: 금속성 무드를 향상시키기 위해 딱딱한 가장자리의 그림자를 사용하세요.

media.io를 사용하여 생성된 잉크 앤 크롬 이미지 예시

17) 버블 레터 캔디

HEX: #2D1B69 #FF70A6 #FFD670 #70D6FF #B8F2E6

분위기: 장난스러운, 달콤한, 향수를 불러일으키는

최적 용도: 어린이 워크숍 포스터

장난스럽고 달콤하며, 버블 레터, 사탕 포장지, 밝은 스티커 팩을 떠올리게 합니다. 핑크와 블루가 큰 형태에서 읽기 쉽게 유지되도록 퍼플을 앵커로 사용하세요. 노란색은 헤드라인 하이라이트에 훌륭하게 작동하며, 민트는 시끄러운 색상 간의 전환을 부드럽게 합니다. 팁: 탄력 있는 느낌에 맞게 모서리를 둥글게 하고 두꺼운 외곽선을 사용하세요.

media.io를 사용하여 생성된 버블 레터 캔디 이미지 예시

18) 라임스톤 페이드

HEX: #1C1C1E #6D6875 #B5838D #E5989B #FFE8D6

분위기: 뮤트된, 로맨틱한, 빈티지

최적 용도: 카페 메뉴 디자인

뮤트되고 로맨틱하며, 햇빛에 바랜 페인트와 먼지 낀 석회암 벽처럼 느껴집니다. 메뉴 구조에는 거의 검은색을 사용한 다음 섹션 헤더와 작은 일러스트레이션에 모브와 로즈를 넣으세요. 따뜻한 크림 배경은 아늑하고 접근하기 쉽게 유지합니다. 팁: 블러시 톤이 부드럽게 유지되도록 약간 따뜻한 종이로 인쇄하세요.

media.io를 사용하여 생성된 라임스톤 페이드 이미지 예시

19) 일렉트릭 카모

HEX: #0F172A #16A34A #A3E635 #FACC15 #FB7185

분위기: 스포티한, 시끄러운, 엣지있는

최적 용도: 스트리트웨어 드롭 배너

스포티하고 시끄러우며, 네온 페인트 스플래시로 재작업된 위장 패턴을 암시합니다. 레이아웃을 함께 유지하기 위해 네이비를 사용한 다음 두 가지 그린이 메인 그래픽 패턴을 담당하게 하세요. 노란색과 핑크는 배지, 가격 또는 드롭 날짜를 위한 빠른 히트여야 합니다. 팁: 바쁜 카모 형태 위에서 가독성을 위해 타입을 대부분 흰색이나 네이비로 유지하세요.

media.io를 사용하여 생성된 일렉트릭 카모 이미지 예시

20) 위켄드 뮤럴

HEX: #111827 #FF0054 #00BBF9 #FEE440 #F8F9FA

분위기: 밝은, 경쾌한, 창의적인

최적 용도: 크리에이터 하이라이트 릴 커버

밝고 경쾌하며, 신선한 롤러와 시끄러운 페인트 캡으로 주말 벽 세션처럼 느껴집니다. 핑크와 시안은 메인 타이틀을 위한 강력한 듀오를 만들고, 노란색은 강렬한 밑줄이나 코너 탭으로 작동합니다. 타입 대비와 구조를 위해 깊은 차콜을 유지하세요. 팁: 썸네일 크기에서 즉시 읽히도록 큰 형태와 최소한의 텍스트를 고수하세요.

media.io를 사용하여 생성된 위켄드 뮤럴 이미지 예시

스트리트 아트와 잘 어울리는 색상은?

스트리트 아트 비주얼은 마젠타, 시안, 오렌지 또는 일렉트릭 그린과 같은 1-2개의 채도 높은 "페인트" 색상과 함께 강력한 어두운 앵커(거의 검은색, 차콜, 딥 네이비)와 가장 잘 어울립니다. 이 조합은 레이아웃을 읽기 쉽게 유지하면서도 여전히 시끄럽고 표현력 있게 느껴지게 합니다.

뮤트된 뉴트럴—콘크리트 그레이, 따뜻한 크림, 샌드, 더스티 모브—도 실제 벽과 종이를 모방하기 때문에 훌륭한 동반자입니다. 그들은 네온 강조를 진정시키고 네거티브 스페이스가 의도적으로 보이도록 돕습니다.

응집력 있는 스트리트 아트 컬러 스킴을 위해, 하나의 "히어로" 강조색을 선택하고 일관되게 반복하세요(헤드라인, 배지, 주요 형태). 디자인이 지저분하지 않고 강렬하게 유지되도록 추가 밝은 색상은 작은 하이라이트로만 사용하세요.

실제 디자인에서 스트리트 아트 컬러 팔레트 사용하는 방법

계층 구조로 시작하세요: 베이스 배경 색상(종종 어두운), 메인 포커스 영역을 위한 히어로 색상, 날짜, 가격 또는 버튼과 같은 작은 신호를 위한 단일 하이라이트를 선택하세요. 이 간단한 구조는 실제 스트리트 작품이 제한된 페인트와 대담한 대비를 사용하는 방식과 일치합니다.

텍스처를 신중하게 추가하세요. 소량의 그레인, 하프톤, 종이 찢김 가장자리 또는 잉크 스플래터는 플랫 색상을 인쇄되고 촉각적으로 느껴지게 만들 수 있지만 텍스트가 선명하게 유지되도록 미묘하게 유지하세요.

거리에서와 썸네일 크기에서 가독성을 테스트하세요. 스트리트 아트에서 영감을 받은 디자인은 여전히 빠르게 스캔되어야 하므로 타입의 대비를 확인하고 한 영역에서 너무 많은 동등하게 시끄러운 색조를 사용하지 마세요.

AI로 스트리트 아트 팔레트 비주얼 만들기

이러한 스트리트 아트 팔레트가 실제로 작동하는 것을 보고 싶다면, AI로 빠른 포스터, 배너 또는 소셜 컨셉을 생성하세요. HEX 방향을 일관되게 유지하면서 레이아웃, 텍스처 및 조명을 반복할 수 있습니다.

Media.io에서 프롬프트를 붙여넣고, 분위기(스텐실, 페이스트업, 네온 글로우, 그레인)를 설명하고, 색상이 균형 잡힐 때까지 결과를 다듬으세요. 최종 디자인 작업에 커밋하기 전에 캠페인 비주얼을 목업하는 빠른 방법입니다.

프롬프트를 작성할 때, 출력이 대담하고 읽기 쉽게 유지되도록 깔끔한 배경, 하나의 지배적인 강조색, 원하는 텍스처(스크린프린트 그레인, 하프톤, 찢어진 종이 가장자리)를 지정하세요.

다음: Jasper 컬러 팔레트