ダークアカデミア配色23選｜おすすめカラー・HEXコード・AIデザイン

ダークアカデミアのパレットは、深い影と紙のようなやわらかなハイライトが融合し、文学的でヴィンテージ感があり、意図的な雰囲気を生み出します。

以下は、ブランディング、インテリア、UI、印刷レイアウト、SNS投稿に使えるHEXコード付きダークアカデミア配色アイデア23選です。

ダークアカデミアパレットがなぜ効果的なのか

ダークアカデミアのカラースキームは、インクブラックやエスプレッソのようなブラウン、チャコールグレーなど落ち着いたニュートラルカラーに、紙のようなクリームや羊皮紙ベージュを組み合わせています。このコントラストは、読みやすく、クラシックで、本好きな印象を瞬時に与えます。

このパレットファミリーは自然に落ち着いた色彩なので、印刷物、UI、写真加工、インテリアスタイリングなど様々なメディアで統一感が出やすく、タイポグラフィや画像とぶつかりにくいのが特徴です。

さらに、これらのパレットはストーリーテリング力を持ち合わせています。レザーや木、石、古びた真鍮といった素材そのものがビジュアルで伝えやすく、ブランドやクリエイターが要素を少なくしても雰囲気を伝えることが可能です。

20以上のダークアカデミア配色アイデア（HEXコード付き）

1）オックスフォード図書館

HEX： #2B1E16 #4A3427 #7A5C3D #C8B08A #2F4A3A

雰囲気： 学術的、温かみ、落ち着き

用途例： ブランドのスタイルガイドやロゴシステム

学術的で温かみのある雰囲気は、使い込まれたレザーバインディングやオーク棚、陽の中のほこりを思わせます。深いブラウンは見出しやマークに、羊皮紙タンは背景や余白に最適です。くすんだグリーンは、印章やボタン、アクセントの強調に控えめに使いましょう。クラシックなセリフ体と十分な余白で仕上げると、タイムレスな印象を与えます。

media.io生成のオックスフォード図書館イメージ例

Media.io

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

今すぐ無料で試す

2）キャンドルセミナー

HEX： #1F1A14 #5A3B2E #B86B3C #E2C7A6 #6F5C4E

雰囲気： 親密、アンバー、会話的

用途例： イベントフライヤーポスター

親密でアンバー調な色合いは、ロウソクの蝋、夜更けの議論、手書きノートに差す温かな光を連想させます。焦げたオレンジはタイトルや日付、ポイントとなる要素で使うのが最適。ほぼ黒やトープは本文テキストや補足ブロックへ、やわらかなクリームはレイアウトの重さを感じさせないために使いましょう。さりげないグレインテクスチャで印刷らしさと時代感をプラスします。

media.io生成のキャンドルセミナーイメージ例

3）ベルベットブレザー

HEX： #231B1F #3A2A35 #6E4B5E #BFA7B3 #B08A4A

雰囲気： ドラマティック、洗練、触感的

用途例： ファッションルックブック表紙

ドラマティックで洗練された色調は、プラム色のベルベットややわらかなパウダー、古い真鍮のきらめきを思わせます。ダークナス色は広い面や写真フレームへ、モーヴやブラッシュはキャプションや区切りに。アンティークゴールドは引き締め役としてルール線やアイコン、箔押し風タイトルでポイント使いしましょう。紫の深みが濁らないようにコントラストをしっかり出すのがコツです。

media.io生成のベルベットブレザーイメージ例

4）羊皮紙ノート

HEX： #3B2F2A #6A5648 #A38B72 #E9DDC8 #2E3D3A

雰囲気： やわらかい、ヴィンテージ、勤勉

用途例： ノート＆文房具セット

