人気の恐怖屋敷向けカラー20選：HEXコード＆AIデザイン提案

お化け屋敷のカラーパレットは、影のようなニュートラルカラー、風化したブラウン、霧がかったグレー、薄暗いグリーンなど、謎や緊張感を直感的に感じさせる色で構成されています。

以下に20種類のモダンですぐに使えるお化け屋敷カラーの組み合わせ（HEXコード付き）、さらに実用的な色の組み合わせのコツや、ポスターやUI、パッケージ、ブランディングに再利用できるAIプロンプトを紹介します。

お化け屋敷カラーパレットが効果的な理由

お化け屋敷のパレットは低彩度で深みのある色味が中心で、古びた素材――湿った木材、煤、霧、石、キャンドルに照らされた紙のような雰囲気を持ちます。この「使い込まれたリアリズム」が、デザインを仮装的ではなく、雰囲気たっぷりに見せるのです。

また自然にコントラストが高くなります。ほとんど黒に近いベースカラーはタイトルやUIなどのヒエラルキーを即座に作り出し、淡い羊皮紙や霧、ブラッシュカラーは雰囲気を壊さずテキストを読みやすく保ちます。

さらに、お化け屋敷カラーは柔軟性が高いです。ミントやエメラルド、アイシーグレーなどの輝くアクセントを一つ加えるだけで、ゴシックな高級感から現代的なサスペンスまでパレット自体が自在に変化します。

20種類以上のお化け屋敷カラーパレットアイデア（HEXコード付き）

1）きしむポーチ

HEX： #1f1b14 #3b3a2a #6b6a4a #9a9c7a #d2d0b8

雰囲気： ほこりっぽい、不気味、アンティーク

最適な用途： ハロウィンイベントポスター

ほこりをかぶったアンティークな印象で、まるで月明かりが古いポーチ板やツタに覆われた手すりに差し込むような色彩です。濃いブラウンがレイアウトを引き締め、カーキや淡いリネンがテキストの可読性を保ちます。ハロウィンイベントのポスターに使い、日付や場所は一番明るいスウォッチでコントラストを付けてください。使い古しの紙テクスチャやさりげないグレインと組み合わせると雰囲気が増します。

きしむポーチの画像例（media.ioで生成）

Media.io

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

今すぐ無料で試す

2）月明かりの霧

HEX： #0b0d10 #2a2f36 #4f5a61 #8b9a9d #e6e7e2

雰囲気：冷たい、映画的、サスペンスフル

最適な用途：映画タイトルカード

冷たく映画的なグレーが、ほの暗い街灯のある静かな通りに霧が立ち込める様子を連想させます。暗いブラックやスレートカラーはタイトルに強いコントラストを、霞んだグレーは柔らかな境界やグラデーションを与えます。背景を#0b0d10で統一し、#e6e7e2はメインタイトルだけに使うとモダンな印象に。細身のサンセリフ体や控えめな発光効果で、本物のオープニングシークエンスのような仕上がりに。

月明かりの霧の画像例（media.ioで生成）

3）ロウソクの遺品

HEX： #2b1d12 #5a3a22 #a06a3b #d6b58a #f3e8d7

雰囲気：暖かい、ヴィンテージ、神秘的

最適な用途：ゴシックディナー招待状

暖かくヴィンテージなブラウンとクリームが、ロウソクの垂れた木や古い手紙を思わせます。中間のカッパーやロウカラーのベージュは、怪しげな雰囲気を損なわずに温かみのあるベースを作ります。ゴシックなディナー招待状として使い、本文は濃いブラウンで読みやすく。質感のある紙やエンボス風のシャドウを加えることで、アンティーク感を演出できます。

ロウソクの遺品の画像例（media.ioで生成）

4）屋根裏レース

HEX： #2a2420 #4d3f3b #7a6d70 #b6a9ad #f2efee

雰囲気：色褪せた、ロマンチック、不穏

最適な用途：エディトリアル誌面スプレッド

色褪せたロマンチックなモーヴやダスティニュートラルは、レースのカーテンや古い肖像画、入ってはいけない静かな部屋を思わせます。ソフトさと影のあるベースをバランス良く取り入れているので、長文レイアウトにも最適。ネガティブスペースにはほぼ白を使用し、強調文に#7a6d70を使えば階層が明確に。細い罫線やクラシックなタイポグラフィとあわせると、不気味ながらエレガントな編集デザインに仕上がります。

屋根裏レースの画像例（media.ioで生成）

5）墓地の苔

