デュークブルーは、深みがあり自信に満ちたネイビーであり、信頼・伝統・集中力を瞬時に印象づけます。UIシステムから印刷物、プレミアムパッケージまで幅広く使える、万能のアンカーカラーです。
以下では、20種類の厳選されたデュークブルーカラーパレットアイデア（HEXコード付き）と、実際のデザインで活用するための具体的なヒントをご紹介します。
本記事の内容
なぜデュークブルーパレットはこれほど効果的なのか
デュークブルーは「真面目だけど柔軟」というゾーンに位置します。権威を感じさせる十分な深さがありつつ、現代的なデジタルインターフェースにもなじむ清潔感も兼ね備えています。信頼性を求めるブランドに最適ですが、堅苦しすぎる印象にはなりません。
ベースカラーとして使用すれば、デュークブルーは淡い中間色（アイボリー、クリーム、クールグレーなど）と強いコントラストを作り、アクセントカラーをよりシャープに引き立てます。これにより、レイアウトやサイネージ、ダッシュボードで明確な視覚階層を作るのに役立ちます。
また、メタリックや暖色系との相性も抜群で、箔押しやエンボス加工、高級パッケージなどのプレミアムな仕上げに最適。ネイビーはブラックの代わりとしても使え、より柔らかい高級感を演出します。
20種類以上のデュークブルーカラーパレットアイデア（HEXコード付き）
1) キャンパスミッドナイト
HEX： #001A57 #0B2E8A #F4F1E8 #C9B37E #1C1C1C
雰囲気： 自信、大学風、クラシック
最適用途： 学校・チーム・クラブのブランドアイデンティティやステーショナリー
自信と大学風の雰囲気があり、ミッドナイトのスタジアムライトやパリッとした活版紙を思わせます。濃いブルーが全体を引き締め、クリームとアンティークゴールドが伝統と温かみを加えます。ロゴ、レターヘッド、グッズなどに最適で、即座に信頼を示したい場面で使えます。コツ：ゴールドは細いアクセントラインや箔加工など控えめに使い、ネイビーを主役にしましょう。
media.ioで生成したキャンパスミッドナイトの画像例
Media.ioは、ブラウザ上で動画・画像・音声を作成・編集できるオンラインAIスタジオです。
2) アイボリーレターヘッド
HEX： #001A57 #223B77 #FAF6EF #D7D2C8 #9A8F84
雰囲気： 静か、プロフェッショナル、上品
最適用途： 企業レポート、提案書、長文ドキュメント
静かで上品な組み合わせで、パリッとしたアイボリー用紙やシャープなインク、落ち着いた会議室の雰囲気を連想させます。ブルーは主張しすぎず信頼感を与え、温かみのあるグレーが目にやさしい印象を保ちます。レポートやケーススタディ、テキスト中心のドキュメントテンプレートにも美しく馴染みます。コツ：見出しは濃いブルー、表や区切りには明るめの中間色を使い分けましょう。
media.ioで生成したアイボリーレターヘッドの画像例
3) コースタルアルムナイ
HEX： #001A57 #1E5AA8 #6FB7D6 #F2D7B6 #FFFFFF
雰囲気： さわやか、開放的、前向き
最適用途： イベント用ランディングページ、夏のプロモーション、トラベル系ブランディング
さわやかで開放的なカラーは、水面に差す太陽や、くっきりとした地平線を思わせます。ディープブルーが全体を引き締め、スカイやサンド系の色味がリラックス感と親しみやすさを加えます。信頼感と一緒にちょっとした非日常感を演出したいバナーやランディング、キャンペーンに最適です。コツ：大きな背景には明るいブルー、最も濃い色味はナビゲーションやCTAテキスト用に使い分けましょう。
media.ioで生成したコースタルアルムナイの画像例
4) ネオンスコアボード
HEX： #001A57 #00C2FF #A7FF3C #FFE14D #111827
雰囲気： エネルギッシュ、スポーティ、高コントラスト
最適用途： スポーツポスター、eスポーツグラフィック、SNS広告
エネルギッシュでパワフルなこのセットは、夜空に浮かぶスコアボードのような印象。明るいシアン、ライム、イエローがネイビーを舞台にし、スピード感ある現代的なグラフィックを演出します。ポスターやeスポーツ素材、カウントダウン系プロモーションで鮮やかな組み合わせが映えます。コツ：レイアウト1つにつきネオンの主役色を1色に絞ることで、可読性を保ちましょう。
media.ioで生成したネオンスコアボードの画像例
5) ヘリテージプレイド
HEX： #001A57 #4B2E83 #B23A48 #E7D7C1 #2F2A24
雰囲気： ヘリテージ、温もり、アカデミック
最適用途： 秋のルックブック、アパレルタグ、クラシックなリテールブランディング
ヘリテージ感と温もりがあり、使い込まれたレザーやビンテージスカーフ、本棚を思わせる色合いです。ネイビーとプラムが奥行きを作り、バーガンディとクリームが人間味と季節感を加えます。アパレルブランディングやタグ、秋キャンペーンのクラシックなムードによく合います。コツ：クリームをダークなラインの間の空間として使った控えめなプレイド柄もおすすめ。
media.ioで生成したヘリテージプレイドの画像例
6) ギャラリーマーブル
HEX： #001A57 #2D3E6E #E9E9E9 #B8C2CC #6B7280
雰囲気： ミニマル、クール、ギャラリー風
最適用途： 建築ポートフォリオ、ミニマルなプレゼンテーション
ミニマルでクールなこのパレットは、柔らかなミュージアム照明の下の磨かれた大理石のような雰囲気。ブルーがレイアウトの構造を保ち、重ねたグレーがクリーンで建築的な静けさを加えます。ポートフォリオ表紙やスライド、余白の多いレイアウトにおすすめです。コツ：キャプションやUIクロームには中間グレーを使い、一番濃いブルーに視覚的なヒエラルキーを与えましょう。
media.ioで生成したギャラリーマーブルの画像例
7) ウィンタクレスト
HEX： #001A57 #264E9B #9CC7FF #E8F1FF #B7A57A
雰囲気： きりっと、エレガント、冬らしさ
最適用途： ホリデーカード、冬のガラインビテーション、フォーマルイベント
きりっとエレガントなブルーが新雪の影や澄んだ冬空のよう。淡いアイスカラーがベースの濃色を和らげ、控えめなゴールドが程よくセレモニー感を加えます。招待状やプログラム、シーズンのお知らせなどに最適な洗練されたデュークブルーパレットです。コツ：明るい白紙に印刷し、ゴールドは紋章や枠、モノグラムのみに限定すると上品です。
media.ioで生成したウィンタクレストの画像例
8) ジャズラウンジ
HEX： #001A57 #0F172A #6D28D9 #D4AF37 #E5E7EB
雰囲気： ムーディー、洗練、ナイトシーン
最適用途： バーメニュー、アルバムジャケット、ナイトライフ系ブランディング
ムーディーで洗練されたカラーがベロアカーテンや控えめな照明、ブラス楽器を想起させます。ネイビーとほぼ黒がドラマを生み、ヴァイオレットとゴールドで高級感をプラス。メニューやCDジャケット、夜を演出したいイベントブランディングに最適です。コツ：ゴールドを大きなダークエリアと組み合わせることでコントラストと高級感が引き立ちます。
media.ioで生成したジャズラウンジの画像例
9) インディゴオーチャード
HEX： #001A57 #3F3CBB #7C3AED #F472B6 #FDF2F8
雰囲気： ポップ、クリエイティブ、夢のよう
最適用途： ビューティー新商品、クリエイター用ブランディング、ライフスタイル系グラフィック
ポップで夢のようなこのパレットは、夕暮れの果樹園やネオンカラーの花びらのような雰囲気。ディープブルーが全体をまとめ、インディゴ・ヴァイオレット・ピンクで表現力豊かな仕上がりに。クリエイターキットやビューティープロモ、大胆さも構造も欲しいライフスタイル投稿にぴったりです。コツ：背景に淡いピンクを使うことで、鮮やかなアクセント同士がぶつかり合うのを防げます。
media.ioを使用して生成されたインディゴオーチャードの画像例
10) サンライズコート
HEX： #001A57 #3B82F6 #FF6B6B #FFD166 #FFF7E6
雰囲気： 明るく、力強く、朝日のような暖かさ
最適用途： キャンペーンバナー、SNSプロモ、前向きなブランドグラフィック
元気で大胆なこれらの色調は、長い夜の後に壁に朝日が差し込むような雰囲気を演出します。ネイビーがレイアウトを引き締め、コーラルとマリーゴールドが親しみやすい活力を加えます。これらのデュークブルーの組み合わせは、大きな文字を使ったSNSプロモやキャンペーンバナーに特に適しています。ヒント：温かみのあるクリーム色をベースレイヤーにし、コーラルは重要なアクションのみに使いましょう。
media.ioを使用して生成されたサンライズコートの画像例
11) クラウディブループリント
HEX： #001A57 #3E5C9A #A3B8E3 #E6EDF8 #8B94A7
雰囲気： 落ち着き、テクニカル、安心感
最適用途： 製品プレゼンテーション、SaaS資料、説明用ビジュアル
落ち着きとテクニカルな雰囲気を持つこの配色は、曇り空の下に設計図の線が引かれているような印象を与えます。重ねられた青がチャートを明確にし、柔らかなグレーで読みやすさを保ちます。構造が重視されるプレゼン、オンボーディング資料、説明用グラフィックに最適です。ヒント：一番淡いブルーは大きなパネルに、一番濃い色はチャートの軸や重要指標に使いましょう。
media.ioを使用して生成されたクラウディブループリントの画像例
12) トロフィールーム
HEX： #001A57 #C9A227 #F5F0E6 #8C6A2F #2B2B2B
雰囲気： 格調高く、時代を超えて、プレミアム
最適用途： 高級パッケージ、表彰グラフィック、プレミアムラベル
格調高く時代を超えるこの組み合わせは、磨かれた金属、濃い木材、スポットライトの当たるトロフィーを思わせます。深いブルーとブラックが土台となり、ゴールドがステータス感を加えます。高級ラベル、パッケージ、式典資料などクラシックな仕上がりを演出したいときに利用しましょう。ヒント：マットなネイビーにグロッシーゴールドのアクセントを加え、余計な色を増やさずにディテールを際立たせましょう。
media.ioを使用して生成されたトロフィールームの画像例
13) ミニマルインターフェイス
HEX： #001A57 #2563EB #14B8A6 #F8FAFC #CBD5E1
雰囲気： モダン、クリーン、先進的
最適用途： SaaSダッシュボード、モバイルアプリ、UIデザインシステム
モダンでクリーンなこの配色は、明るい作業スペースのようなシャープなラインと明確なフォーカスを感じさせます。強いネイビーがナビゲーションの視認性を支え、ブルーやティールがステートやハイライトに親しみやすい動きを与えます。デュークブルーのUI配色は、ニュートラルカラーを主に使うことで、最大限の効果を発揮します。ヒント：ティールは成功状態や重要なトグルのみにし、存在感を保ちましょう。
media.ioを使用して生成されたミニマルインターフェイスの画像例
14) ナイトライブラリー
HEX： #001A57 #111827 #374151 #CBBFA3 #F3F4F6
雰囲気： 学問的、静寂、ムーディー
最適用途： 書籍カバー、学術ポスター、研究出版物
学問的で静かなこのパレットは、夜遅くの読書や柔らかなランプの灯り、使い込まれたページを思わせます。ダークブルーとチャコールでシリアス感を出し、パーチメントベージュで温もりと親しみやすさを加えています。トーンが重要な学術ポスターや書籍カバー、長文コンテンツに適しています。ヒント：ベージュは引用やセクションヘッダーなど、レイアウトの区切りに使いましょう。
media.ioを使用して生成されたナイトライブラリーの画像例
15) ソフトデニム
HEX： #001A57 #2B6CB0 #A0AEC0 #EDF2F7 #E2E8F0
雰囲気： 親しみやすく、カジュアル、フレンドリー
最適用途： カスタマーサポートページ、ライフスタイルブログ、オンボーディングフロー
親しみやすくカジュアルなこれらのブルーは、柔らかな日差しに包まれた履き慣れたデニムのような印象です。深い色は構造を与え、クールグレーと淡い色調がリラックスした使いやすさを保ちます。サポートページやブログ、オンボーディングに最適で、穏やかな自信を演出します。ヒント：最も淡い色調はページ背景に、最も濃いブルーは主要なボタンに使いましょう。
media.ioを使用して生成されたソフトデニムの画像例
16) ガーデンガラ
HEX： #001A57 #2F855A #9AE6B4 #F6E05E #FFFDF5
雰囲気： フレッシュ、祝祭感、ボタニカル
最適用途： 屋外イベントブランディング、春の招待状
みずみずしく祝祭的なこれらのカラーは、ガーデンランタンや緑の葉、午後の温かい光といった雰囲気を生み出します。ネイビーでタイポグラフィが引き締まり、ミントとイエローが生き生きと自然な印象をプラス。洗練されたアウトドアイベントや春の文具に最適です。ヒント：イエローは日付やアイコン、細い枠に限定して使いましょう。
media.ioを使用して生成されたガーデンガラの画像例
17) シティトランジット
HEX： #001A57 #0EA5E9 #F97316 #E5E7EB #0B1324
雰囲気： 都市的、ダイレクト、高エネルギー
最適用途： 経路案内グラフィック、地図、イベントサイン
都会的で直接的なこのセットは、都市の灯りの下にあるクリアな案内表示のような印象です。ディープなベースが情報の判読性を保ち、明るいブルーとオレンジが素早い視認をサポートします。地図、時刻表、方向案内など、明快さが重要な用途に最適です。ヒント：各路線やセクションごとにアクセントカラーを一つ割り当て、他はニュートラルに保ちましょう。
media.ioを使用して生成されたシティトランジットの画像例
18) アールデコ・デューク
HEX： #001A57 #2D1B69 #E0B654 #F7EFE1 #0F172A
雰囲気： グラマラス、幾何学的、ヴィンテージ
最適用途： シアターポスター、ガラのフライヤー、レトロブランディング
魅力的で幾何学的なこの組み合わせは、アールデコのアーチやベルベットの夜、ゴールドのインレイを彷彿とさせます。ネイビーからバイオレットのベースがドラマティックさを、クリーミーなニュートラルが重たくなりすぎずエレガントにまとめます。ガラのフライヤーやシアターポスター、レトロテイストのブランディングに最適です。ヒント：左右対称レイアウトや細いゴールドラインでデコ感を強調しましょう。
media.ioを使用して生成されたアールデコ・デュークの画像例
19) フィルムノワール・ネイビー
HEX： #001A57 #0B0F1A #2C2C2C #E6E6E6 #BFA980
雰囲気： シネマティック、ドラマティック、洗練
最適用途： 写真ポートフォリオ、高級サービスのブランディング
映画のようにドラマティックなこの組み合わせは、ノワールのライティングやシャープな影、シャンパンのニュアンスを感じさせます。限りなくブラックに近い色合いがコントラストを高め、温かみのあるメタリックアクセントで上品なラグジュアリー感をプラスします。写真ポートフォリオや法律ブランド、プレミアムサービスに強く適合します。ヒント：背景は暗く、本文は明るいグレーで読みやすくしましょう。
media.ioを使用して生成されたフィルムノワール・ネイビーの画像例
20) スプリングポスターポップ
HEX： #001A57 #60A5FA #34D399 #FBBF24 #FCE7F3
雰囲気： 明るい、親しみやすい、若々しい
最適用途： 教育ポスター、地域イベント、楽しいプロモーション
明るく親しみやすいこれらの色調は、文字やアイコンがくっきりした地域のお祭りのような活気を感じさせます。ネイビーでメッセージをはっきりと見せつつ、スカイブルー・ミント・アンバーが遊び心のあるリズムを生み出します。やわらかいピンクはアイコンや見出しの後ろのサポートフィールドとして活用すると、デュークブルーが親しみやすい配色になります。ヒント：アイコンなど一箇所に明るいアクセントを使い、他はシンプルな色ブロックにして、ごちゃごちゃしないようにしましょう。
media.ioを使用して生成されたスプリングポスターポップの画像例
デュークブルーと相性の良い色は？
クリームやアイボリー、ベージュ、パーチメントのようなぬくもりあるニュートラルは、デュークブルーを親しみやすく、かつ上質に見せてくれます。これは「クラシックネイビー」のルックを印刷にもウェブにも簡単に取り入れる方法のひとつです。
ゴールドやアンティークブラス、シャンパンをイメージしたメタリックなアクセントを使えば、ラベルや招待状、高級ブランドにもデュークブルーが引き立ちます。これらのアクセントは控えめに使い、パレットをクリーンに、ネイビーを主役にしましょう。
モダンなコントラストが欲しいときは、シアン・ティール・コーラル・ライムなど明るい色を加えます（特にUIやスポーツ系グラフィックで有効）。重要なのは、一つのレイアウトにつきアクセントを1色に絞り、視覚ノイズを避けることです。
実際のデザインにデュークブルーカラーパレットを使う方法
デュークブルーを主要なブランドカラー（ヘッダー、ナビゲーション、キータイポグラフィ）にし、下にニュートラル（ホワイト、アイボリー、ライトグレー）を重ねるのが基本です。こうすることでレイアウトが読みやすくなり、CTAも目立ちます。
ブルーの濃淡（ティント）で構造化しましょう。カード・パネル・背景ブロックなどに使えば情報をグループ化できます。データビジュアルでは最も濃いネイビーを軸・ラベル・主要シリーズ用に残しておきましょう。
印刷するなら質感や仕上げにも注目です。マットなネイビーインクは上品で、ゴールド箔やスポットグロス加えればプレミアムなコントラストが生まれます。ネイビーをテキストやボタンに使う場合は、アクセシビリティの観点でコントラスト比も確認しましょう。
AIでデュークブルーパレットのビジュアルを作成
デュークブルーのカラーパレットが実際のポスターやパッケージ、ダッシュボード、招待状でどう見えるか試したい場合は、本採用まえにクイックモックアップを作ってみましょう。
Media.ioのテキスト→画像生成を使えば、プロンプトを貼り付けて、スタイル（ミニマル・ヴィンテージ・スポーティーなど）を指定しながら、ブランドやプロジェクトに最適なパレットが見つかるまで素早く繰り返し調整できます。
アクセントカラー（一例：ゴールド、コーラル、ティール）を一つだけ入れ替えたバリエーションを複数作り、デュークブルーは固定して、並べて気分の違いを比較しましょう。
デュークブルーカラーパレット よくある質問
-
デュークブルーに最も近いHEXコードは？
カラーパレットでよく使われるデュークブルーの基準カラーは#001A57です。これは背景やヘッダー、主要なブランド要素によく合う深いネイビーです。 -
デュークブルーはネイビーと同じですか？
デュークブルーはネイビーの一種ですが、伝統的なネイビーよりもやや彩度が高く、「クリーン」に見える傾向があります。ネイビーはよりくすんだ印象やグレーがかる場合があります。 -
デュークブルーをクラシックに見せるベストな組み合わせは？
クリーム/アイボリー、暖かいグレー、ゴールドのアクセントが、特に美しく調和します。この組み合わせは、デュークブルーを格式あるクラシックな印象に保ちつつ、きつい印象になりません。 -
モダンなUIデザインでデュークブルーに合う色は？
クールなニュートラル（ホワイト、ライトグレー）＋シアン・ティール・コーラルなどの明るいアクセントを1色加えるのがおすすめです。ステートやハイライト、CTAで活躍します。 -
デュークブルーを背景色として使えますか？
はい—デュークブルーはダークモードのレイアウトや高級感のある印刷デザインに最適です。読みやすさと強いコントラストのために、オフホワイトまたは淡いグレーのテキストを使用してください。 -
デュークブルーと組み合わせるアクセントカラーはいくつ使うべきですか？
ほとんどのデザインでは、主要なアクセントカラーひとつ（+ニュートラルカラー）で十分です。カテゴリー、ルート、UIステートなどの追加のコーディングが必要な場合のみ、2つ目のアクセントを追加してください。 -
デュークブルーはオレンジや黄色などの暖色系と合わせても大丈夫ですか？
はい。マリーゴールドやアンバー、オレンジといった暖色系のアクセントはデュークブルーと強いコントラストを生み、標識やプロモーション、活気のあるキャンペーンに最適です。
次へ： 秋の葉のカラーパレット
