おすすめの溶岩カラーパレット22選とHEXコード一覧

溶岩パレットは、スモーキーニュートラルと高温アクセントの中間に位置します—ネオンになりすぎず、大胆さを演出したいデザインにぴったりです。

玄武岩ブラックや灰色ブラウンから炎のようなオレンジやピーチのハイライトまで、これらの組み合わせはブランディング、UI、パッケージ、ポスターで幅広く活用できます。

溶岩パレットが優れている理由

溶岩カラーは、もともとコントラストが強いカラーリングです：深いチャコールやワインレッドが強い土台となり、炎のようなオレンジはCTAやラベル、重要情報に注目を集めます。

パレットが暖かく落ち着いた色調なので「プレミアム感」も漂います—ベーシックな赤よりも玄武岩や灰色を多く取り入れ、強さがシネマティックに感じられます。

さらに溶岩パレットは柔軟に使えます：夜遊びポスターやスポーツグラフィックでは強調し、パッケージ・エディトリアルレイアウトではクリームや暖色ニュートラルで優しく仕上げることもできます。

20以上の溶岩カラー パレットアイデア（HEXコード付き）

1）モルテンコア

HEX： #2b0f0a #7a1b12 #e24a1a #ff8a2a #f4d7b0

雰囲気： 強烈で輝く

おすすめ用途： ブランドヒーローバナー

強烈で輝き、割れた地殻が内部から光を放つような印象です。この溶岩カラーパレットは、最も暗い色でヘッドラインを際立たせ、明るいオレンジをCTAに使うのが最適です。暖かい紙色のホワイトと組み合わせて、グラデーションは控えめにすると高級感が保たれます。ポイント：淡い砂色はスペーシングやハイライトに使い、赤が重くなりすぎないようにしましょう。

media.ioで生成したモルテンコアの画像例

Media.io

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

今すぐ無料で試す

2）玄武岩エンバー

HEX： #120b0a #3a1f1a #8f2a1a #f05a28 #ffd2a6

雰囲気： 地に足つき大胆

おすすめ用途： ストリートウェアロゴやラベル

地に足がつき大胆、冷えた玄武岩の上で熱い火花が弾けるような印象です。ブラックで文字をはっきりとさせ、オレンジはステッチやタグ、アイコンなどアクセントに。クラフト感のある素材やマットな黒と自然に合い、高級感を演出します。ポイント：ピーチのハイライトは控えめに、パレット全体をタフでモダンに保ちましょう。

media.ioで生成した玄武岩エンバーの画像例

3）アッシュグロー

HEX： #2a2322 #5a4a45 #b84a2a #ff7a3a #efe2d6

雰囲気： スモーキーで温かみのある

おすすめ用途： コーヒーショップのメニュー

スモーキーで温かみがあり、灰の霞を通して炎の光が差し込むような雰囲気です。暖灰色ブラウンはテキストやセクション分けに最適、オレンジは食欲や活気を添えます。オフホワイトの紙とシンプルな線アイコンで読みやすさも向上します。ポイント：オレンジは価格や重要な呼びかけだけに使い、メニューの落ち着きを保ちましょう。

media.ioで生成したアッシュグローの画像例

4）黒曜石ヒート

HEX： #0a0a0c #2a1214 #6d1a1e #d43b2a #f2b07b

雰囲気： 劇的でラグジュアリー

おすすめ用途： ナイトライフポスター

劇的でラグジュアリー、火山のネオンが暗いクラブを照らすような印象。黒曜石ベースでコントラストを際立たせ、赤オレンジは遠くからも目立つタイポグラフィに。クリーミーなピーチは日付や会場情報などのセカンドディテールに適しています。ポイント：余白を多めに取って、ストリートスピードで即座に読めるポスターにしましょう。

media.ioで生成した黒曜石ヒートの画像例

5）スパイスクレーター

HEX： #3b1b12 #7f2f1e #c24b2a #ff9a3c #f6e1c8

雰囲気： 温かく食欲をそそる

おすすめ用途： ソースボトルのパッケージ

温かく食欲をそそり、輝くクレーターの近くで焙煎スパイスが渦巻くようなイメージです。オレンジはネオンにならず、味わい深く食のパッケージに最適です。クリーム色ラベルや深いブラウンで原材料表示をすると読みやすさもアップ。ポイント：最も明るいオレンジは風味バッジや辛さマークのみに使用しましょう。