やわらかくヴィンテージな印象は、クリーミーな紙やグラファイトの影、整然としたマージンを思い起こさせます。ペール羊皮紙は面積の多い部分に、ミドルブラウンはカバーやボーダー、ラベルなどの構成要素に。有彩度の低いティールグリーンを差し色に加えると、学術的でもうるさくならずにまとまります。細かいストライプのパターンで文房具感を強調しましょう。

media.io生成の羊皮紙ノートイメージ例

5）ゴシック中庭

HEX： #141414 #2E2F33 #5E5A52 #B7AFA3 #3B4D3A

雰囲気： 石の冷たさ、静けさ、雰囲気

用途例： 建築ブログのヒーローバナー

石の冷たさと静けさは、影のかかったアーチや濡れた階段、古い壁のアイビーを感じさせます。ほぼ黒とスレートは見出しやナビでコントラストの強調に、暖かいグレージュや淡いストーンはコンテンツエリアで読みやすさを確保しつつ雰囲気もキープ。グリーンはリンクやタグなど小さなインタラクティブ要素にさりげなく使ってアイビーが這う様子を演出すると効果的です。

media.io生成のゴシック中庭イメージ例

6）エスプレッソインク

HEX： #0F0D0C #2A1C14 #5B3A2B #8D6B52 #D8C5AF

雰囲気： 力強さ、インク、ハイコントラスト

用途例： ライターポートフォリオWeb UI

力強くインキーな色合いは、淹れたてエスプレッソや万年筆の筆跡、きれいな余白を感じさせます。大きな文字やゆとりのある行間、明確な階層構造がこの配色にぴったり。ほぼ黒はヘッダーやナビに、明るいタンはカードや読書エリアに最適。暖かいブラウンの差し色をリンクに使うと、インターフェースも文学的な印象を損ないません。

media.io生成のエスプレッソインクイメージ例

7）アンティークグローブ

HEX： #2A2B24 #4D4A3A #7C6B4E #CBB98F #3E5C6B

雰囲気： 探求心、世界観、時を経た風合い

用途例： 旅行ジャーナルのカバーデザイン

探求心と時を経た雰囲気は、セピア色の地図や真鍮の子午線、静かなブルーオーシャンのニュアンスを呼び起こします。サンドベージュやゴールドはタイトルや装飾線に、ダークオリーブ系は表紙の基調色にぴったり。くすんだブルーは方向を示すバラやスタンプにさりげなく使ってヴィンテージな空気を壊さないように。装飾は最小限にまとめてごちゃごちゃ感をなくしましょう。

media.io生成のアンティークグローブイメージ例

8）雨の中庭

HEX： #1C2329 #33414B #5E6E76 #B9B2A6 #6B4A3A

雰囲気： クール、内省的、少し哀愁

用途例： ムーディなSNSカルーセル

クールで内省的なトーンは、石畳に降る雨や曇天、あたたかいコートの襟元を想像させます。ブルーグレーを基調にパネルや文字組みを整え、やわらかなオートミールで余白にやすらぎを。チェスナットブラウンは数字や記号、アイコンの差し色に複数回使うのが効果的です。さりげないグラデーションで霞を再現しても可読性を損なわないようにしましょう。

media.io生成の雨の中庭イメージ例

9）ツイードと紅茶

HEX： #2B2723 #5A4E44 #8B7A66 #D8CBB6 #7B6A3B

雰囲気： 居心地が良く、素朴でノスタルジック

用途例： カフェメニュー デザイン

居心地が良くて懐かしさを感じさせ、ツイードジャケット、立ち昇る紅茶の湯気、滑らかになった木製テーブルを思い起こさせます。最もダークなブラウンは見出しやセクションの仕切りに使い、クリーミーなベージュが本文を支えることで読みやすさを保ちます。マスタードオリーブは価格やアイコン、特別メニューのアクセントに最適です。イラストを加えるなら、素朴な雰囲気を残すためにシンプルな線画がおすすめです。

media.ioを使用して生成されたツイードと紅茶のイメージ例

10) マホガニーデスク

