Apocalypticなカラーパレット20選｜HEXコード付きAIデザインアイデア

黙示録的なカラーパレットは、現代のデザインでも使える質感と実用性を持ちあわせた、灰色のニュートラル、風化した錆色、嵐のようなブルー、控えめなグリーンが中心です。

以下はHEXコード付きの20種類の黙示録カラーパレットのアイデアと、ポスター、UI、ブランディング、コンセプトアートに使えるAI画像プロンプトです。

なぜ黙示録パレットはとても効果的なのか

黙示録的なパレットは彩度を抑えた色調が多く、自然でリアル、落ち着いた印象になります。この抑制によりレイアウトは読みやすくなり、タイポグラフィやスペース、質感が主役になります。

これらの色は雰囲気作りも得意です。灰色やコンクリートは荒廃や腐敗を、錆色は時間経過や損傷を、控えめなグリーンは自然の再生を思わせます。イラストがなくてもパレットだけでムードが伝わります。

ほとんどのセットは強いダークベースと落ち着いた中間色を軸にしているので、UIやポスター、ブランディングにも実用的。シネマティックな雰囲気はそのままに、階層やコントラストの明確さも保てます。

20種類以上の黙示録カラーパレットアイデア（HEXコード付き）

1）灰色の夜明け

HEX： #1f2326 #3a3f44 #6b645b #b8b0a3 #d8c9b6

雰囲気： 静か、スモーキー、レジリエント

最適な用途： ランディングページヒーロー・タイポグラフィ重視のWebデザイン

静かな煙や朝もやの中に、混乱後の落ち着きを感じさせる力強いトーン。見出しやナビゲーションには深いチャコールを、背景ブロックには暖かい石のニュートラルカラーを使いましょう。コントラスト重視のミニマルなブランドやロングフォームのWebにも最適です。純白はアクセント程度にとどめ、中間色の一つを主要なUI塗り色にして階層を維持しましょう。

media.ioで生成した灰色の夜明けイメージ例

Media.io

Media.ioは、ブラウザ上で動画・画像・音声の作成/編集ができるオンラインAIスタジオです。

今すぐ無料で試す

2）錆びたバンカー

HEX： #2b2a28 #4b3b33 #7a4a34 #b07a52 #d6c3a3

雰囲気： 工業的、重厚、風化した

最適な用途： クラフトビール缶のラベル・パッケージ

工業的な熱や風雨にさらされたメタルが、バンカーの扉のように表現されます。ほぼ黒や深いブラウンでベースを作り、錆色でバッジやコールアウトを演出しましょう。質感とコントラストで物語性を伝えられるので、缶や箱、タグなどに特に適しています。読みやすさのために明るい砂色のパネルを加え、温かい錆トーンをヒーローアクセントとして使用します。

media.ioで生成した錆びたバンカーのイメージ例

3）フォールアウトセージ

HEX： #2a2e2b #3f4a43 #677b6e #a3b59e #e1dcc8

雰囲気： 控えめ、タクティカル、ナチュラル

最適な用途： アウトドアギアブランドのガイド・アイデンティティアクセント

控えめなセージグリーンとグラファイトが、戦略的かつナチュラルな印象を両立。危険な蛍光色を使わずとも信頼感・堅牢さを演出したいブランドに最適です。ロゴやラベルには濃いグリーンを、背景やスペック表には淡いオリーブを。温かみのあるオフホワイトで紙面や画面での可読性を確保します。

media.ioで生成したフォールアウトセージのイメージ例

4）シンダーブルーム

HEX： #2a1f1d #56322a #8a4a3b #c07b62 #e6d2c1

雰囲気： くすぶる、暖かい、シネマティック

最適な用途： ディストピア小説のブックカバーデザイン

くすぶる粘土色とシンダーブラウンで、焼け焦げた大地の下に意外な温かみを感じさせます。タイトルやシルエットには最も濃い色を、テラコッタの中間色はグラデやイラストのハイライトとして活用。ディストピア系のブックカバーやアルバムアート、ムード重視のサムネイルなどに最適です。明るいクリーム色は細い枠やサブタイトル帯に限定し、コントラストが濁らないようにしましょう。

media.ioで生成したシンダーブルームのイメージ例

5）オゾンストーム

HEX： #161a1d #2d3a46 #4f6474 #9aa5a9 #d9dfe1

雰囲気： 冷たい、エレクトリック、不穏

最適な用途： セキュリティ分析用ダッシュボードUIモックアップ