media.ioで生成したスパイスクレーターの画像例

6）シンダーローズ

HEX： #2a1418 #5a2832 #a63a4a #f05a3a #f2c7b8

雰囲気： ロマンティックで情熱的

おすすめ用途： バレンタインプロモーション

ロマンティックで情熱的、バラ色の煙と熱のフラッシュが溶け合うイメージです。暗いプラムトーンは背景に、コーラルオレンジはボタンや割引バーストへ。柔らかいクリームペーパーと繊細なセリフ体で現代的なロマンティック感が演出できます。ポイント：グラデーションは控えめに、赤のエレガントさを保ちましょう。

media.ioで生成したシンダーローズの画像例

7）サンセットマグマ

HEX： #2b0e14 #6b1e2a #c23a2a #ff6f2c #ffd0a8

雰囲気： エネルギッシュでシネマティック

おすすめ用途： 旅行サムネイル

エネルギッシュで映画的、暗い岩の上に輝く地平線を思わせる雰囲気です。深いワイン色はタイトルバーの基盤に、オレンジはバッジやタグで注目を集めます。クリーンな余白とコントラスト高いタイポグラフィで小さなサムネイルでも読みやすさを確保。ポイント：ライトピーチは細いアウトラインに使い、暗い背景で要素を分離しましょう。

media.ioで生成したサンセットマグマの画像例

8）アイアンファーナス

HEX： #1a1412 #3b2a24 #7a3b2a #d95a2a #f2d0b2

雰囲気： インダストリアルで暖かい

おすすめ用途： ワークショップブランディング

インダストリアルで暖かく、鍛造された金属が新しい火花を受けるイメージです。チャコールブラウンがロゴやサインの土台となり、オレンジは活気と実用性を演出します。シンプルな幾何学アイコンと無加工紙と組み合わせればクラフト感が高まります。ポイント：ライトベージュは背景用に、暗い色の読みやすさを維持しましょう。

media.ioで生成したアイアンファーナスの画像例

9）エンバークレイ

HEX： #2a1a14 #6a3a2a #b85a3a #ff7a42 #f7dcc6

雰囲気： アース感・職人風

おすすめ用途： セラミックショップのウェブサイト

素朴で職人風の雰囲気は、粘土の窯や柔らかな熱を思わせます。これらの溶岩カラーの組み合わせは、製品写真を圧倒せずに温かみを出したいウェブセクションで輝きます。中間のテラコッタをオフホワイトのUI面に合わせ、オレンジはホバーステートに使用します。ヒント: ボタン用のアクセントカラーを1色選び、全ページで一貫して使いましょう。

media.ioで生成されたエンバークレイの画像例

10）ヴォルカニックモカ

HEX： #1d1411 #4a2e25 #8a4a2c #e06a2a #f4e0cf

雰囲気： 居心地よくプレミアム

おすすめ用途： コーヒーパッケージ

居心地よく上質で、ダークローストのクレマにエンバーのきらめきが加わった印象です。濃いブラウンは主パックに使い、オレンジは小アイコンやローストレベルの印に使いましょう。クリーム色ラベルやマット仕上げでブティック感を演出します。ヒント: タイポグラフィはコントラスト高く、濃い部分に細いフォントは避けましょう。

media.ioで生成されたヴォルカニックモカの画像例

11）クリムゾンリフト

HEX： #17070b #4b0f1a #8f1826 #ff4a2a #ffd1b8

雰囲気： パンチが効いてモダン

おすすめ用途： アプリのオンボーディング画面

パンチが効いてモダンな印象は、暗い石に明るい裂け目が入ったよう。ほぼ黒をベースに、クリムゾンをイラスト、ホットコーラルをメインボタンに使います。淡い色はフレンドリーなマイクロコピーや空白状態に。ヒント: フルスクリーンのコーラル使用は1ステップに限定し、見やすさを保ちましょう。

media.ioで生成されたクリムゾンリフトの画像例

12）マグマミスト

HEX： #261a18 #5a3a35 #b84a3a #ff6a3a #f2e6dd

雰囲気： 柔らかくスモーキー

おすすめ用途： ライフスタイルブログのヘッダー

柔らかくスモーキーな印象は、かすかに光る朝霧に似ています。この溶岩カラーパレットは、暖かいオフホワイトを主体にして、オレンジはリンクやハイライトに控えめに使うと親しみやすい雰囲気になります。落ち着いた写真、クリーンなゴシック体と合わせてエアリーでエディトリアルな雰囲気を。ヒント: 中間のブラウンをディバイダーに使い、整理されたレイアウトに。

