インディゴカラーパレット20選（HEXコードとAIデザイン例付き）

インディゴはブルーとバイオレットの間に位置し、自然と信頼感と想像力の両方を感じさせます。このバランスにより、深みを持ちながらも厳しく見えないため、ブランドやインターフェイス、印刷物などで人気があります。

以下はHEXコード付きで厳選された20種類のインディゴ配色の組み合わせと、実用的な組み合わせのコツ、さらにAIでビジュアル生成に使えるプロンプトです。

インディゴパレットが優れている理由

インディゴはブルーの安定感にバイオレットのミステリアスな雰囲気を加え、デザインに自信と高級感を与えます。純粋なブラックほど強くはなく、“真剣”な雰囲気を演出できます。

インディゴは周囲の色によってクールまたはウォームに振れるため、クリームやメタリック、パステル、ネオンと簡単に組み合わせられます。この柔軟性により、ミニマルなUIにも表現力豊かなポスターにも適しています。

印刷やデジタルでもインディゴはコントラストを保ちやすく、見出しやナビゲーション、アクセントに強い階層性をもたせつつ、全体の仕上がりを洗練した印象にします。

20種類以上のインディゴカラーパレットアイデア（HEXコード付き）

1）ミッドナイトインククリーム

HEX： #1f1b4d #2f2a6e #5a55a6 #d7d2c4 #f6f2ea

ムード： ムーディー、洗練、エディトリアル

おすすめ用途： ラグジュアリーブランドのアイデンティティやステーショナリー

温かみあるクリームに深いミッドナイトインクが映え、まるでハードカバー本や柔らかなランプの灯りのよう。見出しやモノグラムにはダークインディゴを、余白にはクリームを使用します。マットな紙の質感やさりげないエンボス、ミニマルなラインアイコンと相性抜群です。コツ：本文は一番濃い色、マージンには一番明るいクリームを使うとレイアウトが軽やかになります。

media.ioで生成したミッドナイトインククリームの画像例

Media.io

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

今すぐ無料で試す

2）インディゴオーロラ

HEX： #221a63 #3a2fb3 #6b5cff #2bd3c6 #e9f7ff

ムード： エレクトリック、未来的、楽観的

おすすめ用途： 音楽イベントポスターデザイン

ネオンティールと明るいバイオレットのハイライトが光るエレクトリックオーロラの雰囲気。インディゴの配色は、コントラストをしっかりつけると効果的。背景には最も濃い色、スポットライトにはティールを使います。ボールドで細身の書体やグラデーション、シンプルな幾何学形と合わせて。コツ：ネオンのアクセントは日付や会場など重要な情報だけに絞り、ポスターの可読性を保ちましょう。

media.ioで生成したインディゴオーロラの画像例

3）デニムサンドストーン

HEX： #2a2b7c #3d55a5 #7c92c9 #c8b08a #f2eadc

ムード： カジュアル、アウトドア、親しみやすい

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

使い込まれたデニムブルーと焼けたサンドストーンは、週末のロードトリップのようにリラックス感と親しみやすさを演出します。タイトルにはミッドトーンのインディゴ、背景や枠にはサンディな中立色を使用。ナチュラルな質感やフィルムグレインのエフェクト、温かみのある写真とよく合います。コツ：サムネイルのラベルは一番濃い色で書くと写真上でもくっきり読みやすくなります。

media.ioで生成したデニムサンドストーンの画像例

4）ロイヤルインディゴゴールドリーフ

HEX： #1c1456 #2f2a8a #4b45c7 #d1a84a #fbf4e6

ムード： 王室風、祝祭的、高級感

おすすめ用途： プレミアム商品パッケージデザイン

ゴールドリーフと組み合わせたロイヤルインディゴは、特別版リリースのような式典の雰囲気を醸します。高級感ある配色なら、一番濃い色を基調にして、ゴールドはロゴや封印、縁取りなどポイントに使用。クリームを挟むことできついコントラストを避けられます。コツ：ゴールド部分には繊細なグラデーションやシャープなハイライトを加え、金属インクの質感を再現しましょう。

media.ioで生成したロイヤルインディゴゴールドリーフの画像例

5）ストーミーハーバー

HEX： #1b2447 #2c3b73 #4a6aa8 #8aa3b8 #e8eef3

ムード： 落ち着いた、沿岸風、信頼感

おすすめ用途： SaaSランディングページのヒーローセクション

