21가지 최고의 디스토피아 컬러 팔레트 + 16진수 코드

디스토피아 색상 팔레트는 긴장감 위에 구축됩니다: 거친 중성색, 오염된 파스텔, 그리고 산업적이고 통제되며 약간 불안한 느낌의 고경계 액센트.

아래는 HEX 코드가 포함된 20개 이상의 디스토피아 색상 팔레트 아이디어와 UI, 포스터, 브랜딩을 위한 실용적인 참고 사항, 그리고 일치하는 비주얼을 생성하는 데 재사용할 수 있는 AI 프롬프트입니다.

디스토피아 팔레트가 효과적인 이유

디스토피아 색상 구성은 실제 재료와 조명을 모방하기 때문에 믿을 만하게 느껴집니다: 콘크리트, 안개, 산화된 금속, 나트륨 가로등, 화면 빛. 이러한 현실감은 개념이 미래지향적일 때도 디자인을 현실적으로 느끼게 합니다.

또한 즉각적인 위계를 만듭니다. 깊은 차콜과 청회색은 구조를 제공하고, 단일 위험 액센트(호박색, 독성 녹색, 사이렌 빨강)는 추가 장식 없이 주의를 끕니다.

대부분의 디스토피아 팔레트는 진지한 제품에 자연스럽게 "브랜드 안전"합니다: 통제되고, 미니멀하며, 고대비입니다. 하나의 액센트 색상만 변경하여 사이버펑크, 군사, 영화적 느낌으로 전환할 수 있습니다.

20개 이상의 디스토피아 색상 팔레트 아이디어 (HEX 코드 포함)

1) Ashfall Concrete

HEX: #1C1F24 #3A4048 #6B727C #B6B1A6 #D9D4C9

분위기: 거칠고, 차갑고, 미니멀한

최적 용도: 브루탈리스트 UI 대시보드

사이렌이 사라진 후 도시처럼 거칠고 조용한 이 시멘트 회색과 백악질 중성색은 통제되고 긴장감을 느끼게 합니다. 명확성이 중요한 관리 패널, 데이터 중심 대시보드 및 시스템 화면에 사용하세요. 가장 밝은 톤을 충분한 여백과 함께 사용하고 가장 어두운 색조는 내비게이션과 헤더를 위해 남겨두세요. 팁: 인터페이스가 시끄럽지 않고 엄격하게 유지되도록 액센트 색상을 아이콘 상태에만 사용하세요.

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

Media.io

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

무료로 지금 사용해보기

2) Rusted Neon

HEX: #0F1114 #2B2F36 #A14E2D #D8893A #E6D2B8

분위기: 산업적이고, 긴급하며, 열기가 흐릿한

최적 용도: 기술 제품 광고 및 히어로 배너

산업적이고 긴급한 느낌으로, 죽어가는 간판에 비춰진 산화된 강철처럼 보입니다. 녹과 호박색 톤은 히어로 배너와 기능 콜아웃을 위한 깊은 흑연 배경에서 가장 잘 돋보입니다. 글자를 읽기 쉽고 프리미엄하게 유지하기 위해 옅은 모래색을 네거티브 공간으로 사용하세요. 팁: 위험 테이프 과부하를 피하기 위해 밝은 호박색은 하나의 기본 버튼에만 적용하세요.

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

3) Bunker Khaki

HEX: #121513 #2D332F #5B5F45 #8F8A5D #C8C3A1

분위기: 군사적이고, 차분하며, 현실적인

최적 용도: 아웃도어 브랜드 아이덴티티 및 라벨

차분하고 현실적인 이 벙커 그린은 캔버스, 먼지, 낡은 야전 장비처럼 느껴집니다. 절제된 톤이 필요한 아웃도어 브랜딩, 실용적인 패키징 및 라벨 시스템에 잘 작동합니다. 최대 가독성과 실용적인 느낌을 위해 밝은 카키를 검은색 타이포그래피와 함께 사용하세요. 팁: 위계가 차분하게 유지되도록 중간 올리브 톤을 보조 배지에 사용하세요.

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

4) Smog Violet

HEX: #17131A #3A2E44 #6B5A7A #A69AA8 #E3DEE6

분위기: 우울하고, 야행성이며, 내성적인

최적 용도: 앨범 커버 및 에디토리얼 레이아웃

