22 Haunted Mansion Color Palettes with Hex Codes for Spooky Design

幽霊の館のパレットは「中間」に存在します：ろうそくの光と影、ベルベットと埃、古い金と煤けた黒。その色の組み合わせは、ロウキーなニュートラルカラーの上に慎重に選ばれたアクセントが加えられているため、映画的な雰囲気を感じさせます。

以下はHEXコード付きの20種類以上の幽霊屋敷のカラーパレットアイデアと、ブランディング、UI、ポスター、パッケージング、インテリアなど実際の活用例です。

幽霊屋敷パレットがこれほど効果的な理由

幽霊屋敷のカラーパレットは、深い色（ほぼブラック、チャコール、インク、エスプレッソ）を基調としており、それだけで神秘や年月を感じさせられます。そのローライト基調が、シンプルなレイアウトでもドラマティックで物語性のある雰囲気を与えます。

また、鮮やかな原色ではなく「素材感のある色」（くすんだ真鍮、ロウソク色のクリーム、スモークグレー、ダスティーライラック、使い込まれた革）を活用しているのも特徴です。これらのトーンは質感や歴史を感じさせるため、ゴシック系のブランディングやダークアカデミア、ヴィンテージ風UIにも最適です。

何よりも大切なのは、これらのパレットは「控えめ」な使い方をしていること。アクセントとして1色か2色（ゴールド、琥珀、ワイン、ミスティブルーなど）を「ろうそくの火」のように使い、雰囲気を壊さず見出しやボタン、重要なディテールに視線を集めます。

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

1）ろうそくの灯るベルベット

HEX： #1b1413 #3a1f2b #7a2e3b #b07a3a #e7d4b0

雰囲気： 豪華、不気味、温かみ

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

贅沢な影とベルベットの温もりが、アンティークの幕の上に揺れるろうそくの炎を思い起こさせます。深いワイン色とほぼブラックを基調に、真鍮ゴールドで見出しや枠を彩ります。控えめな紙の質感と組み合わせると、光のリアリティが高まります。コツ：クリーム色は小さなハイライト部分だけに使うと、ポスターが明るくなり過ぎず、上品な印象になります。

media.ioで生成されたろうそくの灯るベルベットの画像例

Media.io

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

今すぐ無料で試す

2）霧がかった石造りのホール

HEX： #0f1214 #2a2f34 #5a646d #9aa3a6 #d8d6cf

雰囲気： 冷たさ、静けさ、映画的

最適な用途： ホラーゲームのメニューUI

冷たい霧と使い込まれた石は、音も消える空っぽの廊下を思わせます。チャコールのパネルと鋼のようなグレー区切りでレイアウトを作り、テキストは淡い石色でコントラストを出します。このセットは小さい画面でも見やすく、設定画面やオーバーレイに最適。コツ：ボタンの背後にごく薄いグラデーションを足すと、読みやすさを損なわず霧感を演出できます。

media.ioで生成された霧がかった石造りのホールの画像例

3）くすんだ真鍮と灰

HEX： #141311 #2f2c26 #6b5f3d #a6905a #c9c1ae

雰囲気： 古びた、高貴、煙った

最適な用途： ヴィンテージキャンドルパッケージ

灰色のトーンにくすんだ真鍮を重ねることで、古い燭台や煙、経年のフレームのような雰囲気を演出します。ダークな煤色を基調に、くすんだゴールドをスタンプや蓋、箔のディテールに追加。温かいグレージュがムードを崩さずに可読性を保ちます。ポイント：真鍮はごく一部だけに使うと、パティナ（緑青）のような風合いになります。

media.ioで生成されたくすんだ真鍮と灰の画像例

4）未亡人のインク

HEX： #0c0d12 #1e2230 #3a3f54 #6d6a7a #c7c1d3

雰囲気： 神秘的、洗練された、夜間向き

最適な用途： ダークロマンスの本の表紙