曇天の海辺のような穏やかで信頼感あるブルーが特徴です。ヒーローヘッドラインやナビには一番濃いインディゴを使い、セクションにはミスティブルーグレーを組み合わせます。シンプルなラインアイコンや十分な余白と合わせてモダンな雰囲気に。コツ：最も薄い色はカードやフィーチャーブロック用にとっておくとスキャンしやすくなります。

media.ioで生成したストーミーハーバーの画像例

6）ラベンダーダスク

HEX： #241a66 #4730a6 #8a6bd1 #d8c8f2 #fff6fb

ムード： ソフト、夢幻、ロマンチック

おすすめ用途： スキンケアのSNSカルーセル

ラベンダーダスクは、夕暮れが静かな夜へと移ろうような優しくロマンチックな雰囲気。商品名には深いインディゴを、背景や優しい図形には淡いラベンダーを使います。クリーンなサンセリフ書体や最小限の製品写真切り抜きと組み合わせて。コツ：最初のスライドにはインディゴからライラックへの繊細なグラデーションを追加すると、瞬時に高級感が出ます。

media.ioで生成したラベンダーダスクの画像例

7）ネオンナイトライフ

HEX： #120b3a #2b1e7a #ff3fd1 #16e0ff #f3f0ff

ムード： ボールド、クラブ風、ハイエナジー

おすすめ用途： DJフライヤーデザイン

濃いベースを背景に、ホットマゼンタとアイスシアンが鮮烈に輝くネオンナイトライフ。グローを最大限に活かすために、インディゴはほぼブラックに近いトーンを使い、ネオンアクセントは名前や重要事項のみに。オーバーサイズの書体や角ばった図形、光の軌跡効果とも相性抜群。コツ：サブテキストは淡いライラックで統一し、ネオンと競合しないようにしましょう。

media.ioで生成したネオンナイトライフの画像例

8）ヘリテージタータン

HEX： #1d1c57 #2f2f86 #3e7a6b #b24a3a #f2e7d8

ムード： 伝統的、暖かみ、手作り感

おすすめ用途： コーヒーショップのブランドアイデンティティ

深いインディゴにエバーグリーンと赤煉瓦色がアクセントになった、伝統的で温かみのあるタータン。ロゴタイプやメニュー見出しにはインディゴを、赤はスタンプやボタン、CTAなどで控えめに使用。紙の質感やセリフ体、シンプルなバッジアイコンとも合います。コツ：背景はクリーミーにまとめ、重たさや暗さを回避しましょう。

media.ioで生成したヘリテージタータンの画像例

9）ミニマルインディゴUI

HEX： #14123d #2a2673 #4f4aa8 #cfd2e6 #f7f8fc

ムード： クリーン、モダン、集中

おすすめ用途： ファイナンスダッシュボードのUIモックアップ

クリーンなインディゴニュートラルは、整然としたワークスペースのような集中感とプロフェッショナルさを与えます。このインディゴパレットはダッシュボードに最適で、ナビゲーションには一番濃い色、チャートには中間のインディゴ、表面には淡いグレーを使います。細い区切り線・角丸カード・控えめなアイコンとマッチします。コツ：一番明るい白は主要な指標だけに使い、階層を一目で分かりやすくしましょう。

media.ioを使って生成された、ミニマルなインディゴUIの画像例

10) ボタニカルインディゴガーデン

HEX： #24206a #3b3aa3 #5f8f6f #a7caa6 #f4f7ee

ムード： フレッシュ、ナチュラル、落ち着き

おすすめ用途： 水彩ボタニカルイラストレーション

インディゴの影が入ったフレッシュなグリーンの庭は、雨上がりの葉のように落ち着きと生命力を感じさせます。アウトラインや濃い花びらにはインディゴを使い、茎や背景の淡いグリーンを重ねて塗ります。オフホワイトの紙質と繊細な手書き文字を組み合わせましょう。ポイント：最も濃い色はメインの花だけに使うと、イラストが軽やかに仕上がります。

media.ioを使って生成された、「ボタニカルインディゴガーデン」の画像例

11) ココアインディゴコージー

HEX： #221a5c #3c2e86 #6a58b5 #6c4a3c #f2e4d7

ムード： 居心地の良さ、親しみ、クラフト感

おすすめ用途： ハンドメイドキャンドルラベルデザイン

ビロードのようなインディゴとココアブラウンは、冬の夜や温かなマグカップを想起させます。ブランドマークや香りの名前にはインディゴを使い、ココアの色調でラベルを囲み温かみを加えます。クラフト紙の質感、ミニマルな線画、丸みのあるセリフ体と組み合わせてください。ポイント：最も濃い色はスポットカラーで印刷し、テクスチャのある紙でも小さい文字をくっきり保ちましょう。