冷たい空気や静電気、嵐の光で、クールで不穏なのに派手すぎない印象へ。ほぼ黒やスレートブルーはパネルに、霧のようなグレーはカードや区切りとして使います。特にセキュリティ系やデータ重視のUIに最適。明るいグレーを指標や通知色に1つだけ使い、グラフはモノクロトーンを維持して、落ち着いた印象に。

media.ioで生成したオゾンストームのイメージ例

6）荒地の砂

HEX： #2c2a25 #5a5246 #8b7b63 #c2b08a #efe5cf

雰囲気： 砂ぼこり、日差しを浴びた、ミニマル

最適な用途： タフなアクセサリー向けプロダクトLP

砂丘や焼けた石のような色で、クリーンかつサバイバル感のあるミニマルデザインに。濃いオリーブブラウンはヘッダーやボタンに、サンドやオーツ色でレイアウトを軽やかに。プロダクトページやルックブック、ナチュラル路線のブランドにぴったりです。最も明るいクリームを主要背景にして、テクスチャ追加は控えめなグレインで。

media.ioで生成した荒地の砂イメージ例

7）核アイビー

HEX： #1a211d #2f3b2e #556b44 #8aa06a #d4d8c2

雰囲気： 草木が生い茂る、緊張感、希望

最適な用途： ゲーム環境コンセプトムードボード

放棄された鉄骨に絡む蔦が、緊張しつつも希望を持たせる黙示録ムード。深いグリーンを主体に据え、淡い地衣類トーンをソフトな雰囲気づくりに。サバイバル系ゲームのムードボードや環境ストーリーテリングに理想的です。アクセントは控えめにして、ライティングや霧、テクスチャで演出しましょう。

media.ioで生成した核アイビーのイメージ例

8）アイアンフォグ

HEX： #1d1f22 #3a3e45 #626a73 #9aa2ab #cfd3d8

雰囲気： ストイック、メタリック、現代的

最適な用途： SaaS UIキット・コンポーネントライブラリ

ストイックな金属と都会の霧が、深みのある現代的ニュートラルを構成。最も暗いグラファイトはナビやモーダルの上に、中間グレーは区切り線や無効状態パーツに最適。UIキットやエンタープライズ系、ドキュメントサイトにも活用しやすい一貫性の高さです。後でアクセントカラーを足しても、グレースケールの階調を保てるようにしましょう。

media.ioで生成したアイアンフォグのイメージ例

9）エンバーサイレン

HEX： #1f1a17 #4a2a24 #7a2f2b #b04b3a #e4b08a

雰囲気： 緊急、火のよう、ドラマチック

最適な用途： ダークシンセコンサート用イベントポスター

緊急を告げるエンバーレッドとスモーキーブラウンで、警告灯が霧の中に走るような印象。見出しや余白にはほぼ黒、温かいコーラルを要所やチケット情報の強調に使いましょう。ポスター、ライブフライヤー、ハイコントラストなSNS画像にぴったり。グラデーションは控えめに、フラットな赤橙で主役CTAを立たせるのがポイントです。

media.ioを使って生成されたエンバーサイレンのイメージ例

10）ドライドブラッドストーン

HEX： #1b1413 #3f2422 #6a2c2b #9a5a54 #d8c5b8

雰囲気： グリム、アンティーク、強烈

最適な用途： ホラーストーリーテリングのポッドキャストカバーアート

グリムなバーガンディと乾いた粘土色は、アンティークレザーや古いレンガのような雰囲気を持っています。このパレットは小さいサイズでもはっきり見えるため、ポッドキャストカバーやサムネイル中心のデザインに最適です。一番暗い色に太いセリフ体、淡いブラッシュタンをクリーンなタイトルプレートとして組み合わせましょう。コントラストを高く保ち、時代感を壊すような明るい原色は避けてください。

media.ioを使って生成されたドライドブラッドストーンのイメージ例

11）アシッドレイン

HEX： #121a16 #23332c #3e5b4a #7c9b7c #c9d7c3

雰囲気： 有毒、雨、雰囲気的

最適な用途： ムーディーなタイポグラフィを使った音楽アルバムアートワーク

有毒なグリーンが雨に洗われ、落ち着きつつも不安な雰囲気を生み出します。背景には濃いティールブラックを使い、モスグリーンの中間色で文字やオーバーレイを強調します。アルバムアートやムーディーなポスター、危険を感じさせたいがネオンにはしたくない実験的ブランドに合います。淡いミントグリーンを霧やグローとして加え、他はマットに抑えると雨天の雰囲気が出ます。