우울하고 야행성인 보라색은 짙은 스모그를 통해 확산된 가로등처럼 느껴집니다. 분위기가 대비만큼 중요한 앨범 아트, 장문 에디토리얼 또는 포스터 타이포그래피에 사용하세요. 팔레트를 고딕보다 우아하게 유지하기 위해 부드러운 라벤더를 깊은 잉크 배경과 함께 사용하세요. 팁: 그라데이션을 영화적으로 느끼게 하기 위해 배경에 미묘한 그레인을 추가하세요.

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

5) Radioactive Moss

HEX: #0B0E0C #1F2A1F #3C5A3A #7CC04B #D6F2B8

분위기: 독성이 있고, 살아있으며, 고대비의

최적 용도: 게임 UI 및 공상과학 썸네일

독성이 있고 살아있는 느낌으로, 버려진 터널에서 블랙라이트 아래 빛나는 이끼를 연상시킵니다. 이 세트는 녹색을 즉시 읽어야 하는 게임 UI, 공상과학 썸네일 및 상태 표시기용으로 제작되었습니다. 네온 이끼를 배경이 아닌 하이라이트로 유지하고 더 깊은 녹색이 대부분의 표면을 담당하도록 하세요. 팁: 흐릿함을 방지하기 위해 옅은 민트를 작은 텍스트와 아이콘 획에만 사용하세요.

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

6) Surveillance Slate

HEX: #0E141B #1F2C3A #2F4A5A #8AA0AE #E8EEF2

분위기: 임상적이고, 감시하며, 기술적인

최적 용도: 보안 SaaS UI 및 보고서

임상적이고 감시하는 이 청회색은 CCTV 빛과 서버실 조명을 반영합니다. 신뢰와 절제가 중요한 보안 대시보드, 감사 보고서 및 기업 SaaS에 적합합니다. 답답한 감시벽 느낌을 피하기 위해 얼음 같은 오프화이트를 강한 간격과 함께 사용하세요. 팁: 스캔을 빠르게 유지하기 위해 중간 슬레이트를 테이블 행에, 가장 어두운 톤을 사이드바에 사용하세요.

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

7) Night Curfew

HEX: #050608 #141621 #2B2E3E #5E6176 #C9CBD6

분위기: 고요하고, 긴장되며, 야상곡 같은

최적 용도: 영화 포스터 및 타이틀 카드

고요하고 긴장된 이 자정 파란색은 통행금지 아래 텅 빈 거리처럼 느껴집니다. 이 범위는 순수한 검은색 없이 깊이가 필요한 타이틀 카드, 영화 포스터 및 다크 모드 레이아웃에 완벽합니다. 영화적 분위기를 선명하게 하기 위해 옅은 회색을 압축 글꼴과 함께 사용하세요. 팁: 헤드라인으로 초점을 유도하기 위해 중간 톤을 사용하여 부드러운 비네트를 도입하세요.

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

8) Broken Signage

HEX: #111315 #3E3B37 #B7A99A #E0C34E #F3EFE6

분위기: 풍화되고, 경고적이며, 도시적인

최적 용도: 이벤트 전단지 및 거친 포스터

풍화되고 경고적인 느낌으로, 바랜 광고판과 갈라진 도로 페인트처럼 보입니다. 이 톤은 전단지, 저항 스타일 포스터 및 그런지 에디토리얼 그래픽을 위한 강력한 디스토피아 색상 조합을 만듭니다. 경고 노란색을 거친 텍스처나 하프톤 패턴과 함께 사용하되 작은 블록과 밑줄로 유지하세요. 팁: 왜곡된 글꼴 효과를 추가할 때 가독성을 위해 따뜻한 오프화이트에 의존하세요.

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

9) Cold Pipeline

HEX: #0B0F12 #1C272E #3B4B4F #7A8C8A #D5DFDD

분위기: 기계적이고, 차갑고, 실용적인

최적 용도: 인포그래픽 및 기술 문서

기계적이고 차가운 이 청록색 회색은 파이프, 밸브, 그리고 김 서린 강철을 떠올리게 합니다. 차분한 대비가 필요한 기술 문서, 인포그래픽, 시스템 다이어그램에 신뢰할 수 있습니다. 옅은 미스트 톤을 선명한 라인 아이콘과 짝을 이루고 더 깊은 색조로 구조를 정의하세요. 팁: 데이터가 분위기보다 먼저 읽히도록 차트를 두 가지 주요 톤으로 유지하세요.

media.io를 사용하여 생성된 차가운 파이프라인의 이미지 예시

10) 황무지 일출

