図書館のカラーパレットは、温かみのあるニュートラル、色あせた紙のクリーム、インクのような濃いアクセントを組み合わせ、知的で落ち着き、時代を超えたデザインを生み出します。
ブック調ブランドのアイデンティティやエディトリアルレイアウト、静かなUIを作る時も、これらの図書館カラーパターンは、タイポグラフィとコンテンツを「収集済み」でプレミアムな雰囲気に仕上げます。
本記事の内容
図書館のパレットがなぜ優れているのか
図書館のパレットは「デザインされた」感覚を持ちながらも流行に左右されません。オーク棚、羊皮紙、レザー装丁、インクなど実素材から着想を得ているため、色が自然でリアルに感じられます。
また、タイポグラフィにも適しています。多くのセットは、テキストと構造用に濃い色を、背景用に柔らかなクリーム色を組み合わせており、表紙やポスター、落ち着いたUIレイアウトに十分なコントラストを提供します。
さらに、これらのトーンは感情的に特定的です──静かで、勉学的で、安心感があります。そのため、アカデミックなブランド、エディトリアルデザイン、信頼性や時代性を求める製品にも最適です。
20種類以上の図書館カラーパレット案(HEXコード付き)
1) 積み上げたオーク

HEX: #2e2a24 #5a4633 #8a6b4a #c7ad84 #f2e7d4
雰囲気: グラウンド感・居心地よさ・クラシック
おすすめ用途: ブックカバーデザイン
遅い午後の日差しで温まるオーク棚のように、グラウンド感とぬくもりが漂います。一目でクラシックと分かるトーンで、表紙のタイポグラフィに十分なコントラストがあります。ダークブラウンとパーチメントを主要なテキストと背景の組み合わせに、ハニータンをアクセントに少量取り入れてください。使い方のコツ:最も明るいクリームを多めに使うことで、重くならずに親しみやすさが生まれます。
media.ioで生成された積み上げたオークの画像例
Media.ioは、ブラウザ上で動画・画像・音声を作成/編集できるオンラインAIスタジオです。
2) パーチメントのささやき

HEX: #3a3129 #7a6652 #bfa98a #efe2cf #fff9ee
雰囲気: ソフト・エアリー・ノスタルジック
おすすめ用途: エディトリアルマガジンのレイアウト
静かな余白とめくるページのようなソフト&エアリーな印象。温かみのあるニュートラルは長文でも読みやすく、ココアブラウンは見出しやキャプションの基調に適しています。一番明るい2色のクリームで余白を広く使い、ミッドタンは区切り線や引用、セクションで活躍します。使い方のコツ:テキストにはダークトーンを一つ選び、統一感のあるリズムを。
media.ioで生成されたパーチメントのささやきの画像例
3) 真夜中のカタログ

HEX: #111214 #2b2f35 #565c63 #c7c9c8 #f6f5f1
雰囲気: 洗練・静か・モダン
おすすめ用途: 2D UIダッシュボードのモックアップ
薄暗い部屋での真夜中のカタログ検索のように、洗練され静かな配色。ほぼ黒とグラファイトがナビゲーションの強い階層を作り、ソフトグレーがカードや区切りを控えめに演出。オフホワイトとチャコールでコントラストも確保でき、ミッドグレーはサブラベルに。使い方のコツ:ダークパネルの周囲には余白を多めに。圧迫感を抑えます。
media.ioで生成された真夜中のカタログの画像例
4) 真鍮しおり

HEX: #2a2320 #6b4b2a #b27a2a #e0c078 #fff3da
雰囲気: 温かみ・上質感・ヴィンテージラグジュアリー
おすすめ用途: 製品パッケージデザイン
一筋の光を受ける真鍮のしおりのように、温かく洗練されたヴィンテージ感。キャラメルからゴールドへのグラデーションが高級感を加えつつも控えめで、クリーミーなベースによく馴染みます。ディープエスプレッソとくすんだゴールドはロゴやフチ、印章に。鮮やかなアンバーは10%以下がおすすめで上品さを保てます。
media.ioで生成された真鍮しおりの画像例
5) ベルベット読書椅子