HEX： #0f1a13 #1f3324 #3f5a3a #7a8f5a #c8d1b1

雰囲気：アーシー、不吉、草ぼうぼう

最適な用途：アロマキャンドルのパッケージラベル

アーシーで草が生い茂る雰囲気のグリーンは、苔が石に這い上がり、足元には湿った葉が落ちている様子を感じさせます。深いフォレストグリーンはパッケージを高級感のある印象に、淡いセージは原材料表示などをすっきりと見せます。アロマキャンドルのパッケージラベルに単純なラインアートや余白多めでレイアウトすると◎。マットな仕上げや控えめな金箔と合わせると上品に仕上がります。

墓地の苔の画像例（media.ioで生成）

6）蜘蛛の巣シルバー

HEX： #0e0f12 #2b2d33 #5b5f6a #a2a7b3 #f5f6f8

雰囲気：スリーク、影、モダン

最適な用途：ダークモードUIモックアップ

スリークで影が深いシルバーは、暗い一角に張られた細い糸が光をとらえる様子のようです。ほぼ黒いベースはコントラストの強いコンポーネントを支え、明るいグレーが落ち着いた読みやすい構成を作ります。プロダクトデザインにこのお化け屋敷カラーを使う際は、#a2a7b3はセカンダリーテキスト、#f5f6f8はキーアクションのみでシンプルに。ソフトなブラーや繊細な仕切りを使うと重くなりません。

蜘蛛の巣シルバーの画像例（media.ioで生成）

7）レイヴンベルベット

HEX： #120b12 #2b0f1e #4a1f35 #7b4b62 #d6c3ca

雰囲気：ドラマティック、ゴシック、ラグジュアリー

最適な用途：ブランドアイデンティティキット

ドラマティックで贅沢な印象のワインやプラムの色合いは、静かなホールにかけられたベルベットカーテンのようです。真っ黒に頼らず強いコントラストを作り、プレミアムかつ身に着けやすい雰囲気に。レイヴンベルベットは、ブランドアイデンティティキットに使い、深いプラムの背景やダスティーピンクのアクセントでパターンやハイライトを加えて。コントラストの高いセリフ体ロゴとミニマムな装飾が洗練された印象を保ちます。

レイヴンベルベットの画像例（media.ioで生成）

8）錆びた門

HEX： #1a1210 #3b2320 #6a3b2f #a06a4b #d7c1a5

雰囲気：ざらざら、エイジド、呪われた雰囲気

最適な用途：ホラー書籍カバー

ざらついたエイジング感あるブラウンは、鉄の蝶番や錆びた鍵のよう。暗いトーンは緊張感を生み、サンディニュートラルは著者名やキャッチコピーエリアに適しています。ホラー書籍カバーとして太字書体や、1枚の荒れたテクスチャレイヤーでシンプルにまとめてください。シルエットを最小限に、背景は一番濃い2色を活かせばドラマチックになります。

錆びた門の画像例（media.ioで生成）

9）ファントムティール

HEX： #041515 #083030 #0f4d4b #2f7a76 #bfe1db

雰囲気：不気味、水中感、エレクトリック

最適な用途：ナイトモード解析UI

不気味でエレクトリックなティールは、床板の隙間から冷たい光が漏れている様子を思わせます。暗いベースは画面を目に優しく、明るいミントトーンはチャートや切り替えボタンを際立たせます。一番明るい色はハイライトにだけ使い、#0f4d4bを面やパネルの主要色に使用。細いアイコンやさりげないグラデーションで幽玄な輝きを強調してください。

media.ioで生成されたファントムティールの画像例

10）ダスティランタン

HEX： #181513 #3a2f26 #6f5b3f #b69a6a #f0e6cf

雰囲気： 居心地が良い、薄暗い、オールドワールド

最適な用途： シーズナルメニューデザイン

居心地が良く薄暗い、これらのブラウンとゴールドは長い廊下のランタンの輝きを思わせます。パレットは特に羊皮紙の背景と読みやすいダークな見出しとよく合います。ベースをライトクリームにし、#181513をセクションタイトルに使って、シーズナルメニューデザインに活用しましょう。区切り線やスタンプなどの小さな装飾と組み合わせ、タイポグラフィが主役になるように重いイラストは避けてください。

media.ioで生成されたダスティランタンの画像例

11）チャペルストーン

HEX： #101311 #2b302a #4c554c #7f8a7f #d7ded7

雰囲気： 静か、荘厳、雰囲気がある

最適な用途： ソーシャルメディア引用テンプレート