HEX: #241C1A #5A3B2E #A96A4A #D0A27A #F1E6D6

분위기: 먼지 낀, 희망적인, 영화적인

최적 용도: 북 커버와 영화 키 아트

먼지 낀 듯하지만 희망적이며, 모래와 연기를 뚫고 나오는 일출처럼 느껴집니다. 밝아 보이지 않으면서도 따뜻함이 필요한 북 커버, 영화 키 아트, 랜딩 페이지에 이 팔레트를 사용하세요. 깊은 엄버를 넉넉한 여백과 짝을 이루고 복숭아-모래 톤은 큰 그라데이션에 사용하세요. 팁: 가장 어두운 색조로 단일 하드 섀도우를 추가하면 구성이 햇볕에 그을린 듯 실제처럼 느껴집니다.

media.io를 사용하여 생성된 황무지 일출의 이미지 예시

11) 원자로 코어

HEX: #0A0C10 #1B2330 #2E3D57 #F05A3A #F2E7D8

분위기: 충전된, 위험한, 하이테크

최적 용도: 스타트업 브랜딩과 콜투액션 섹션

충전되고 위험한, 차가운 기계 내부의 뜨거운 금속을 암시합니다. 강철 블루와 가열된 오렌지의 대비는 스타트업 브랜딩과 CTA가 많은 페이지에서 탁월한 디스토피아 색상 조합을 만듭니다. 오렌지를 연한 크림과 짝지어 버튼과 배지에 사용하고, 배경은 깊은 블루로 유지하여 드라마틱함을 유지하세요. 팁: 본문 텍스트에 오렌지를 사용하지 마세요; 상호작용 상태와 하이라이트를 위해 남겨두세요.

media.io를 사용하여 생성된 원자로 코어의 이미지 예시

12) 정적 안개

HEX: #0D0E10 #2A2B2E #5B5D62 #A8ABB2 #F4F5F7

분위기: 황량한, 모던한, 공기 같은

최적 용도: 미니멀 웹사이트와 타이포그래피 시스템

황량하고 모던한, 이 회색들은 안개 낀 스크린을 가로지르는 정적처럼 보입니다. 색상 없이 드라마를 원하는 미니멀 웹사이트, 타이포그래피 시스템, 포트폴리오에 적합합니다. 거의 검은색을 거의 흰색과 짝지어 선명한 타이포에 사용하고 중간 회색을 사용하여 구분선을 부드럽게 하세요. 팁: 평평한 슬래브를 피하기 위해 연한 회색으로 카드를 약간 틴팅하여 마이크로 대비를 도입하세요.

media.io를 사용하여 생성된 정적 안개의 이미지 예시

13) 채석장 먼지

HEX: #15110E #3A3028 #6D6258 #A79E93 #E7E1D7

분위기: 흙 같은, 낡은, 절제된

최적 용도: 장인 제품 포장과 카탈로그

흙 같고 낡은, 부서진 돌, 건조한 흙, 풍화된 가죽을 닮았습니다. 이 톤들은 밝은 색상 없이 질감이 필요한 장인 포장, 카탈로그, 브랜드 시스템에 적합합니다. 가장 밝은 색조를 충분한 여백과 짝지어 사용하고 로고 마크에 가장 어두운 갈색을 사용하세요. 팁: 미묘한 종이 그레인은 중성색이 밋밋하지 않고 의도적으로 느껴지게 만듭니다.

media.io를 사용하여 생성된 채석장 먼지의 이미지 예시

14) 산성 레인코트

HEX: #0E1012 #2C3136 #55606A #C7D24A #E7EBD0

분위기: 젖은, 도시적인, 주의-밝은

최적 용도: 스트리트웨어 드롭과 룩북

젖고 도시적인, 네온 레인코트 아래 아스팔트 반사처럼 느껴집니다. 스트리트웨어 룩북, 드롭 발표, 대담한 타이포그래픽 레이아웃에 이 톤들을 사용하세요. 산성 황록색을 차콜과 짝지어 펀치감 있는 대비를 만들고 연한 틴트를 숨쉴 공간으로 유지하세요. 팁: 액센트를 전체 배경이 아닌 태그 라인이나 사이즈 레이블 같은 반복되는 마이크로 디테일로 만드세요.

media.io를 사용하여 생성된 산성 레인코트의 이미지 예시

15) 폭동 사이렌

HEX: #120B0C #3A1C20 #7A2E34 #D23B3B #F2D7D7

분위기: 공격적인, 긴급한, 드라마틱한