深いインク色と控えめなラベンダーが、雨の窓辺で真夜中に綴る手紙のような雰囲気です。ほぼブラックとネイビーで背景に深みを出し、煙るバイオレットで文字と装飾を作ります。セリフ体やイラストのシルエット、控えめなエンボス加工との相性も抜群。コツ：明るいライラックは著者名や小さな装飾だけに使い、雰囲気を壊さないようにしましょう。

media.ioで生成された未亡人のインクの画像例

5）地下墓地の苔

HEX： #0e1410 #1f2a1f #3b4a32 #6b7b5a #c9c6b1

雰囲気： 土の香り、湿っぽい、不可思議

最適な用途： 幽霊屋敷ブランドのロゴ＆ラベル

湿った大地と這う苔が、不気味な静けさをもたらし、まるで自然に呑み込まれた石段のよう。ダークグリーンとブラックを主役に、セージをセカンダリタイプに使うのがベストです。ラフな紙やスタンプ加工と合わせれば、オーガニックな朽ち感をさらに強調できます。コツ：ロゴ部分には1種類のグリーンを絞って、他の緑は背景やUI用に。

media.ioで生成された地下墓地の苔の画像例

6）埃をかぶったライラックのカーテン

HEX： #1a151a #3b2b3d #6a4e68 #a88aa1 #e2d6df

雰囲気： 色あせた、演劇的、ロマンチック

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

色あせたライラックやプラムは、静かな舞踏会で引かれた古いカーテンのような雰囲気です。一番暗い色はテキストやモノグラムに使い、ダスティモーヴは背景の柔らかなウォッシュに重ねて。細い枠やフィリグリー装飾も、この色域で特にエレガントに映えます。コツ：明るいラベンダー色の紙に、リッチなプラムインクでくっきり印刷すると効果的です。

media.ioで生成された埃をかぶったライラックのカーテンの画像例

7）レイヴンウッド図書館

HEX： #14100b #2b1f14 #4a3a2b #7a6547 #d2c2a4

雰囲気： 学究的、影が深い、暖かみ

最適な用途： ダークアカデミアの誌面スプレッド

陰影の深い樹木や使い込まれた革は、埃とインクが香る図書館のようです。エスプレッソと樹皮のブラウンでレイアウトを固め、パーチメント色で引用や余白を。セリフ書体、小文字、控えめな罫線とも好相性。コツ：イメージは暖色・低コントラストでまとめ、モダンに見せずアーカイブ感を意識しましょう。

media.ioで生成されたレイヴンウッド図書館の画像例

8）月光に照らされた大理石

HEX： #0b0e12 #202733 #46505f #9aa3ad #f0ede7

雰囲気： 優雅、冷ややか、現代的

最適な用途： ミニマルなWebヒーローセクション

冷たい月明かりが磨かれた大理石を照らし、スリークで静か、少し不気味な印象を与えます。ミッドナイトネイビーをヘッダーやフッターのベースに、本文エリアは柔らかな石色で高級感を維持。このパレットはモダンなタイポグラフィやアイコンともマッチしつつ、雰囲気を壊しません。コツ：一番明るいトーンでコントラストの高いボタンを作ると、注目を誘導できます。

media.ioで生成された月光に照らされた大理石の画像例

9）血のワイン色のブロケード

HEX： #120b0d #2b1016 #5a1d2a #8b4b3f #d6c2a1

雰囲気： 劇的、バロック、強烈

最適な用途： ゴシック劇のための劇場チラシ

濃厚なブラッドワインとブロケードの暖かみが、ビロードの座席、重いカーテン、そしてささやき合う秘密を思わせます。これらの不気味な館の配色は、最も暗い色調を背景に使い、カッパーブラウンでサブテキストを支えると最も効果的です。日付やチケット情報にはパーチメントベージュをスポットライトのように使いましょう。コツ：装飾的なフローリッシュは細く保ち、濃い赤が主役になるようにしましょう。