静かで荘厳、これらの石のようなグリーンとグレーは夕暮れ時のキャンドルの灯るチャペルのような雰囲気です。トーンの幅が広く、レイヤードのタイプや柔らかいグラデーションのコントラストを保てます。大きなテキストブロックと背景の控えめなテクスチャを使ったソーシャルメディア引用テンプレートに使ってください。細いラインのアイコンひとつと十分なスペースを取り、落ち着いた不気味な優雅さを保ちましょう。

media.ioで生成されたチャペルストーンの画像例

12）ウィッチヘーゼルスモーク

HEX： #12140c #2d3318 #586536 #8b9a64 #e1e3c8

雰囲気： ハーバル、スモーキー、魔法的

最適な用途： 水彩植物ラベル

ハーバルでスモーキーなこれらのグリーンは砕いた葉、乾いた茎、そして灰の気配を感じます。ダークなオリーブが奥行きを加え、淡いセージが構成を明るく読みやすくします。自然の要素を取り入れたお化け屋敷カラーでは、中間のグリーンを植物モチーフに使い、もっとも明るいトーンを紙面に使ってください。繊細なセリフ体とミニマルな装飾で洗練された雰囲気を維持します。

media.ioで生成されたウィッチヘーゼルスモークの画像例

13）スート＆パーチメント

HEX： #0f0f10 #2a2520 #6a6257 #b8ae9d #f6f1e6

雰囲気： スモーキー、クラシック、読みやすい

最適な用途： ウェブサイトヒーローバナー

スモーキーでクラシック、これらのニュートラルはリネンに付いたすすや、引き出しから取り出した古い紙を感じさせます。パレットはウェブレイアウトにも非常に柔軟で、力強いコントラストと柔らかなセクションに対応します。見出しはほぼ黒で、補助テキストは#6a6257を使い、ウェブサイトのヒーローバナーにぴったりです。控えめなグレインとミニマルなイメージでタイポグラフィの鋭さを際立たせましょう。

media.ioで生成されたスート＆パーチメントの画像例

14）血なき薔薇

HEX： #1a1012 #3a1d22 #6d3a45 #b07a86 #f1dde2

雰囲気： ロマンティック、不気味、ソフトゴシック

最適な用途： ゴシックウェディング招待状

ロマンティックだが不穏、これらの薔薇色とバーガンディは忘れられた本の中で押し花された花びらのようです。深い色は豪華なタイプをドラマティックにし、ブラッシュが上品さと読みやすさを保ちます。淡い背景とバーガンディアクセントを境界やモノグラムに使ったゴシックウェディング招待状向けに最適です。細いラインのフローラルと明るい赤を避けて、雰囲気を控えめに保ちましょう。

media.ioで生成された血なき薔薇の画像例

15）エクトプラズムグロー

HEX： #0b120d #133021 #1d5a39 #39a36d #d7f3e3

雰囲気： 発光、遊び心、超自然的

最適な用途： エスケープルームソーシャル広告

発光して超自然的、これらのグリーンは暗い廊下で光を受けたエクトプラズムのようです。明るいエメラルドがエネルギーを加え、深いグリーンブラックが基調をしっかり保ちます。#39a36dをコールトゥアクション、#0b120dを背景に、エスケープルームのソーシャル広告のお化け屋敷パレットに使ってください。大胆なサンスタイプとシンプルなアイコンを組み合わせ、グローの効果がモダンに保たれるようにしましょう。

media.ioで生成されたエクトプラズムグローの画像例

16）ストームセラー・ネイビー

HEX： #060b12 #0f1a2b #213a5a #4c6d8a #cfd9e2

雰囲気： 重苦しい、嵐、緊張感

最適な用途： スリラームービーポスター

重苦しく嵐のようなこれらのネイビーは、外の雷鳴やドア下から忍び寄る冷気を思わせます。深いブルーがドラマティックなベースとなり、淡いブルーグレーがタイトルのコントラストを鋭く出します。斜めに強調したレイアウトとミニマルなテクスチャでスリラー映画のポスターに使ってください。タイトなトラッキングとスポットライト風のグラデーションで緊張感を高めましょう。

media.ioで生成されたストームセラー・ネイビーの画像例

17）アシェンライラック

HEX： #131115 #2b2433 #55445f #8a7898 #e7e0ee

雰囲気： 夢見心地、幽霊、モダン

最適な用途： アプリオンボーディング画面