HEX: #1f1b1c #4a2b36 #7b3f4c #c58d8d #f4e7e6
雰囲気: ムーディ・ロマンティック・親密感
おすすめ用途: イベントポスターデザイン
静かな隅に置かれたベルベット椅子のような、ムーディーでロマンチックな雰囲気。バーガンディ系がドラマを演出し、ブラッシュや淡いローズが親しみやすさをプラス。ほぼ黒とブラッシュで大見出しに高コントラストを出し、ミッドローズは背景やグラデーションに。使い方のコツ:暗い背景で小さなバーガンディ文字は避け、淡いローズに切り替えて読みやすさを重視。
media.ioで生成されたベルベット読書椅子の画像例
6) インクとリネン

HEX: #151515 #3f3b35 #8b847b #d8d1c6 #fbf7f0
雰囲気: ミニマル・落ち着き・洗練
おすすめ用途: ブランドアイデンティティシステム
フレッシュなリネンに黒インクを落としたようなミニマルな洗練。十分なコントラストでロゴやレターマークにも◎。温かみあるグレーで冷たい印象を回避。最も濃い黒と最も柔らかなオフホワイトは主役に、トープはサブテキストやパターンに。使い方のコツ:紙の色味でグレーの見え方が変化しやすいので印刷確認を。
media.ioで生成されたインクとリネンの画像例
7) 秋の積み本

HEX: #2b1d14 #7a3e1c #b0652a #d8b06a #f6ead1
雰囲気: 素朴・エネルギッシュ・季節感
おすすめ用途: フライヤーデザイン
秋の光が積み重なった背表紙に差し込んだような素朴でエネルギッシュな配色。錆びたブラウンが温かみを持ち、ウィートとクリームで明るく親しみやすい仕上がり。ダークココア×ウィートで見出しを、大見出しや日付・場所はオレンジブラウンでアピール。使い方のコツ:あたたかいブロックの回りにクリームの細いマージンを設置し、ページの重さを回避。
media.ioで生成された秋の積み本の画像例
8) 学術的セージ

HEX: #1e2320 #3d4b3e #6f7f64 #c8d0b7 #f5f3e6
雰囲気: 勉学・ナチュラル・バランス
おすすめ用途: ウェブサイトのヒーローセクション
古いノートに挟んだセージリーフのように、勉学的でナチュラル。グリーンは落ち着きと回復力を感じ、柔らかいクリームとくすんだオリーブがそれを支えます。ディープフォレスト×クリームでヒーローヘッドライン、淡いグリーンは控えめなボタンやハイライトに。使い方のコツ:本文はグリーンよりもクリームに乗せて、視認性UP。
media.ioで生成された学術的セージの画像例
9) マホガニー書斎

HEX: #201412 #4c1f1a #7b3a2d #b38b7a #efe4dc
雰囲気: 濃密・親密・トラディショナル
おすすめ用途: カフェメニューデザイン
マホガニーのパネルと柔らかなランプの灯りのような、濃密かつ親密なトーン。深い赤やブラウンがラグジュアリーさを演出し、ダスティなローズタンで親しみやすく、見やすいメニューに。最も濃い色と淡いブラッシュはセクション見出しや値段表示に、ミッドマホガニーは区切り線やアイコンに活用。使い方のコツ:マットな紙を選べば、濃い色も照明下で見やすいままです。
media.ioで生成されたマホガニー書斎のイメージ例
10) ダスティグローブ