media.ioで生成されたブラッドワインブロケードの画像例

10) アンティーク肖像画フレーム

HEX： #10110d #2a2b22 #4d4a3a #8b7d5b #d9d0b6

雰囲気： ヴィンテージ、落ち着いた、品格

最適な用途： ミュージアムスタイルの展示ポスター

落ち着いたオリーブ色とアンティークゴールドは、ギャラリーの低い光を受けた肖像画のフレームのよう。ダークオリーブをタイポグラフィの軸にし、ブラス色で枠や章見出しを強調しましょう。温かみのあるアイボリーで読みやすく、時代を感じさせます。コツ：重いテクスチャーを避け、エッジにごく薄いビネットを加えると古い紙の雰囲気に。

media.ioで生成されたアンティーク肖像画フレームの画像例

11) サンダークラウド回廊

HEX： #0a0b0f #1c1f28 #3a3f4c #626c7a #bfc6cf

雰囲気： 嵐のよう、緊張感、スタイリッシュ

最適な用途： ストリーミングサムネイルテンプレート

嵐のグレーとブルーブラックの陰影は、長い廊下の終わりに雷が迫る気配。最も暗い色調で背景を作り、クラウドグレーでタイトルを強調しコントラストを高めましょう。この配色はサイズが小さくても視認性が高く、サムネイルに最適。コツ：主要ワードのみに明るいハイライトを当て、全体が平坦なグレーにならないように。

media.ioで生成されたサンダークラウド回廊の画像例

12) 骨とキャンドルワックス

HEX： #1b1712 #3a2f25 #6a5946 #b7a48a #f2eadc

雰囲気： 居心地良い、不気味、ノスタルジック

最適な用途： ハンドメイド石鹸ラベルセット

温かい骨色とキャンドルワックス色は、古い燭台の蝋のしずくや薄暗い灯りの安らぎを連想させます。クリームをベースに、ココアブラウンで文字やアイコンをデザイン。ミッドタンは暖かみを加えつつオレンジっぽくなりません。コツ：イラストはシンプルな線画にして、ラベルが手作り感と読みやすさを両立するように。

media.ioで生成された骨とキャンドルワックスの画像例

13) 真夜中のティールパネル

HEX： #071114 #0f2a2d #1f4b4a #5f7e78 #d5d3c4

雰囲気： アクアティック、不気味、上品

最適な用途： ブティックホテルのロビームードボード

深いティールのパネルと霧がかったセージは、海辺の荘厳な屋敷を思わせる静けさ。最も暗いティールで壁や大枠を作り、シーグラスグリーンをファブリックやアクセントに。柔らかなボーンカラーで重くなりすぎないよう調整。コツ：コントラストのためにブラッシュドブラスの金具を加え、色数を増やさないようにしましょう。

media.ioで生成された真夜中のティールパネルの画像例

14) 煤とシルバーフィリグリー

HEX： #0e0f12 #252a30 #4a545e #9aa6b2 #e7eaee

雰囲気： 華麗、冷たい、洗練

最適な用途： ジュエリー製品広告バナー

艶やかなシルバーと煤のような影がフィリグリーのきらめきを演出。背景は深くマットに、シルバーブルーグレーで商品の縁や細部を見せましょう。コントラストが重要な高級広告に最適な配色です。コツ：最も明るい色でごく細いリムライトを入れ、ハイライトしすぎないように金属を引き立てます。

media.ioで生成された煤とシルバーフィリグリーの画像例

15) 幽霊の薔薇園

HEX： #141012 #2f1c24 #5a2e3a #8a6b6e #d9c9c3

雰囲気： ロマンチック、しおれた、夢幻的

最適な用途： バレンタインホラーSNS投稿

しおれた薔薇とほこりをかぶったローズが、ダークなロマンスを夢見心地に演出。館の配色としては、ほぼ黒に近いプラムを枠に使い、柔らかなローズをタイポグラフィや小さな形でアクセントに。粒状グラデーションや控えめな花のシルエットと組み合わせましょう。コツ：純白の文字は避け、淡いブラッシュを選ぶとソフトで不気味な雰囲気を保ちます。