HEX： #1E1410 #4B231A #7A3E2C #B38A6A #D9C6B3

雰囲気： リッチで伝統的、自信に満ちている

用途例： プレミアム商品パッケージ

リッチで伝統的。磨き上げたマホガニー、レザーブロッター、木目に映る暖かいランプの光を連想させます。深いブラウンをメインのパッケージカラーとして使えば高級感が増し、赤みがかったマホガニーを重ねることで深みが出ます。明るいタンやベージュはラベルや原材料表記、ロゴ周囲の余白に最適。マット仕上げにスポットグロスを加えることで、よりラグジュアリーな印象になります。

media.ioを使用して生成されたマホガニーデスクのイメージ例

11) ダスティマニュスクリプト

HEX： #2C2620 #5B4F44 #9A8A7A #E6D9C7 #6A6F63

雰囲気： 色褪せた、やさしい、アーカイブ風

用途例： ブログ記事テンプレート

色褪せてアーカイブ感があり、大切に使い込まれた原稿のように角がやわらかく、静かなインクの佇まいです。読書スペースにはクリーム色を使い、ウォームトープはサイドバーや引用、セクションの仕切りに。彩度を抑えたセージグレーはボタンやタグを地味すぎず、現代風にもならず目立たせます。静かな図書館のような余韻を保つために行の長さも適度にしましょう。

media.ioを使用して生成されたダスティマニュスクリプトのイメージ例

12) インクとアイビー

HEX： #101214 #263028 #3E4D3F #8A7D69 #D7C9B2

雰囲気： ムーディー、植物的、几帳面

用途例： 書籍カバーデザイン

ムーディーで植物的。インクのように暗いページと、大学の壁を這うアイビーを思わせます。ダークアカデミアの配色は、遠くからでも対比が重要な書籍カバーで特に輝きます。背景にはほぼ黒を使い、タイトルは暖かいパーチメントカラーで。アイビーグリーンはひとつのモチーフや縁取りに最適です。ベージュの質感を少し加えると、カバーがデジタルではなく印刷物らしい雰囲気に。

media.ioを使用して生成されたインクとアイビーのイメージ例

13) ブラス望遠鏡

HEX： #1A1A16 #3A3326 #7C6A3A #C3AE7A #4C5866

雰囲気： 好奇心旺盛、夜行性、洗練された

用途例： 博物館展示ポスター

好奇心をそそり、夜の静けさや展示後のギャラリー、ブラスの器具、ダークベルベットの空を思わせます。ゴールド系は主要情報やアイコンのフレームに使用し、チャコール系でポスターの安定感を。 mutedなスチールブルーはセカンダリヘッダーや図解のラインにもぴったりです。細い縁取りとたっぷりの余白で、メタリックの色味を嫌味なく上品に。

media.ioを使用して生成されたブラス望遠鏡のイメージ例

14) ミッドナイトスタックス

HEX： #0B0E12 #1B2430 #3A4B58 #8C7B67 #D6C8B7

雰囲気： 夜間、集中、映画的

用途例： 読書アプリUI

夜のようなシネマティックな雰囲気。閉館後の書架と、遠くにぽつんと灯るデスクライト。メインUIは深いネイビーブラックで、読書部分や操作部には柔らかいパーチメント。 mutedなブルーグレーでタブやツールバーを控えめに分け、温かいトープ色でしおりや進捗等のハイライトを施すことで、UIの居心地良さを保ちます。

media.ioを使用して生成されたミッドナイトスタックスのイメージ例

15) ストーンチャペル

HEX： #171615 #3C3A37 #6A655E #BEB6AB #8B6B3F

雰囲気： 厳粛、歴史的、落ち着き

用途例： 結婚招待状セット

厳粛で歴史を感じさせる、静かな石、キャンドルの影、ほのかに古い金色。台紙には明るい石色を、文字はチャコールでエレガントな読みやすさを確保。アンティークゴールドはモノグラムや細い枠、小さな装飾に限定して使うのが効果的。クラシックなセリフ体を選び、装飾は最小限に抑えてチャペルのような静けさを演出しましょう。

