クラシックカラーパレット20選｜厳選カラー＆HEXコードまとめ

クラシックなカラーパレットは決して場違いに見えません。深いインク、暖かいニュートラル、web、印刷物、ブランディング全体で親しみやすい洗練されたアクセントのバランスが取れています。

以下は、16進コードを備えた20の時代を超越したクラシックな色の組み合わせと、それぞれの外観をすばやく視覚化するために再利用できるAI画像プロンプトです。

クラシックパレットがうまく機能する理由

クラシックな配色は、実績のあるコントラストと快適なニュートラルに依存しているため、編集スプレッドからUIコンポーネントまで、あらゆるもので読みやすくなります。これらのパレットは、シンプルなタイポグラフィと最小限のレイアウトでも「デザイン」されているように感じられます。

クラシックなカラーパレットは、トレンドの多い彩度や目新しさの色合いを避けるため、経年劣化も良好です。ディープネイビー、チャコール、クリーム、温かみのあるメタリックなアクセントが、時代遅れを感じることなく気分を上品に保ちます。

最も重要なのは、時代を超越したカラーパレットが階層を簡単にすることです。1つのアンカーダーク、1つのライトベース、1つの抑制されたアクセントです。この構造は、印刷物、スクリーン、およびさまざまな照明条件にわたってきれいに翻訳されます。

20 のクラシックなカラー パレットのアイデア (十六進コード付き)

1) ヘリテージ・ネイビー

十六進：#0b1f3b #f4efe6 #b08d57 #2f2f2f #8a8f98

気分：時代を超越し、自信に満ち、洗練された

最適な場合:ブランドアイデンティティと文房具

自信とオーダーメイドのこのミックスは、ネイビーのブレザー、クリーム色の紙、暖かい真鍮のペンのように感じます。特にヘリテージブランドやプロフェッショナルブランドの場合、あまり努力せずにプレミアムを読みます。見出しにはネイビーを使用し、クリームを呼吸の余地として使用し、ロゴやシールにはゴールドトーンを予約してください。バランスの取れたクラシックなカラーパレットのために、たくさんのネガティブスペースと1つの強いタイプファミリーと組み合わせてください。

media.ioを使って生成したヘリテージネイビーの画像例

メディア.io

Media.io は、ブラウザでビデオ、画像、オーディオを作成および編集するためのオンライン AI スタジオです。

今すぐ無料でお試しください

2) アイボリー&チャコール

十六進：#f7f1e3 #2b2b2b #6b6b6b #c9c2b8 #a67c52

気分：ミニマル、エレガント、編集

最適な場合:web UIとダッシュボード

静かで洗練されたこれらのトーンは、マットな紙、柔らかい影、すっきりとしたグリッドレイアウトを思い起こさせます。高いコントラストにより、インターフェイスは暖かく人間的な感覚を保ちながら読みやすくなります。charcoal にタイポグラフィを使用させ、パネルにはアイボリーを使用し、アクティブな状態や主要な指標にはタン アクセントを使用します。微妙なミッドグレーは、視覚的なノイズを追加することなくセクションを分離するのに役立ちます。

media.ioを使って生成したアイボリー&チャコールの画像例

3) ライブラリ ブルゴーニュ

十六進：#4a0f1a #f3e7d3 #1f1f1f #8b6a4f #c7b8a6

気分：学術的で、温かく、洗練された

最適な場合:ブックカバーと編集レイアウト

ムーディーで文学的なこの作品は、革の背骨、古い紙、静かな読書室を思い出させます。バーガンディは大胆なブロックカラーとして最もよく機能しますが、羊皮紙のトーンはレイアウトを魅力的に保ちます。黒と暖かい日焼けを組み合わせて、キャプションと仕切りを使用して構造を維持します。バーガンディをページの10~20%に保ち、高価で抑制された外観を実現します。

media.ioを使って生成したlibrary burgundyの画像例

4) ツイードオリーブ

十六進：#3a4b2a #f2ead9 #6b5b3e #2a2a2a #b6b0a2

気分：土っぽい、地に足のついた、アウトドア

最適な場合:天然物の包装

地球第一で安心できる、ツイードジャケット、フィールドジャーナル、森の散歩のような気分です。オリーブとブラウンはオーガニックと読まれ、クリーミーなニュートラルはラベルを清潔で読みやすく保ちます。材料のテキストには炭を使用し、オリーブにブランドマークをリードさせます。真っ白な白を避け、職人風に保つために、温かいグレーを背景の色合いとして追加します。

media.ioを使って生成したツイードオリーブの画像例