최적 용도: 캠페인 그래픽과 대담한 헤드라인

공격적이고 긴급한, 어두운 연기를 뚫고 나오는 사이렌 불빛을 반향합니다. 이 조합은 스크롤을 멈춰야 하는 캠페인 그래픽, 펀치감 있는 헤드라인, 발표 배너에 이상적입니다. 핫 레드를 깊은 마룬과 짝지어 깊이를 더하고, 연한 블러시는 텍스트 뒤의 대비 패널로만 사용하세요. 팁: 레드가 날카롭고 권위 있게 유지되도록 그라데이션을 최소화하세요.

media.io를 사용하여 생성된 폭동 사이렌의 이미지 예시

16) 정전 터미널

HEX: #000000 #0E1A14 #1F3B2C #4F8A63 #CFEBD9

분위기: 해커, 코드화된, 야행성

최적 용도: 터미널 스타일 UI와 개발자 도구

해커처럼 차분하고 야행성인, 어두운 방의 빛나는 터미널을 채널링합니다. 이 그린들은 개발자 도구, 터미널 스타일 UI, 로그인 화면을 위한 설득력 있는 디스토피아 색상 조합을 만듭니다. 민트 하이라이트를 순수 검은색과 짝지어 코드 같은 선명한 대비를 만들고 중간 그린을 패널에 유지하세요. 팁: 가장 밝은 그린은 활성 커서, 성공 상태, 짧은 숫자 판독값에만 사용하세요.

media.io를 사용하여 생성된 정전 터미널의 이미지 예시

17) 도시 부패 틸

HEX: #0C1011 #1E2A2C #2F4E4C #5FA39A #D9F1ED

분위기: 부식된, 시원한, 분위기 있는

최적 용도: 음악 비주얼과 소셜 포스트

부식되고 시원한, 이 틸들은 산화된 금속과 습한 콘크리트처럼 느껴집니다. 무거운 어둠 없이 분위기를 원하는 음악 비주얼, 소셜 포스트, 모션 배경에 적합합니다. 씨글라스 톤을 차콜과 짝지어 텍스트에 사용하고 연한 아쿠아를 부드러운 글로우에 유지하세요. 팁: 틸이 평평한 색상이 아닌 반사된 빛처럼 읽히도록 미묘한 블러나 블룸 효과를 추가하세요.

media.io를 사용하여 생성된 도시 부패 틸의 이미지 예시

18) 탈색된 카니발

HEX: #1A1A1E #3E3B46 #7C6A72 #B09A87 #E7DFD6

분위기: 으스스한, 향수를 자아내는, 바랜

최적 용도: 편집 콜라주와 진

으스스하고 향수를 자아내는, 오랜 폐쇄 후 오래된 놀이기구의 바랜 페인트를 닮았습니다. 탈색된 모브와 먼지 낀 베이지는 진, 편집 콜라주, 아트 프린트에 적합합니다. 따뜻한 베이지를 짙은 차콜과 짝지어 레이아웃을 읽기 쉽게 유지하고, 모브 톤을 컷아웃 형태와 캡션에 사용하세요. 팁: 약간 어긋난 프린트 효과는 팔레트가 의도적으로 불안하게 느껴지게 만듭니다.

media.io를 사용하여 생성된 탈색된 카니발의 이미지 예시

19) 음소거된 경고 테이프

HEX: #0F0F10 #2A2A2B #666154 #C2B65A #F0EEDC

분위기: 주의, 먼지 낀, 실용적인

최적 용도: UX 알림과 시스템 상태 화면

주의가 강하고 먼지 낀, 햇빛과 모래에 방치된 경고 테이프처럼 보입니다. 이 색조들은 네온 없이 주의가 필요한 UX 알림, 시스템 상태 화면, 온보딩 팁에 완벽합니다. 음소거된 노란색을 차콜과 짝지어 아이콘에 사용하고 크림 톤을 메시지 패널에 유지하세요. 팁: 계층 구조가 신뢰할 수 있게 유지되도록 노란색을 경고에만 엄격하게 사용하세요.

media.io를 사용하여 생성된 음소거된 경고 테이프의 이미지 예시

20) 유배 해안

HEX: #0B1416 #193038 #2F5B63 #8DA7A5 #E3ECEA

분위기: 바람 부는, 먼, 우울한

최적 용도: 여행 에디토리얼과 사진 오버레이