media.ioで生成されたマグマミストの画像例

13）チャコールスパーク

HEX： #0f0f12 #2f2a2c #6a2a22 #ff6a2a #ffe2c9

雰囲気： スタイリッシュ＆ハイコントラスト

おすすめ用途： ダッシュボードUI

スタイリッシュ＆ハイコントラストで、炭の作業台に明るい火花が散る印象。ダークな面がチャートやカードをシャープにし、オレンジがアクティブステートの明確なフォーカスに。ウォームホワイトでラベル、サブアクセントは抑えめなブラウンが最適。ヒント: オレンジはアクション1種、例えばメインボタン専用にして視覚的な競合を避けましょう。

media.ioで生成されたチャコールスパークの画像例

14）キスドバイファイア

HEX： #2b0d0a #6a1a12 #c7331f #ff7a2f #f7c9a5

雰囲気： 力強くお祭り感

おすすめ用途： フェスティバルチケット

力強く祝祭的で、夜の空気に焔が反射しているよう。深い赤はチケット背景のベースに、オレンジやピーチはQRや重要情報欄にエネルギーを与えます。シンプルなパターンや太めのフォントに組合せて素早く確認できます。ヒント: 細字は最も淡い色にして、暗い部分でも読みやすさを維持しましょう。

media.ioで生成されたキスドバイファイアの画像例

15）スート＆サフラン

HEX： #141112 #3a2d2b #8a3a2a #f06a2a #f2c56a

雰囲気： ムーディー＆スパイシー

おすすめ用途： レストランSNS投稿

ムーディーでスパイシー、すすのような深みと鮮やかなサフランのアクセントをもたらします。この溶岩カラースキームは、暖かみとコントラストが欲しいフード系コンテンツにぴったり。キャプション用のクリーム色背景、ゴールデンイエローの小さなハイライトとして使いましょう。ヒント: オーバーレイは半透明にして、画像の上でも文字を読めるようにしましょう。

media.ioで生成されたスート＆サフランの画像例

16）ラバランタン

HEX： #1a0f0f #4a1f1a #a62f1f #ff6a1f #ffd8b0

雰囲気： 祝祭的＆あたたかい

おすすめ用途： ホリデー用メールヘッダー

祝祭的で温もりがあり、暗い通りに灯るランタンの光を思わせます。深い赤はヘッダーの帯に、鮮やかなオレンジはボタンの誘導に最適。柔らかいクリームの余白や少しのテクスチャも加えて、手作り感を出しましょう。ヒント: オレンジを小さなアイコンセットのみに繰り返し使い、全体を統一しましょう。

media.ioで生成されたラバランタンの画像例

17）スコーチドキャニオン

HEX： #1f120f #4a2a1f #8a3f2a #d96a2a #f2d7c5

雰囲気： ワイルドでアウトドア風

おすすめ用途： ハイキングポスターシリーズ

ワイルドでアウトドア感があり、一日中日に照らされた渓谷の壁のよう。ダークブラウンは大胆なタイトルや地図風ラインに、オレンジはトレイルのハイライトや難易度バッジに使います。オフホワイト背景とシンプルなイラスト形状が最適。ヒント: 明るい色をメインフィールドに使い、遠くからでも読み取りやすくしましょう。

media.ioで生成されたスコーチドキャニオンの画像例

18）ペッパーアッシュ

HEX： #111012 #3a3436 #7a5a4a #e06a3a #f2efe9

雰囲気： ミニマル＆現代的

おすすめ用途： インテリアムードボード

ミニマルで現代的な印象は、ペッパーチャコールが暖かい粘土で柔らかくなった感じ。ほぼ黒やグレーはタイポグラフィやスウォッチに、オレンジはアクセントのタイルとして自信を持って加えて。クリーミーホワイトやリネンや木目のような自然素材とも良く合います。ヒント: アクセント使用は全体の10％未満にし、落ち着いたギャラリー感を保ちましょう。

media.ioで生成されたペッパーアッシュの画像例

19）フォージライト

HEX： #1a0f0a #5a1f12 #b83a1a #ff8a2a #ffe6c7

雰囲気： 熱く楽観的

おすすめ用途： 新商品広告