HEX: #2a2c2f #4c5861 #7b8b8b #c6c2b4 #f3efe6
雰囲気: ワンダーラスト、静寂、学術的
おすすめ用途: プレゼンテーションスライドデッキ
読書室のほこりをかぶった地球儀のように、ワンダーラストで静かな印象。ブルーグレーがクールで知的な雰囲気を生み出し、温かみのあるストーンとやわらかなアイボリーが快適さを加えます。タイトルにはスレートとアイボリーの組み合わせを、チャートや重要指標には目立ちすぎないティールグレーを活用しましょう。使用のヒント:チャートの背景はアイボリーで、ミッドトーンはデータシリーズに使い、明瞭さを保ちましょう。
media.ioで生成されたダスティグローブのイメージ例
11) ポエッツバーガンディ

HEX: #1b1518 #4b1f2c #7a2f43 #c7a1ad #f7eef1
雰囲気: 劇的、文芸的、エレガント
おすすめ用途: アルバムカバーアートワーク
インクで綴られた詩篇や赤ワインのグラスのように、劇的で文学的な印象。バーガンディの核が瞬時に感情を呼び起こし、ピンクを帯びたニュートラルがモダンに仕上げます。一番濃いトーンと淡いブラッシュをタイトルに、ミッドバーガンディをアーティスト名の背景に使いましょう。使用のヒント:淡い背景に繊細なグレインを加えると、平坦にならず触感を与えられます。
media.ioで生成されたポエッツバーガンディのイメージ例
12) カーディガングレー

HEX: #1a1b1c #3a3d40 #6a6f73 #b9bab8 #f1efe9
雰囲気: 静か、信頼感、現代的ニュートラル
おすすめ用途: レジュメ・履歴書テンプレート
雨の日のお気に入りカーディガンのように、静かで信頼できる雰囲気。グレーがタイポグラフィを明確にし、見出しやタイムラインを簡単にスキャンできます。ほぼ黒とオフホワイトは本文、ミッドグレーは日付やラベルなどの補足情報に。使用のヒント:アクセント要素はミニマルにして、どの業種でもプロフェッショナルな印象を維持します。
media.ioで生成されたカーディガングレーのイメージ例
13) ランプグローアンバー

HEX: #241a12 #5a3a1f #a66a2a #e3b867 #fff0cf
雰囲気: 招き入れる、ゴールデン、暖かな夜
おすすめ用途: レストラン卓上テントカード
ノートに照らす卓上ランプのように、招き入れるゴールド感。アンバーとブラスが親しみやすく食欲をそそり、ディープブラウンが全体を引き締めます。クリームの背景にダークブラウンテキストで読みやすさを保ち、アンバーは特別な項目やおすすめに。使用のヒント:グラデーションは控えめにし、印刷時に紙の質感が活きるようにしましょう。
media.ioで生成されたランプグローアンバーのイメージ例
14) クワイエットアーカイブズ

HEX: #20201e #4c463b #8a7f6a #d8ccb7 #faf4e6
雰囲気: 時を超えた、穏やか、伝統
おすすめ用途: 博物館展示パンフレット
ラベル付きの引き出しや静かな書庫のように、時を超えて穏やか。暖かいグレーやサンドの色合いが人間味を加え、情報の多いパンフレットも親しみやすくなります。ダークチャコールは見出し、クリーミーな色はページ全面、サンドトーンはセクションタブに。使用のヒント:写真はやや暖色系にして、紙のようなニュートラルと自然に馴染ませましょう。
media.ioで生成されたクワイエットアーカイブズのイメージ例
15) マーブルステップス

HEX: #141618 #2f3438 #6f767b #cfd4d6 #ffffff
雰囲気: シャープ、建築的、現代的
おすすめ用途: ポートフォリオウェブサイトUI
大理石の階段やシャープな影のように、シャープで建築的。クールなグレーが現代的フレームとなり、写真やケーススタディ、タイポグラフィを引き立てます。主コンテンツには白とほぼ黒を、ライトグレーはカードや画像の枠に。使用のヒント:アクセント要素は1ページに1つ、たとえばダークボタン1つなどに留めてギャラリーらしさを維持。
media.ioで生成されたマーブルステップスのイメージ例
16) ティーアンドペーパー