바람 부는 듯하고 먼, 새벽의 차가운 바다 물보라와 빈 부두를 연상시킵니다. 차분하고 불안한 분위기가 필요한 여행 에디토리얼, 사진 오버레이, 웹 섹션에 사용하세요. 짙은 틸을 연한 미스트 톤과 짝지어 읽기 쉬운 오버레이에 사용하고 청회색 중간 톤이 UI 구성요소를 형성하도록 하세요. 팁: 이미지를 추가하는 경우 팔레트가 주인공으로 남도록 사진을 탈색하세요.

media.io를 사용하여 생성된 유배 해안의 이미지 예시

21) 재 꽃

HEX: #141012 #3B2A2F #6E4A55 #B07B7C #EFE1DF

분위기: 낭만적인 폐허, 부드러운, 연기 자욱한

최적 용도: 뷰티 브랜딩과 포장

낭만적인 폐허와 연기 자욱한 부드러움이 만나는 먼지 낀 로즈-브라운. 엣지가 있는 따뜻함을 원하는 뷰티 브랜딩, 향수 포장, 부티크 랜딩 페이지에 적합합니다. 블러시 톤을 짙은 자두-갈색과 짝지어 로고와 헤딩에 사용하고, 연한 틴트를 깨끗한 제품 공간에 유지하세요. 팁: 새틴 마감이나 미묘한 그라데이션을 사용하여 모브가 평평하지 않고 고급스럽게 느껴지도록 만드세요.

media.io를 사용하여 생성된 재 꽃의 이미지 예시

디스토피아와 잘 어울리는 색상은?

디스토피아 팔레트는 절제된 중성색과 가장 잘 어울립니다: 차콜, 흑연, 콘크리트 회색, 먼지 낀 베이지, 오프화이트. 이 톤들은 물질적이고 기능적으로 느껴져 전체적인 룩을 믿을 수 있게 만듭니다.

액센트로는 경고나 시스템 상태로 읽히는 "신호" 색상을 선택하세요—앰버, 독성 황록색, 핫 오렌지, 사이렌 레드, 또는 얼음 시안—그런 다음 분위기를 장난스럽지 않고 긴장되게 유지하기 위해 절제해서 사용하세요.

탈색된 퍼플, 틸, 청회색은 이상적인 브릿지 색상입니다. UI 및 에디토리얼 레이아웃에서 가독성을 유지하면서 분위기(밤, 안개, 감시 광채)를 추가합니다.

실제 디자인에서 디스토피아 색상 팔레트를 사용하는 방법

어두운 베이스(거의 검은색, 네이비 슬레이트, 또는 짙은 그린)로 시작하여 두 가지 중간 톤을 사용하여 표면을 구축하세요. 그런 다음 가장 밝은 톤을 타이포 영역, 카드, 간격을 위해 남겨두어 디자인이 단일 어두운 덩어리로 무너지지 않도록 하세요.

액센트를 목적 있게 유지하세요. 주요 작업이나 알림을 위해 하나의 하이라이트 색상을 사용하고, 호버, 선택됨 또는 진행 상태 같은 보조 상태를 위해 두 번째(선택 사항)를 사용하세요—그 이상은 디스토피아 절제보다는 사이버펑크 노이즈처럼 느껴질 수 있습니다.

질감은 세계를 판매하는 데 도움이 됩니다. 미묘한 그레인, 종이 섬유, 하프톤 마모 또는 부드러운 비네트는 명확성을 희생하지 않으면서 중성-헤비 조합이 영화적이고 생활감 있게 느껴지도록 만들 수 있습니다.

AI로 디스토피아 팔레트 비주얼 만들기

일치하는 비주얼(포스터, UI 목업, 포장 샷 또는 소셜 크리에이티브)이 필요한 경우, 텍스트 프롬프트에서 생성하고 선택한 HEX 색상과 조명 단서(안개, 네온 스필, 가혹한 측면 조명 또는 CRT 글로우)로 룩을 고정하세요.

각 팔레트 아래의 프롬프트를 재사용하고 주제를 바꾸세요(대시보드 → 랜딩 페이지, 전단 → 앨범 커버) 일관된 시리즈를 위해 색상 단어와 분위기 설명자를 일관되게 유지하면서.

Media.io를 사용하면 브라우저에서 디스토피아 스타일 이미지를 쉽게 만들 수 있습니다—그런 다음 팔레트가 에셋 전체에서 일관되게 유지되도록 빠른 편집으로 결과를 다듬으세요.

다음: 듀크 블루 컬러 팔레트