media.ioを使って生成されたアシッドレインのイメージ例

12）コンクリートホライズン

HEX： #1a1c1f #2f3135 #555a61 #8e949b #e4e6e8

雰囲気： 荒涼、構造的、エディトリアル

最適な用途： 年次報告書とデータビジュアライゼーション

荒涼としたコンクリートとクリーンな構造が、すべてを制御し真面目な印象を与えます。プロフェッショナルに見える世紀末カラースキームには、チャートに中間グレーを多用し、キーポイントにはほぼ黒を使いましょう。年次レポートやインフォグラフィック、インベスターデッキに最適。最も明るいグレーはスペースづくりに使い、グリッドラインは控えめにして視覚ノイズを避けてください。

media.ioを使って生成されたコンクリートホライズンのイメージ例

13）チャードシーダー

HEX： #211a15 #3b2b22 #5c3c2d #8c6a54 #d9c6b1

雰囲気： アーシー、焼けた、手作り感

最適な用途： コーヒーバッグ包装・ラベルシステム

アーシーな焦げや杉の茶色が手作り感を出し、火で炙った木やロースト豆を思わせます。ロゴには最も暗い色を使い、暖かい中間茶色はパターンやアイコンに。コーヒー包装やスモールバッチ商品、ラスティック系ブランディングに最適。ポイント: 非コート紙に印刷し、明るいベージュを静かな余白パネルに使いましょう。

media.ioを使って生成されたチャードシーダーのイメージ例

14）ダスティレリック

HEX： #26211f #4d433f #7a6b63 #b3a195 #f1e7dc

雰囲気： ヴィンテージ、埃っぽい、穏やか

最適な用途： ミュージアムスタイルのエディトリアルスプレッド

ヴィンテージの埃と使い込まれた紙が穏やかでアーカイブ的な空気感を生みます。暖かみあるグレーブラウンを本文やキャプションに使い、淡い紙色がページ全体を支配します。エディトリアルスプレッド、ルックブック、ドキュメントデザインで色ノイズなく温かさが必要なときに最適。構造としてダークな見出しバーを一本追加し、画像はやや彩度を下げて雰囲気を合わせましょう。

media.ioを使って生成されたダスティレリックのイメージ例

15）ミラージュメタル

HEX： #151718 #2b2f33 #4a545d #7f8a92 #c3c8c9

雰囲気： スリーク、遠い、高テク

最適な用途： テック製品プロモバナー

スリークなメタルトーンに蜃気楼のような柔らかさが加わり、未来的で遠い雰囲気を持ちます。深いブラックでドラマを出し、クールなグレーで奥行きをレイヤードしましょう。製品プロモバナーやテックデッキ、クリーンなモーショングラフィックスに最適。ポイント: 斜めのグラデーションを控えめに追加し、影は柔らかくしてハードなコントラストを避けてください。

media.ioを使って生成されたミラージュメタルのイメージ例

16）スートセピア

HEX： #1e1b18 #3a2f27 #5d4a3a #90745a #d7c4ae

雰囲気： ノスタルジック、煙たい、シネマティック

最適な用途： サバイバルドラマの映画ポスター

ノスタルジックなセピアとスートブラックが、夕方の光に煙が立ち込める雰囲気を再現します。暗いペアはタイトルやクレジットに最適で、暖かいブラウンが人間的で映画的な温かみを加えます。映画ポスター、フェス用フライヤー、ドラマチックなSNSグラフィックに最適。明るいベージュは重要テキストまわりのネガティブスペース用に使い、遠くからでもレイアウトが読みやすくなります。

media.ioを使って生成されたスートセピアのイメージ例

17）バーントアンセム

HEX： #231610 #4b2417 #7a3a22 #b35a33 #e6c2a7

雰囲気： 太さ、焼け焦げ、エネルギッシュ

最適な用途： スポーツチームリブランドコンセプト

太いバーントオレンジと深いエンバー系ブラウンがエネルギッシュで、アスファルトから立ち上る熱のような印象を与えます。一番暗い色でワードマークやアウトラインを作り、オレンジブラウンは力強いセカンドカラーとして使いましょう。スポーツブランドのリブランドやマーチグラフィック、パンチの効いた見出しに最適。ポイント: ペールピーチはハイライト専用にし、メインのマークはコントラストを保つと良いです。

media.ioを使って生成されたバーントアンセムのイメージ例

18）ペールレディオ

HEX： #212326 #3f444a #7c7f7c #bfc0b7 #f3efe3