HEX: #2b2420 #6a5440 #b08b64 #e6d1b6 #fff6e8
雰囲気: 居心地の良い、手作り感、優しい
おすすめ用途: 結婚式招待状一式
ミルクティーと新しいノートのような、居心地と手作り感。やわらかなブラウンとクリームが親密な印象を与え、古めかしさは感じません。最も濃いブラウンと最も薄いクリームは名前や詳細、小さな装飾や封筒のライナーにはキャラメルタンを使いましょう。使用のヒント:未塗工紙に印刷し、暖かい手触りを維持。
media.ioで生成されたティーアンドペーパーのイメージ例
17) キャンパスコートヤード

HEX: #1f2520 #3e4f3c #7b7a55 #cbbf8a #f6f1dc
雰囲気: アーシー、アウトドア、勉学的
おすすめ用途: キャンパスイベントバナー
講堂横の石畳や刈り込まれた生垣のように、アーシーで勉強熱心な雰囲気。グリーンとくすんだオリーブが安定感を、サンドとクリームが遠目でも可読性を与えます。濃いグリーンで大きな文字、サンドトーンはサポートパネルに用いるのが効果的です。使用のヒント:極細フォントは避け、ミッドオリーブは力強い字形でシャープさを維持しましょう。
media.ioで生成されたキャンパスコートヤードのイメージ例
18) レザーバウンド

HEX: #1d130c #5b2c14 #8a4a22 #c89a66 #f3e2c6
雰囲気: 伝統的、大胆、触感
おすすめ用途: クラフト商品ラベル
使い込まれた革装丁本のように、伝統と触感を感じさせます。ディープアンバーや鞍色ブラウンはラベル、スタンプ、バッジに自信を持たせます。濃いアンバーと淡いタンは可読性の高いテキストに、ゴールデンブラウンは縁取りやエンブレムのカラーへ。使用のヒント:控えめなエンボス風シャドウを入れ、過度な装飾なく革の質感を演出しましょう。
media.ioで生成されたレザーバウンドのイメージ例
19) タイプライターリボン

HEX: #0f1114 #2a2f3a #515a6a #c9ccd3 #f7f7f6
雰囲気: シャープ、エディトリアル、ややレトロ
おすすめ用途: ブログヘッダーとアイキャッチ画像
新品のタイプライターリボンのようにシャープでエディトリアル。クールなネイビーグレーがモダンな奥行きを与え、淡いグレーが構成をクリーンかつ出版向きにします。ヘッドラインやオーバーレイに最も濃いトーン、背景は淡いグレーで可読性重視。使用のヒント:写真はやや彩度を落とし、ネイビーグレーが基調になるようにしましょう。
media.ioで生成されたタイプライターリボンのイメージ例
20) サンリットアトリウム