media.ioで生成された幽霊の薔薇園の画像例

16) チャペルのステンドグラス

HEX： #0c0f12 #1b2a2a #2f4d3e #7b6a3b #c8bfa6

雰囲気： 神聖、ムーディ、ヴィンテージ

最適な用途： ダークフォーク音楽アルバムカバー

神聖な影とステンドグラスのグリーンが、古い屋敷の一角の礼拝堂を思わせる雰囲気。深いグリーンとチャコールをメインフィールドに、タイトル周辺は抑えたゴールドでハローアクセントを。温かいパーチメントで小さいテキストも読みやすく、古風な雰囲気を壊しません。コツ：幾何学的な窓のモチーフをさりげなく入れると、追加のイメージなしで全体がまとまります。

media.ioで生成されたチャペルのステンドグラスの画像例

17) クモの巣レース

HEX： #0f0f10 #2c2a2e #5a575f #a9a2aa #f3f0f2

雰囲気： 繊細、不気味、ミニマル

最適な用途： ファッションルックブックレイアウト

繊細なグレーと柔らかな白がレースやクモの巣、舞い上がる埃を表現。見出しは漆黒に、淡い色で広い余白やシンプルなグリッドを作りましょう。この配色は現代的なファッション写真と相性抜群で、主張しすぎません。コツ：アクセントのラインは細く均一にし、デザインが重くならないように。

media.ioで生成されたクモの巣レースの画像例

18) 毒リンゴのパーラー

HEX： #0f1110 #1e2a1f #3b5a36 #7a1f2a #d6c8a8

雰囲気： 邪悪、遊び心、大胆

最適な用途： ハロウィンバーのカクテルメニュー

邪悪なグリーンと強烈なクリムゾンが、ロウソクの明かりのパーラーで出される毒リンゴを思わせます。館カラーの配色で、グリーンを主役に、レッドは値段やスペシャルだけに用いるとメニューが映えます。暖かいベージュでテキストブロックも薄暗い照明下で読みやすく。コツ：シグニチャードリンク一種だけ赤で強調し、バランスを崩さないようにしましょう。

media.ioで生成された毒リンゴのパーラーの画像例

19) 霊気のブルースモーク

HEX： #0b0d12 #1a2333 #2f3f5a #6d7f9a #d7dde7

雰囲気： 幽玄、空気感、シネマティック

最適な用途： ミステリーポッドキャストカバーアート

青白い煙と冷たいスレート色が、階段に漂うささやきを彷彿とさせます。濃紺を背景に、ミスティブルーでタイトルやほのかな光を強調。淡いグレイッシュブルーはエピソード数やタグなど小さい箇所に最適。コツ：タイトルの背後に柔らかな霞を加えて奥行きを出しましょう。新しい色を増やさずに済みます。

media.ioで生成された霊気のブルースモークの画像例

20) 地下室の石炭と琥珀

HEX： #0b0a08 #221a12 #4a3320 #a4632a #e2c48d

雰囲気： 粗野、暖かい、サスペンスフル

最適な用途： 脱出ゲームのランディングページ

石炭のような黒と琥珀色の光が、木箱にぶら下がる地下の電球を感じさせます。ダークトーンをセクションやナビゲーションに、琥珀色はボタンや誘導箇所のみに使ってクリック誘導に。画面上でも見やすく、瞬時に緊張感が出せます。コツ：琥珀はコールトゥアクションのみに使い、特別感を保ちましょう。

media.ioで生成された地下室の石炭と琥珀の画像例

21) エクトプラズムミントダスト

HEX： #0f1413 #20302c #3d5a52 #8fb1a4 #efe8d9

雰囲気： 奇妙、新鮮、控えめ

最適な用途： スプーキーな雰囲気のスキンケアラベル