media.ioを使って生成された、「ココアインディゴコージー」の画像例

12) オセアニックインディゴドリフト

HEX： #1a1f5a #253b8a #2f6fb4 #5fd0c6 #e7fbff

ムード： 爽やか、風通しの良さ、冒険的

おすすめ用途： 旅行ニュースレターヘッダー

オーシャンブルーのグラデーションは、上空から見た陽の差す水面のように爽やかで開放感があります。マストヘッドやセクションタイトルはインディゴ、アクアやティールはアクセントや区切りパーツに使います。クリーングリッド、ワイドなヒーローフォト、シンプルな地図アイコンを組み合わせてください。ポイント：コールトゥアクションボタンはティール地にインディゴ文字で明るさと可読性を両立。

media.ioを使って生成された、「オセアニックインディゴドリフト」の画像例

13) インディゴブロッサムウェディング

HEX： #261b6f #3d2ea8 #a68adf #f0c7d8 #fff3f7

ムード： ロマンチック、エレガント、お祝い

おすすめ用途： 結婚式招待状セット

深いインディゴのロマンチックな花は、記念の本に挟まれた花びらのように上品で時を超えた雰囲気です。名前や罫線はインディゴ、アクセントはブラッシュ、ほんのりピンクは紙の色に使用。スクリプト体は最小限にし、可読性の高いセリフ体を使いましょう。ポイント：RSVPや詳細カードも細いインディゴ枠でまとめると調和が生まれます。

media.ioを使って生成された、「インディゴブロッサムウェディング」の画像例

14) テクノバイオレットグリッド

HEX： #120b40 #2a1a8f #6c47ff #a6ff3b #f4f6ff

ムード： テック系、エッジィ、ハイコントラスト

おすすめ用途： アプリローンチティーザーバナー

鋭いライムアクセントとテクノバイオレットは、ダークなコンソールのLEDのように速く未来的です。ベースにはインディゴで太い文字やグリッドラインを書き、ライムはボタンや短いアクセントのみに。等幅フォント、シンプルなアイコン、クリーングラデーションと組み合わせてください。ポイント：ライムは大きな面には使わず、バナー全体が強すぎないよう調整しましょう。

media.ioを使って生成された、「テクノバイオレットグリッド」の画像例

15) インディゴテラコッタスタジオ

HEX： #1f1a5d #352c93 #6a63c9 #c36a4a #f5e8de

ムード： クリエイティブ、安定感、コンテンポラリー

おすすめ用途： インテリアデザイン ポートフォリオサイト

しっかりとしたテラコッタとキリッとしたインディゴは、現代のスタジオや陶芸・テキスタイル・スケッチを思わせます。インディゴの配色はテラコッタをアクセントとして使うことでより引き立ちます。十分な余白と大きな画像グリッドを組み合わせましょう。ポイント：中間色のインディゴをキャプションやタグに使うと、純粋な黒より柔らかい雰囲気になります。

media.ioを使って生成された、「インディゴテラコッタスタジオ」の画像例

16) ウィンターインディゴフロスト

HEX： #1a184a #2b2a78 #5b6db1 #c8d6ee #f8fbff

ムード： クール、静寂、ミニマリスト

おすすめ用途： コーポレート年次報告書表紙

冬の霜のトーンは、青い夕空の下の新雪のように静かで洗練されています。タイトルやデータの強調には濃いインディゴ、他はアイシーなブルーで落ち着いた構成に。細いルール線、クリーンなチャート、広い余白と組み合わせて。ポイント：さりげないインディゴグラデーションバーを加えると、表紙に深みが出ますが散らかった印象になりません。

media.ioを使って生成された、「ウィンターインディゴフロスト」の画像例

17) ギャラリーインディゴエディトリアル

HEX： #19174b #2e2a83 #6e6ac1 #b8b6d8 #f5f5fb

ムード： アーティスティック、構成的、洗練

おすすめ用途： 雑誌特集レイアウト

洗練されたギャラリーの配色は、静かな展示室と柔らかなスポットライトを思わせます。インディゴを基調にしたエディトリアルグリッドは美しく、最も濃い色は見出しや引用文、淡いライラックグレーはコラムやキャプションに使いましょう。コントラストの高い写真や十分な余白ともマッチします。ポイント：アクセントカラーはセクションマーカーだけに限定し、長いページでも読者を誘導しやすくします。