media.ioを使用して生成されたストーンチャペルのイメージ例

16) 詩の会

HEX： #241E1B #4E3F39 #7D5A4C #D7C0AE #B08C74

雰囲気： ロマンチック、親密、暖かい

用途例： オープンマイクポスター

ロマンチックで親密。ささやく詩、柔らかなランプの光、ローズブラウン色のインクのような温もり。濃いブラウンは見出しに、ブラッシュベージュで親しみやすいレイアウトに。ウォームクレイ色は時間や会場のポイントだけにアクセントとして抑えめに使いましょう。ほんのり紙のテクスチャーを加えると、コミュニティ掲示板から抜き取ったようなポスターに。

media.ioを使用して生成された詩の会のイメージ例

17) ハーバリウムプレス

HEX： #2A2D26 #3E4A3A #6B7A5E #C7BCA4 #E9E1D2

雰囲気： 自然、穏やか、アーカイブ風

用途例： ボタニカルアートプリント

自然でアーカイブ調。押し花標本、野帳、穏やかなグリーンの影を思わせます。クリーミーな色味で紙質感を表し、セージやオリーブは茎やラベル、枠に重ねて。最も濃いグリーンは小さな文字や線画に最適で可読性が保たれます。標本ラベルのように空間を多く取り、風通しよく仕上げましょう。

media.ioを使用して生成されたハーバリウムプレスのイメージ例

18) レザーサッチェル

HEX： #1B140F #3E2417 #6A3A23 #A66E45 #DCC3A7

雰囲気： タフ、暖かい、クラシック

用途例： EC商品ページUI

タフで暖かく、使い込まれたレザー、丁寧な縫い目、しっかり詰まったサッチェルをイメージ。ナビゲーションや主要CTAには一番濃いブラウン、商品説明や信頼情報にはライトベージュ。カッパーの中間色でバッジや評価、価格の強調に深みを。商品写真はシンプルなカットでカラーが主役になるように仕上げましょう。

media.ioを使用して生成されたレザーサッチェルのイメージ例

19) チョークボードレクチャー

HEX： #0E1411 #1F2B23 #3B4A40 #A79C86 #E6DDCE

雰囲気： 学究的、構造的、静か

用途例： オンラインコースランディングページ

学究的で構造的。授業後のチョークボード、かすかな粉と整然とした図解の雰囲気。深いグリーンは見出しやセクションの背景に、ソフトクリーム色が長文を読みやすくします。暖かいサンド色はバッジや進捗マーカー、小さなアイコンに。UIはミニマルに、タイポグラフィ重視でまとめると相性が良い配色です。

media.ioを使用して生成されたチョークボードレクチャーのイメージ例

20) アーキビストブルー

HEX： #161A21 #2D3748 #4F6474 #B8A98E #E7DDCD

雰囲気： クール、精密、ひそかにモダン

用途例： エディトリアルマガジン見開き

クールで精密な雰囲気はブルーブラックのインク、シャープな引用、編集的な静けさを思わせます。ネイビーやスレートでグリッドを構築し、ウォームベージュをキャプションや余白のバランスに。ソフトクリームで長文も快適。写真はモノクロームにすることで、ブルー系の配色が際立つモダンな学術誌風に仕上がります。

media.ioを使用して生成されたアーキビストブルーのイメージ例

21) コーンフラワーマージン

HEX： #1C1A18 #3E342C #B7A58D #EDE2D1 #6E8FCF

雰囲気： 本好き、やさしい、思いがけず明るい

用途例： スタディプランナープリント