5) 磁器の青

十六進：#2f4a73 #e9f0f7 #b9c7d6 #f2ddc9 #3a3a3a

気分：落ち着いた、風通しの良い、洗練された

最適な場合:結婚式の招待状と文房具

軽やかで優雅で、磁器の釉薬、柔らかい朝、手書きのメモを思い出させます。淡いブルーが落ち着いたベースに、桃のようなチークが甘くならず暖かさをプラスします。名前と見出しには濃い青を使用し、日付や RSVP 行などの細かい詳細には木炭を使用してください。デッキ付きの紙の質感は、これらのトーンと美しくマッチします。

media.ioを使って生成したporcelain blueの画像例

6) セピアレザー

十六進：#5a3a1e #f3e3cf #a77a4b #2c2c2c #d0b89f

気分：ヴィンテージ、居心地の良い、手作り

最適な場合:コーヒーのラベルとカフェメニュー

暖かく懐かしいこのトーンは、使い古された革、セピアの写真、挽きたてのコーヒーを示唆しています。ブラウンは大胆な見出しに十分な強度があり、クリーミーなニュートラルはメニューを簡単にスキャンできます。本物を感じるクラシックな色の組み合わせには、クラフト紙のような質感と微妙な木目に頼りましょう。レイアウトをフレンドリーに保つために、価格設定とアイコンには最も暗い色合いを控えめに使用してください。

media.ioを使って生成したセピアレザーの画像例

7) ケンブリッジグリーン

十六進：#1f4d3a #f4f0e6 #8aa08e #b07a4a #2e2e2e

気分：新鮮で、学術的で、落ち着いている

最適な場合:大学クラブのポスター

さわやかで立派な、ツタのホール、万年筆、掲示板のような感じです。緑は重みのない権威をもたらし、クリームはすべてを遠くから読みやすく保ちます。階層を明確に保つために、日付やコールアウトに銅のアクセントを使用します。1 つまたは 2 つの大胆な形状にこだわり、タイポグラフィに話しましょう。

media.ioを使って生成したケンブリッジグリーンの画像例

8) リーガルプラム

十六進：#3b1f3b #f2eadf #c2a3b5 #7c6a3f #1e1e1e

気分：ドラマチック、ロマンチック、ラグジュアリー

最適な場合:美容製品広告

ベルベットのようで劇的で、プラムベルベット、キャンドルの明かりの夜、家宝ジュエリーを思い起こさせます。柔らかいチークが気分を高めてくれるので、濃い紫がキツく感じることはありません。タイポグラフィには黒を使用し、ネガティブなスペースにはクリームを使用し、ゴールドブラウンのアクセントがプレミアムなディテールを示します。背景にある 1 つの梅のグラデーションは、広告全体を高めることができます。

media.ioを使って生成したリーガルプラムの画像例

9) 真𨱎及びインク

十六進：#111827 #f5f1e8 #b08d57 #334155 #d6c7b2

気分：洗練された、クラシック、ハイコントラスト

最適な場合:ポートフォリオウェブサイト

シャープでエレガントで、真鍮のクリップが付いた厚いクリーム色のストックに黒インクを塗ったような感触です。ほぼ黒は UI 要素を固定しますが、暖かいニュートラルは UI 要素が冷たくなったり、テクニカルになったりするのを防ぎます。ホバー状態とキーリンクには真鍮トーンを使用し、セカンダリナビゲーションにはスレートを引き込みます。ボディコピーをスレートでわずかに柔らかくしておくと、長時間読みやすくなります。

media.ioを使用して生成されたブラス＆インクの画像例

10）ストーンウォッシュデニム

十六進： #2d4a5a #e8e1d6 #a7b3b6 #7a6a58 #1f2933

気分： リラックス、信頼感、控えめ

最適な場合: ライフスタイルブログのヘッダー

気負わず親しみやすいこのトーンは、擦り切れたデニム、流木、柔らかな曇り空を思わせます。落ち着いた青緑で見出しを強調しつつ、うるさくなりません。暖かいベージュの背景と合わせ、一番暗い色はタイトルやナビ用に使いましょう。くすんだグレーのサブトーンを写真の上に重ねることで、ページ全体に統一感が生まれます。

media.ioを使用して生成されたストーンウォッシュデニムの画像例

11）ヴィンテージローズウッド

十六進： #6b2b2b #f6efe6 #caa0a0 #8a6f4d #2a2a2a

気分： ロマンチック、アンティーク、親しみやすい

最適な場合: イベント招待状とRSVPカード