熱く楽観的な雰囲気で、鍛冶場の金属が明るく光る瞬間をとらえます。この溶岩系カラーパレットはランチ用クリエイティブにエネルギーを与え、オレンジがリードしダークがメッセージに枠を与えます。クリーンな余白と太字ゴシックでインパクトを演出。ヒント: 商品の背景グラデは薄クリームを使い、輪郭をシャープに。

media.ioで生成されたフォージライトの画像例

20）ラスティッドブルーム

HEX： #2a1410 #6a2a22 #b84a3a #ff7a4a #f2c0b0

雰囲気： 芸術的＆ノスタルジック

おすすめ用途： ウエディング招待状

芸術的かつ懐かしい雰囲気は、遅い陽光で温められたドライフラワーのよう。こうした溶岩系カラーパレットは、ブラッシュ系を主役、ラスティカラーを文字に使うと招待状に最適。テクスチャ入りの紙や抑えめのセリフ体でタイムレスな印象に。ヒント: 一番明るいコーラルはRSVPボタンや封筒ライナーなど、ワンポイントだけに。

media.ioで生成されたラスティッドブルームの画像例

21）インフェルノパンチ

HEX： #20070a #6a0f12 #d11f1f #ff5a2a #ffd2b0

雰囲気： 攻撃的でエネルギッシュ

おすすめ用途： スポーツチームグラフィック

攻撃的かつハイエナジー、暗闇のアリーナに炎の咆哮がぶつかる印象。ディープレッドは背景、パンチのあるコーラルはスコアハイライトや重要なスタッツに。強いコンデンストタイプとシンプル形状で一目で読みやすく。ヒント: 一番明るい色のグラデーションは避け、画面上でちらつきをなくしましょう。

media.ioで生成されたインフェルノパンチの画像例

22）デザートラバ

HEX： #2a1712 #6a3a2a #b86a3a #ff9a3a #f2e0c7

雰囲気： 日焼けしフレンドリー

おすすめ用途： スキンケアパッケージ

日焼けしてフレンドリーな雰囲気は、温かな砂や輝くオレンジを連想させます。こうした溶岩カラーはミニマルなスキンケア製品と特に相性が良く、自然で親しみやすい印象を与えます。柔らかい黒い文字や十分なクリームスペースと合わせてクリーンなアポセカリールックに。ヒント: 明るいオレンジはブランド印やシール1カ所だけに使い、上品さを保ちましょう。

media.ioで生成されたデザートラバの画像例

溶岩に合う色は？

溶岩トーンは温かみのあるニュートラルがベストパートナー：ペーパーホワイト、クリーム、サンド、ベージュやウォームグレーは、赤やオレンジを圧倒的ではなく意図的に見せてくれます。

コントラストをつけるには、黒曜石ブラックやチャコール、エスプレッソブラウン、ディープワインなどダーク系を加えます。こうした色味は文字をシャープにし、明るいエンバーのアクセントが“着地”する場所を与えます。

変化を求めるなら、メタリックゴールドやサフランイエローをほんの少量だけハイライトに使いましょう――ただし、使う色は一貫性と最小限を守り、オレンジと争わないように。

実際のデザインで溶岩カラーパレットを使う方法

見出しやフレーム、背景には暗いベース（玄武岩／チャコール）から始め、ボタンや値札、バッジなど主なアクションには“熱”の色（エンバーオレンジまたはコーラル）を選びます。

中間色（テラコッタ、ラスティ、暖かいブラウン）はサブUIステートやカード、イラストに活用し、明るい色（クリーム／ピーチ）は余白や背景、読みやすいテキストブロックにしましょう。

パレットを高級感のあるものにするには、5色すべてを均等に使うのは避けましょう。70/20/10バランス（ニュートラル/中間/鮮やか）が溶岩配色を整ったモダンな印象に仕上げます。

AIで溶岩パレットビジュアルを作成しよう

HEXコードがすでにあれば、ポスターコンセプト、パッケージモックアップ、サムネイル、UI画面へ数分で変換できます。レイアウトや雰囲気を説明して反復しましょう。

Media.ioでは、「フラット2Dヒーローバナー」「ダークダッシュボードUI」「スタジオパッケージショット」などのプロンプトを試し、溶岩カラーを説明へ貼り付けると一貫性を保てます。

方向性が気に入ったら、タイプスタイル・レイアウト密度・背景トーンのうち一つだけ変えてバリエーションを再生成し、統一感を維持しましょう。

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