本好きでやさしい雰囲気。クリーム色の紙と鉛筆の線、マージンに挟んだコーンフラワー色のメモのよう。ブルーは見出しやタブ、優先マークなどアクセントに絞って使うことで、落ち着いた統一感を保てます。濃いブラウンはテキストと構造に、ライトクリームはページのメインに。ヒント：青系はひとつの役割に限定するとまとまりが生まれます。

media.ioを使用して生成されたコーンフラワーマージンのイメージ例

22) オールドレクチャーホール

HEX： #1A1713 #3A3128 #6B5A4A #CDBBA4 #7C3F2A

雰囲気： 暖かい、懐かしい、知的

用途例： ポッドキャストカバーアート

暖かくてノスタルジック。きしむ座席、古い木のパネル、急いで書き留めたノートを思わせます。ダークブラウンはカバーの基調となり、小さな画面でもテキストの可読性を保ちます。ショータイトルや小さなエンブレムのアクセントにはブリックレッドを、ベージュが全体のコントラストを柔らげます。シンプルな構成と大きなタイトル、繊細な質感のみで現代的かつレトロな仕上げに。

media.ioを使用して生成されたオールドレクチャーホールのイメージ例

23) 論文製本

HEX： #0F1214 #2A2F36 #5B5247 #BFAF9A #E8E0D3

雰囲気： フォーマル、シャープ、控えめ

用途例： プロフェッショナルドキュメントテンプレート

フォーマルで控えめな雰囲気は、暗色の布で綴じられた論文と、クリーンで自信に満ちたタイポグラフィを思わせます。タイトルやルール、ナンバリングにはほぼ黒やグラファイトを使用し、ページ背景は温かみのあるベージュを選ぶことで、まぶしさを軽減します。中央のグレージュはテーブルやコールアウトボックスに最適です。ダークアカデミアのカラーパレットを完全に感じたい場合は、細いヘッダーのルールをひとつ追加し、それ以外はミニマルに保ってください。

media.io を使って生成された論文製本の画像例

ダークアカデミアと相性の良い色は？

ダークアカデミアは、温かみのあるニュートラル（エスプレッソ、ウォールナット、キャメル、パーチメント、オートミール）と最も相性が良いです。これらはレザーや木、紙などの素材を参照し、雰囲気を心地よく保ちます。

落ち着いたグリーンやブルーグレー（アイビー、セージ、スレート、スティールブルー）は、学術的なクールさを加えながら時代に合った印象を持ちます。リンクやタブ、スタンプや小さなモチーフの控えめなアクセントとして使いましょう。

ひとつだけ「意外性」あるハイライトを加えたい場合は、エイジドメタル調（アンティークゴールド、ブラス）やダスティブルー（コーンフラワーなど）を選び、UI の一役または印刷要素一つに限定すると統一感が生まれます。

ダークアカデミアパレットを実際のデザインで使う方法

読みやすさを基盤にしましょう：背景はクリームやパーチメントに設定し、テキストにはほぼ黒やディープブラウンを使用します。ダークアカデミアの雰囲気を保ちながら、長文のレイアウトも快適になります。

デザイナーは各色に役割（主役、背景、補助、アクセント、ハイライト）を割り当て、見出し・ボタン・ディバイダー・タグなどのコンポーネント全体で統一することで最も強い結果を得られます。

テクスチャも効果的です：微細なグレイン、紙のノイズ、やわらかなビネットを加えると、デジタル制作物が印刷されて保存されたような雰囲気になります。ただし、コントラストやアクセシビリティが損なわれないよう、軽めに留めましょう。

AIでダークアカデミア配色のビジュアルを作成

これらのパレットをポスターや表紙、UI モックアップ、ブランドボードでプレビューしたい場合、プロンプトから一貫したビジュアルを生成し、素早く反復できます。

Media.ioを使えば、パレットのアイデアをスタイル化した画像例に変換し、タイポグラフィやレイアウト、アクセントカラーの使い方を本当にダークアカデミアらしくなるまで洗練できます。

次へ： コーンフラワーカラーパレット