柔らかくロマンチックで、ローズウッドの箱や乾いた花びら、蝋の封蝋を連想させます。くすんだピンクが赤茶色を重たい印象にせず、特にクリーム色の紙によく合います。ローズウッド色はモノグラムや枠に、チャコール色は読みやすい本文用に使いましょう。エンベロープの裏地に暖かいタン色を入れると全体がまとまります。

media.ioを使用して生成されたヴィンテージローズウッドの画像例

12）リネン＆セージ

十六進： #f1eadf #6f7f6a #b8c2b0 #a47c55 #2e2e2e

気分： 柔らかい、ナチュラル、落ち着き

最適な場合: ウェルネス系ランディングページ

穏やかで回復感があり、リネンのカーテンやハーブティー、静かな朝を思わせます。セージグリーンが落ち着いたブランドカラーとなり、クリーミーなベースで明るく親しみやすいレイアウトに。カッパーブラウンのアクセントは主ボタンや注目状態に使い、視線を導きましょう。テキストは深いニュートラルカラーで、長いスクロールでも読みやすさを保てます。

media.ioを使用して生成されたリネン＆セージの画像例

13）オールドマネー・トープ

十六進： #e9dfd3 #8c7a6b #3a342f #c1b2a3 #b08d57

気分： 静かなラグジュアリー、暖かさ、落ち着き

最適な場合: 不動産パンフレット

落ち着いて自信のある配色で、石灰岩の壁や仕立ての良いスーツ、陽の差すインテリアをイメージさせます。トープとベージュを使って、不動産写真や間取り図の落ち着いたキャンバスを作りましょう。見出しにはダークブラウン、中間トープはキャプション用、ゴールドトーンは少しだけプレミアム感をプラス。均一なマージングリッドでパンフレット全体が高級に見えます。

media.ioを使用して生成されたオールドマネー・トープの画像例

14）ミッドナイト・エスプレッソ

十六進： #0f172a #2b1d14 #f2e8da #8b735b #3f4a5a

気分： ムーディー、親密、シネマティック

最適な場合: レストランのメニューやサイン

ダークで雰囲気のある配色は、薄暗いライトの下のエスプレッソクレマや深夜のジャズを思わせます。クリーミーなニュートラルがデザインを読みやすくし、深い色調同士が潰れるのを防ぎます。背景にミッドナイトブルー、セクション見出しにはエスプレッソブラウン、アイテムの区切りにはタンを。セリフ体と余裕ある行間でクラシックな魅力を生かせます。

media.ioを使用して生成されたミッドナイト・エスプレッソの画像例

15）チョークボード・ミント

十六進： #1f2a2e #f3f0e7 #9fb8b2 #3b4f4a #c9b79a

気分： フレッシュ、ノスタルジック、親しみやすい

最適な場合: ベーカリーのフライヤーと価格表

遊び心とぬくもりのある雰囲気で、チョークボードの看板やミントティー、手書きのスペシャルメニューを思い出させます。深いグリーンブラックがしっかりとしたベースになり、ミントグリーンが小規模ビジネスの親しみやすさを演出。大きなテキストエリアにはクリーム色、価格やスタンプの小さなポイントには暖かいベージュを。レイアウトはシンプルにして、ミントのアクセントを印象的に。

media.ioを使用して生成されたチョークボード・ミントの画像例

16）ギルデッド・ウォールナット

十六進： #3b2a1a #f6eddc #b08d57 #6f5640 #1f1f1f

気分： リッチ、トラディショナル、プレミアム

最適な場合: 高級パッケージやタグ

重厚で磨かれた雰囲気は、ウォールナットの木、暖かいランプの明かり、さりげない金彩を思わせます。金色は細いラインや箔押し、小さなエンブレムで使うと上質感が引き立ちます。ネガティブスペースや商品ディテールにはクリーム色を使い、深いブラウンが意図的に映えるように。マットな質感を加えれば、派手すぎず上品な仕上がりになります。

media.ioを使用して生成されたギルデッド・ウォールナットの画像例

17）コースタル・サンドストーン

十六進： #e7d7c3 #a89b8c #3b5a63 #f5f1ea #2d2d2d

気分： 風通しよく、大人っぽい、旅に最適

最適な場合: ホテルのランディングページ

爽やかで落ち着いた印象は、砂岩の壁やシーグラス、リネンの寝具を思わせます。ティールが海岸風を出しつつ、派手になりません。ティールをキーリンクやボタンに使い、砂岩色はセクション背景やカードに。アイコンやミクロコピーに少しチャコールを加えると、明るい画面でもくっきりと見やすくなります。