HEX: #2a2622 #6a5a45 #b39a73 #e9d8bf #fffaf0
雰囲気: 明るい、ウェルカム、モダン・クラシック
おすすめ用途: 不動産パンフレット
静かなアトリウムに差し込む陽光のように、明るくウェルカムな雰囲気。暖かいトープややわらかなクリームが高級感と開放感をプラスします。クリームをメイン、濃いブラウンを見出しや重要データに。使用のヒント:ミッドタンで細いラインワークを加え、間取りや特徴リストの視線誘導に使いましょう。
media.ioで生成されたサンリットアトリウムのイメージ例
図書館に合う色は?
ライブラリートーンは暖かいニュートラル(パーチメント、サンド、リネン)と、しっかりしたダーク(エスプレッソ、チャコール、ほぼ黒)との組み合わせが特に相性抜群です。このバランスは、クラシックなテキスト&背景ペアリングを生み、印刷物やUIでも読みやすさを保ちます。
中間色のトープやウォームグレー、くすんだオリーブを重ねて使うと、セクションや枠線、階層感が穏やかで読書的な雰囲気を維持しつつ出せます。
現代的なテイストを加えたい場合は、彩度控えめなスレートやブルーグレーのアクセントをチャート、ナビ、補足ラベルに投入。学術的で上品な印象を損ねません。
実際のデザインで図書館カラーパレットを使う方法
シンプルな構成が基本:明るいベース(クリーム)、濃いインク色(エスプレッソ・チャコール)、仕切りやUIコンポーネントの中間色。このリズムがエディトリアルレイアウト、パンフレット、長文ページに信頼感をもたらします。
ハイライトには暖色のブラウンやアンバーを控えめに活用—バッジやボタン、小アイコンやドロップキャップなどで使うと、重くならず洗練された印象に。ポスターやカバーでは、一番濃い色で大きな文字を、たっぷり余白と組み合わせましょう。
UIでは、広い面積は明るく(またはダークモードなら一貫して暗く)、アクセント色はアクティブ状態に限定。図書館カラースキームは、抑制の効いたデザインとコンテンツ重視でその魅力が際立ちます。
AIで図書館パレットのビジュアルを作る
これらのライブラリーカラーパレットをカバーやポスター、UI画面やブランディングボードで見てみたい場合も、クイックなモックアップ生成で制作前にムードを決めやすくなります。
Media.ioなら短いプロンプトからスタイル通りのビジュアルを生成し、効率的にバリエーションを試せて、カラーの方向性も一貫させやすくなります。特にエディトリアルやブランドキットに便利です。
上記から好きなパレットを選び、プロンプトをコピーして主題(本の表紙、パンフ、UI、パッケージなど)をプロジェクトに合わせて微調整してください。
ライブラリーカラーパレット よくある質問
-
ライブラリーカラーパレットとは何ですか?
ライブラリーカラーパレットとは、本や紙、木製棚、静かな書斎空間にインスパイアされた暖かいニュートラルとインク調の濃いトーンのセットです。クリーム、ブラウン、チャコール、くすんだグリーンやブルーグレーが典型的です。 -
ライブラリーカラースキームに最適なのはどんな背景色ですか?
やわらかなクリームやパーチメント系のオフホワイトが最も柔軟性に優れ、明るく読みやすく仕上げつつ、ヴィンテージで落ち着いた雰囲気も保てます。 -
ライブラリーテーマのデザインでテキストにはどの色を使えば良いですか?
本文にはほぼ黒、チャコール、ディープエスプレッソが最適です。どれも、クリーム背景と強いコントラストを作りプリントでもきつさが出すぎません。 -
ライブラリーパレットを古臭くなく現代的に見せるには?
彩度を低く、クリーンなタイポグラフィにし、カタログUIのようにスレートやグラファイトのアクセントをプラス。現代的なレイアウト+抑えたニュートラルが今風の図書館らしさを演出します。 -
ライブラリーパレットはUIやダッシュボードにも合いますか?
はい。特に情報量の多いUIではライブラリーパレットが効果を発揮します。テキストと背景は高コントラスト、補足ラベルや控えめなパーツにはミッドグレーやくすんだグリーンを。 -
ライブラリーカラーパレットに合うアクセントカラーは何ですか?
ミュートされた真鍮やアンバー、ダスティローズ、セージ、スレートブルーグレーは強調色として選ぶのに最適です。全体の印象が穏やかになるよう、ボタンやバッジ、注目箇所に少しだけ使ってください。 -
図書館をテーマにしたビジュアルを、色を統一させて生成するにはどうすればよいですか?
AI画像生成ツールを使い、プロンプトにパレットの方向性(例:「パーチメントクリーム、エスプレッソブラウン、ミュート真鍮」)を含めてください。その後、カラーワードを同じにしながらレイアウトや主題を調整していくと良いでしょう。
次: コズミックラテ色パレット