media.ioを使って生成された、「ギャラリーインディゴエディトリアル」の画像例

18) レトロインディゴポップ

HEX： #231d72 #3b35b6 #ffb703 #fb5607 #fff1d6

ムード： ポップ、レトロ、インパクト

おすすめ用途： ブランドステッカーパックデザイン

温かみのあるオレンジや明るいイエローがインディゴと組み合わされ、レトロなポップエネルギーが画面から飛び出すようです。アウトラインや文字はインディゴでまとめ、暖色系がカタチやバッジを鮮やかに彩ります。太字タイポグラフィとシンプルなイラストアイコンと合わせましょう。ポイント：背景はクリーミーにして、オレンジとイエローが強すぎないようにします。

media.ioを使って生成された、「レトロインディゴポップ」の画像例

19) インディゴクレイパッケージング

HEX： #1f1c5c #35319a #7b79d6 #b07d6b #f3ece6

ムード： モダン、アーシー、ブティック

おすすめ用途： コスメパッケージモックアップ

アーシーなクレイと涼しさのあるインディゴは、工房の棚に並ぶセラミックのような手触りや高級感を演出します。ブランドマークや成分の強調にはインディゴ、全体はクレイで柔らかな印象に。ミニマルなラベルや細い線画、温かみのあるオフホワイト背景と合わせて。ポイント：最も明るいラベンダーはサブ要素のみに用い、全体は落ち着いた雰囲気に。

media.ioを使って生成された、「インディゴクレイパッケージング」の画像例

20) クワイエットライブラリートーン

HEX： #1c194f #2f2a7b #5a55a8 #a49b8f #f1eee9

ムード： 落ち着き、知的、時代を超えて

おすすめ用途： ブックカバーデザイン

クワイエットライブラリートーンは、積まれた本と柔らかなリネンのように穏やかで時代を超えた印象です。インディゴパレットは、暖かいトープと合わせることで、落ち着いた文学的な雰囲気になり、古臭くなりません。クラシックなセリフ体、さりげないテクスチャ、最小限の装飾と組み合わせてください。ポイント：タイトルは最も濃い色、著者名はトープ色で、階層を明確に。

media.ioを使って生成された、「クワイエットライブラリートーン」の画像例

インディゴと相性の良い色は？

インディゴはクリーム、アイボリー、ベージュ、トープなどの暖色中間色と美しく調和し、深みを和らげつつレイアウトの読みやすさも保ちます。特にエディトリアルデザイン、パッケージ、ステーショナリーではこの組み合わせが効果的です。

モダンなコントラストには、インディゴにティール、シアン、ライム、マゼンタなど鮮やかなアクセントを加えてみましょう。アクセントカラーはボタンやアイコン、重要なディテールだけに抑えることで、パレットが整然と仕上がります。

やわらかく上質な印象を求めるなら、インディゴとライラック、ラベンダー、淡いブラッシュトーンを組み合わせます。グラデーションや背景、ブランドに落ち着いた雰囲気を作り出せます。

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

最初に役割を決めてください：一番濃いインディゴは見出し、ナビゲーション、主文字に使い、中間色はUIパーツやチャート、淡い色は面やカード、余白などに。これで画面全体の階層が一貫します。

印刷物の場合、インディゴは暖かい紙色（クリーム、ブラッシュ、オフホワイト）とバランスを取り、質感はマット加工やエンボス、グレインで加えましょう。メタリックゴールドやカッパーは強いアクセントですが、必ずサブ的に使いましょう。

ブランディングでは「シグネチャー」インディゴ1色とアクセントを1色決め、背景やホバーステート用のサポート用ティントを設計すると効果的です。少数で繰り返し使えるシステムは、複数の鮮やかな色より高級感が出ます。

AIでインディゴパレットのビジュアルを作成する

すでにHEXコードがあれば、シーンやレイアウトタイプ（ポスター、UI、パッケージ）、インディゴを強調する場所を説明すると一貫したコンセプトビジュアルが生成できます。素材（マット紙、箔、ガラス）を指定するとAIが仕上がりに沿った結果を出します。

パレットごとに掲載されているプロンプトを出発点とし、モチーフ（例：「キャンドルラベル」を「コーヒーバッグ」に）を変えつつ、色の方向性はそのままで応用すると、最初から作り直さずに多様なモックアップを探れます。

Media.ioを使えば、数クリックでムードボードやブランド検討、プレゼン用のインディゴパレットのビジュアルが作成できます。

次へ： パープルワインカラーパレット