奇妙なミントダストと深い緑の影が、アンティーク陶器に付いたエクトプラズムを思わせます。ダークグリーンで高級感のあるベースに、柔らかいミントで意外性とモダンさをプラス。サンセリフの最小限な書体と余白をしっかり取り、チープさを回避しましょう。コツ：ミントは商品名や細いストライプにだけ使い、ラベルの高級感を損なわないように。

media.ioで生成されたエクトプラズムミントダストの画像例

22) 屋根裏部屋のセピアのささやき

HEX： #120f0b #2b241a #5a4a35 #9a8263 #e7d8c0

雰囲気： ノスタルジック、ほこりっぽい、親密

最適な用途： 写真プリセットプロモバナー

ほこりをかぶったセピアと暖かいパーチメントが、屋根裏の手紙や古びた写真箱を思い起こさせます。一番暗い茶色でタイポに強さを出し、暖かいタンで背景を区切り読みやすさアップ。フィルムグレインやソフトビネット、クラシックなセリフ体見出しと相性抜群。コツ：明るいパーチメントは枠として使い、バナーがアンティークプリントのように。

media.ioで生成された屋根裏部屋のセピアのささやきの画像例

幽霊屋敷と相性の良い色は？

不気味な館カラーは「古びた」ニュートラル、つまりチャコール、煤黒、霧グレー、パーチメント、ボーン、暖かいグレージュと合わせるのが最適です。これによりパレットが落ち着き、アクセントも効果的に映えます。

アクセントカラーには、くすんだ金属（曇った真鍮、アンティークゴールド、シルバーブルー）、そして深い宝石色（ブラッドワイン、インキーバイオレット、真夜中のティール）がおすすめ。薄暗いシーンでも現実味を損なわず、個性を加えます。

モダンな雰囲気が欲しい場合は、ミスティブルーやペールストーンのようなクールなハイライトをひとつだけ足し、彩度は控えめに。幽霊の館らしさはコントラストと抑制が生み出すもので、明るい色を増やすことではありません。

実際のデザインで幽霊屋敷カラーパレットを活用する方法

まず暗い色をベースに雰囲気を作り、ミッドトーンは面積の広い場所（カード、パネル、背景用）に、明るい色は可読性のために使いましょう。こうすることで、UI・ポスター・パッケージが真っ黒一色にならず引き締まります。

アクセントは「ロウソクの明かり」のように。ボタン、見出し、枠、小さなオーナメントなどに使用します。全てがハイライトされていると、不気味さは失われます――ゴールドや琥珀、ワイン色は階層を示すための慎重なサインとして使いましょう。

テクスチャはお化け屋敷のデザインで多くの役割を果たします。これらのカラーパレットに、微細なグレイン、紙繊維、パティーナ、または柔らかなグラデーションを組み合わせることで、色が素材（石、ベルベット、真鍮）のように感じられ、平坦に見えないようにしましょう。

AIで幽霊屋敷パレットのビジュアルを作成

お化け屋敷のカラーコンビネーションを実際に見たい場合は、用途に合わせたモックアップを作成してみてください。ポスター、ブックカバー、UI画面、ラベル、ムードボードなどです。良いプロンプトと一貫したパレットがあれば、そのトーンが「映画的」か、ただ暗いだけなのかをすぐに判断できます。

Media.ioのテキストから画像生成ツールを使えば、素早く試行錯誤できます——アクセントカラー（ゴールドからシルバー、ワインからバイオレットなど）を入れ替えたり、ソーシャルメディアやウェブ用に比率を変えたり、様々なバリエーションでも雰囲気を保つことができます。

気に入った方向性が見つかったら、いくつかのバリエーションをエクスポートして、実際のサイズ（サムネイル、モバイル、印刷用）でテストしましょう。お化け屋敷のパレットは、低彩度で暗いデザインでもコントラストが読みやすく保たれているときに成功します。

次： 水彩カラーパレット