media.ioを使用して生成されたコースタル・サンドストーンの画像例

18）オペラレッド

十六進： #8c1d2c #f4eadf #1f1f1f #b08d57 #6b6f76

気分： 力強い、フォーマル、祝祭的

最適な場合: 劇場ポスターとチケット

ドラマティックで儀式的、ベルベットのカーテン、スポットライトの輝き、カチッとしたチケットを思わせます。レッドは瞬時にインパクトを与え、クリームとチャコールがタイポグラフィをコントロールします。クラシックな色合わせに現代的なエッジを加えるには、ゴールドは細いアクセントラインや小さなエンブレムだけにしてください。レイアウトはポスターらしく強い階層構造と目立つ見出しでまとめて。

media.ioを使用して生成されたオペラレッドの画像例

19）スモーク＆スチール

十六進： #e6e2dd #9aa3ad #2b2f36 #5c6773 #c1a27a

気分： クール、都会的、プロフェッショナル

最適な場合: SaaSプロダクトページ

クールで構造的な配色は、磨き上げられたスチール、柔らかな霧、都市建築を思わせます。レイヤードグレーがセクションやチャート、特集ブロックに奥行きを作り、派手な色を使わずとも立体感を演出。見出しには黒に近い色を使い、ベースは明るいグレー、重要なポイントには暖かいタン色を控えめに配して転換点を示しましょう。シンプルなアイコンと余裕のある間隔と特に相性が良いです。

media.ioを使用して生成されたスモーク＆スチールの画像例

20）オータム・ヘリンボーン

十六進： #6b4f2a #f2e3c9 #8a3b2f #2f3b2f #b7a48a

気分： 季節感、素朴、ウェルカム感

最適な場合: 秋のマーケットポスター

暖かくテクスチャー感のある配色で、ヘリンボーンのコートや落ち葉、週末の市場を思わせます。アーシーなグリーンが錆びたレッドを中和し、パレットが落ち着いた印象に。クリーム色をベースに、ブラウンとグリーンで大きなシェイプを作れば屋外でも視認性抜群。控えめなタンは時間や住所、出店リストなどのサブ情報用に。

media.ioを使用して生成されたオータム・ヘリンボーンの画像例

クラシックと相性の良い色は？

クラシックなパレットは、アイボリー、クリーム、パーチメント、トープ、暖かいグレーなどの信頼できるニュートラルカラーと最も相性が良いです。これらの色合いはレイアウトを穏やかにし、アクセントカラーをより意図的に引き立てます。

コントラストを出すには、ネイビー、インクブラック、エスプレッソブラウン、チャコールなどの濃い色を活用しましょう。見出しやナビゲーションの構造を加えつつ、時代を問わない洗練された雰囲気を保てます。

クラシックな配色をモダンに見せたい場合は、1色だけ控えめなアクセント（真鍮、銅、落ち着いたティール、ダスティローズなど）を加え、それを繰り返し使うと良いでしょう。アクセントを小さく抑えると、デザインは高級感を保ち、雑多な印象を与えません。

実際のデザインで古典的なカラーパレットを使用する方法

シンプルな比率から始めると良いです：背景用に明るいベース、テキストや主要UI要素用にダークカラー、コールトゥアクション用にアクセントカラー1色。これは伝統的な印刷デザインの階層構造を反映したもので、スクリーンにもよくなじみます。

タイムレスなカラーパレットでは、テクスチャが非常に重要です。控えめな紙の質感、マットな影、柔らかなオーバーレイを加えると、ニュートラルカラーの深みが増し、色数を増やさずリッチに仕上がります。

ブランディングでは、アクセントカラーは価値の高い場面（ロゴ、封蝋、リンク、ホバー状態）だけに取っておきましょう。こうした節度がクラシックカラ―コンビネーションに自信を与えます。

AIでクラシックなパレットビジュアルを作成

クラシックパレットを実際の場面で見たい場合は、上記のプロンプトを使って素早くモックアップ（ポスター、パッケージ、招待状、UIなど）を生成してみましょう。ムードやコントラスト、可読性を確認でき、本格デザインに取り掛かる前にチェックできます。

Media.ioを使えば、パレットのアイデアを数分でまとまりあるビジュアルにでき、ライティング・素材・レイアウトスタイルを変えても同じカラーストーリーを保ったまま何度も繰り返し試せます。

お気に入りのパレットのHEXコードを使うことでブランド統一感を出し、また広告、ランディングページ、SNSグラフィックのバリエーションも複数生成できます。

次へ： アールデコ カラーパレット