夢見心地で幽霊のようなこれらのライラックは静かな上階の部屋の夕闇を感じさせます。ダークプラムがスクリーンを引き締め、淡いラベンダーがカードやイラストに優しさを出します。アプリのオンボーディング画面にはシンプルなグラデーションと十分な余白を使い、丸みのあるサンスタイプと単色アイコンで落ち着いたコンテンポラリー感を保ちましょう。

media.ioで生成されたアシェンライラックの画像例

18）バーンウッドセピア

HEX： #17120c #3b2a1b #6a4b31 #a6805a #e6d5c3

雰囲気： 素朴、使い込まれた、映画的

最適な用途： 秋パーティーフライヤー

素朴で使い込まれたセピアは、納屋の木材や革、遅い午後の光に照らされた埃を感じます。コントラストはヘッダーにも十分ですが、パレットは柔らかく親しみやすい印象です。秋のパーティーフライヤーには太いタイポと控えめな紙のテクスチャを合わせます。シンプルな葉や枝のモチーフとクリーンなレイアウトでテーマの過剰さを避けましょう。

media.ioで生成されたバーンウッドセピアの画像例

19）アイアンブルーム

HEX： #0f1211 #28302b #4a5a52 #7a8f86 #d6e0db

雰囲気： インダストリアル、控えめ、不気味な落ち着き

最適な用途： ミニマルロゴ＆ステーショナリー

インダストリアルで控えめ、これらのトーンは鉄や雨、温室のガラスのような印象です。クールなグリーンは洗練されたニュートラルとして機能し、ロゴやマークを鋭く見せつつ無機質になりません。ミニマルロゴやステーショナリーには#0f1211をワードマークに、#d6e0dbでページを明るくしましょう。単一の幾何学モチーフと重いテクスチャを避けてクリーンでモダンな仕上がりを目指します。

media.ioで生成されたアイアンブルームの画像例

20）ホロウハース

HEX： #120f0a #2f2517 #5a4a2a #8d7a4a #e2d6b8

雰囲気： 燻る、ノスタルジック、影のある

最適な用途： インテリアムードボードグラフィック

燻ってノスタルジック、これらのブラウンとカーキは冷えた暖炉や消えかけの火に照らされた部屋を思わせます。レイヤードブロックや布スウォッチ、単一のまとまりあるレイアウトのタイポグラフィにぴったりです。お化け屋敷カラーとしてインテリアムードボードグラフィックに使い、最も暗いトーンを見出し、最も明るいトーンを余白に活用しましょう。控えめな木目パターンとアクセントはミッドゴールド1つに絞ってバランスを保ちます。

media.ioで生成されたホロウハースの画像例

お化け屋敷と相性が良い色は？

お化け屋敷のパレットはムーディーなニュートラルと相性が良いです：すす黒、チャコール、ストーングレー、風化したブラウン、古い羊皮紙。これらのカラーは「古い家」の質感を作り、タイポグラフィをしっかりと感じさせます。

モダンなコントラストを加えるには、コントロールされた寒色（霧がかったブルーグレー、控えめなティール、アシェンライラックなど）を1つだけ取り入れましょう。彩度を低くし、雰囲気として映えるようにします。

超自然的なアクセントには、ダークベースの上にミントやエメラルド、アイシーホワイトのグローを一点使います。これはCTAやアイコン、ポスターやUIのフォーカルディテールに特に効果的です。

お化け屋敷カラーパレットを実際のデザインで使う方法

まずバリュープランから始めます：背景に近い黒を1つ、テキストハイライトに明るい羊皮紙やミストを1つ、ミッドトーンをパネルや枠、テクスチャレイヤーに使います。これでデザインの平坦化を防げます。

テクスチャは戦略的に使いましょう。控えめなグレイン、紙の繊維、石のようなノイズが、お化け屋敷のカラーを映画的で本格的に感じさせますが、読みやすさが損なわれないよう軽めに保ちます。

アクセントは意図的に。グロー1色や温かい金属調（控えめなゴールド／カッパー）1色だけで十分に階層を作れ、不気味な雰囲気を壊しません。

AIでお化け屋敷パレットのビジュアルを作成

ポスター、招待状、UI画面、ブランドボードなどでお化け屋敷カラーをプレビューしたい場合は、クイックなモックビジュアル生成が一番速くコントラストや雰囲気を確認できます。

Media.ioのテキストから画像生成ツールなら、プロンプト（上記例のようなもの）を貼り付け、アスペクト比を指定して、シーンがモダンで不気味でブランドたらしめるまで繰り返し生成できます。

次へ： グリーンカーキカラーパレット