雰囲気： スタティック、色あせ、ミニマリスト

最適な用途： 危機警報アプリのミニマルUI

色あせたスタティックと淡いシグナルノイズで、ミニマルで不穏な落ち着きを生み出します。この世紀末カラーパレットはアラート重視のUIに最適で、グレースケールの幅が明瞭な階層を支え、視覚疲労も軽減します。一番暗いチャコールは主要アクションに、オフホワイトはコンテンツ領域や読みやすいフォームに利用。ポイント: 強調はまず太さや間隔で出し、本当に必要な場面だけにカラーバッジを追加しましょう。

media.ioを使って生成されたペールレディオのイメージ例

19）スカベンジャーキャンバス

HEX： #2a2723 #4a463f #7a7365 #b7ad97 #e9ddc6

雰囲気： 実用的、中立、テクスチャー

最適な用途： ハンドメイドグッズEtsyショップバナー

実用的なニュートラルカラーとキャンバスのような温かみが、継ぎ接ぎの布や回収した道具のように機能的かつ親しみやすい雰囲気を出します。濃いブラウンをナビやバッジ型、明るいタン系は背景や商品ハイライトに最適。ハンドメイドグッズや小規模店舗、ブランドバナーにもぴったりです。ポイント: 紙の繊維やステッチ模様でテクスチャー感を出し、色数は増やさないようにしましょう。

media.ioを使って生成されたスカベンジャーキャンバスのイメージ例

20）トワイライトルーインズ

HEX： #17161a #2e2a33 #4e3f52 #7a5c66 #c9b3a3

雰囲気： 神秘的、黄昏、詩的

最適な用途： ファンタジーゲーム タイトル画面コンセプト

黄昏のパープルと廃墟のような影が、都市が夜に沈むような神秘的で詩的なニュアンスを表現します。世紀末カラーの組み合わせの中でも、暗いベースと控えめなモーブのハイライトをロゴやメニューの強調に使うと効果的です。タイトル画面やキーアート、雰囲気重視のブランドに最適。ポイント: 一番明るい色をテキスト周りに柔らかなブルームとして用いると、シーンがパステル調にならずムーディなまま残せます。

media.ioを使って生成されたトワイライトルーインズのイメージ例

黙示録カラーと相性の良い色は？

世紀末カラースキームは他のデサチュレート系（ウォームグレー、コンクリホワイト、スートブラック、ダスティブラウン）と組み合わせるのが最適です。これによって世界にリアリティが生まれ、デザインが「コミックネオン化」するのを防ぎます。

コントラストには、錆オレンジ、エンバーレッド、酸化グリーンなど制御されたアクセントを使いましょう。少量でもボタンやバッジ、ポスタータイトルに強いフォーカルポイントを生み出せます。

よりクリーンな仕上げが必要な場合は、モダンな中立色（柔らかいオフホワイトやクールライトグレー）を1色だけ入れて空間の抜けを作ってください。「呼吸スペース」カラーがあると、グリティなパレットもプレミアムかつ読みやすくなります。

現実のデザインで黙示録カラーパレットを使う方法

最初はダークベースから始め、タイポグラフィや区切り、面構成に明瞭なグレースケールラダー（階段）を作ること。これで階層が安定し、パレットが意図的に見え、濁り感がなくなります。

色数より質感に頼りましょう。グレインや埃のオーバーレイ、紙の繊維、控えめなグラデーションで世紀末感を演出します。最も明るい色は、特にポスターやサムネイルでテキストの背後を読みやすくするパネル用に使いましょう。

「ハザード（危険）」系アクセント（錆、エンバー、モス色）は一つの目的（CTA、主要数値、メイン見出し）に限定して活用を。アクセントの法則が一貫していると、グリティでも洗練されたデザインに仕上がります。

AIで黙示録パレットのビジュアルを作成

これらの世紀末カラーがポスターやUIモックアップ、パッケージ、コンセプトボードでどう見えるか試したい場合は、まずクイックビジュアルを生成しましょう。実際にパレットを適用してみることで、適切なコントラストとテクスチャレベルが見つかります。

上記のプロンプトをテンプレートとして再利用できます。対象（ポスター、ダッシュボード、ブックカバー）だけ入れ替え、HEX支配型言語はそのままでOKです。これでブランド全体の一貫性が保てます。

Media.ioを使えば、パレットのアイデアをブランドカラーのイメージに数分で変えられ、その雰囲気が理想にぴったり合うまで素早く試行できます。

次へ： ローズガーデンカラーパレット