ミッドセンチュリーモダンのカラーパレットは、暖かみのある木材、大胆なコントラスト、遊び心のあるアクセントが特⻑で、時代を超えて愛される印象を与えます。チーク、オリーブ、マスタード、シーフォームなどを、クリーミーなニュートラルやチャコールのラインでバランスよく組み合わせましょう。
下記は、インテリアやブランディング、ポスター、UIで使える20のレトロインスパイアなミッドセンチュリーカラーパレットです。それぞれHEXコードとAI用画像プロンプト付きで、数分で再現できます。
本記事の内容
なぜミッドセンチュリーモダンのパレットは魅力的なのか
ミッドセンチュリーモダンのパレットが機能する理由は、暖かみのある⼈間味あふれる素材（木、粘土、レザー）と、クールで構造的なコントラスト（ティール、スレート、チャコール）のバランスにあります。この絶妙な緊張感が、「親しみやすいのにデザイン性の高い」雰囲気を作り出します。
これらのレトロ配色は、明確なヒエラルキーにも依存しています。1〜2色の“主役カラー”、サポートとなるニュートラル、小さなエネルギーを与えるアクセント。結果的に、ポスターやブランディングとしては十分に目立ち、インテリアやUIには落ち着きを与えます。
最後に、多くのアトミックエイジのパレットは印刷にも適しています。クリーミーな背景、ダークな文字色、紙でもデジタルでも映える温かなハイライト（マスタードやブラス）です。
20以上のミッドセンチュリーモダンな配色アイデア（HEXコード付き）
1）チーク＆ティール
HEX： #2F6F73 #E7D8C3 #C46B3E #3B2F2A #D4A437
ムード： 暖かみ、自信、建築的
おすすめ用途： リビングのアクセントウォール＆インテリアコーディネート
温かいチークの雰囲気にクールなティールを合わせ、洗練されつつ時を超える印象に。ティールはアクセントウォールや椅子張りに使い、ウォールナットブラウンとクリーミーベージュで全体をまとめます。テラコッタやブラスゴールドを加えることで、レトロ感を出しつつ派手すぎない仕上がりに。小さな金具にゴールドを繰り返すと全体がまとまりやすくなります。
media.ioによるチーク＆ティールの画像例
Media.ioは、ブラウザ上で動画・画像・音声を作成・編集できるオンラインAIスタジオです。
2）アボカドラウンジ
HEX： #5A6B2D #F2E6D6 #C65A2E #2D3A2E #E2B64F
ムード： ヴィンテージ、リラックス、ノスタルジック
おすすめ用途： カフェメニューのブランディングやサイン用
アーシーなアボカドグリーンとトーストテラコッタが、レコードが流れるコージーなボックス席のような空間。クリーミーなニュートラルはダークパインと合わせて文字も見やすくレイアウトもスッキリ。マスタードゴールドを価格・アイコン・CTAの強調色に。アボカドは大きな面積に、クリームを多めに使うと新鮮で明るい雰囲気に。
media.ioによるアボカドラウンジの画像例
3）マスタードビニール
HEX： #D6A21E #2E2B28 #F4E9D8 #6C8A7A #C45D4B
ムード： 大胆、リズミカル、遊び心
おすすめ用途： アルバムカバーやプレイリストサムネイル
マスタードとチャコールが、クラシックレコードや幾何学ポスターのような印象を生み出します。クリームで空間に余裕を、ダークトーンが重くならないバランスに。セージで柔らかさ、コーラルレッドでエネルギッシュなポイント。チャコールは文字やアウトラインに使ってコントラストを保つのがコツ。
media.ioによるマスタードビニールの画像例
4）サンセットテラコッタ
HEX： #C85A3A #F3D6C6 #2F4A4D #E2B48A #3C2E2A
ムード： 太陽に照らされた、落ち着き、親しみやすい
おすすめ用途： レストラン内装の配色やウォールアート
サンセットテラコッタと淡いピーチが、ゴールデンアワーの暖かい壁を連想させます。ディープティールは椅子張りやアートフレームの差し色に、ココアブラウンは床や木材のトーンに最適。この配色はピーチとサンドを主役にして、ティールは効果的に使うとバランス良くなります。リネンやマットセラミックなど、素材感も取り入れると上品な暖かさが増します。
media.ioによるサンセットテラコッタの画像例
5）アトミックミント
HEX： #7FC7B6 #F6F0E4 #E06B4A #2A3A44 #D6B33E
ムード： フレッシュ、楽観的、レトロフューチャー
おすすめ用途： モバイルアプリのオンボーディング画面（2D UI）
ミントシーフォームとクリーミーホワイトが、清潔感と時代を超えたアトミック時代の雰囲気を演出します。ヘッダーやアイコンはネイビースレートでアクセシビリティも確保し、コーラルで親しみやすさを強調。ゴールドは進捗やバッジなどのアクセントにも。UI全体はコーラルのボタンを一種類にまとめて落ち着きを保つのがオススメ。
media.ioによるアトミックミントの画像例
6）パームスプリングスピンク
HEX： #E7A2A0 #F7EFE6 #6B8A7A #2B3B3A #D7B24A
ムード： 晴れやか、 breezy、自信
おすすめ用途： 結婚式招待状セット
くすみピンクと柔らかいクリームが、リゾートやプールサイドの傘、磨かれた石を思わせます。セージグリーンは植物イラストに、ダークエバーグリーンは文字のコントラストに最適。暖かいゴールドのひとさじが全体をヴィンテージ感のあるリュクスな印象に。クリームを紙の色として主役に、ピンクは枠や見出しに使うと上品な仕上がりになります。
media.ioによるパームスプリングスピンクの画像例
7）ウォールナッツクリーム
HEX： #4A342E #F3E7D6 #A5A08A #C56C4A #2E4B4A
ムード： 静か、居心地良い、キュレーションされた印象
おすすめ用途： 文芸フィクションのブックカバーデザイン
ウォールナットブラウンとオートクリームは、使い込まれたレザーや文庫、落ち着いた読書スペースのよう。ソフトなストーンカーキをサブ背景に使えば、ノイズのない奥行きを追加。テラコッタはタイトルやイラストのアクセント、ディープティールは文字に使って引き締めを。テラコッタは主役一つに、その他はニュートラルでまとめて。
media.ioによるウォールナッツクリームの画像例
8）セラミックブルー
HEX： #3D6D8A #F4E7D7 #C77B4A #2F2C2A #A7B39B
ムード： クリーン、コースタル、コレクタブル
おすすめ用途： ハンドメイド陶器のパッケージング
セラミックブルーとクリーミーアイボリーは、艶やかな釉薬と粘土のコントラスト。ラベルや細かい線はチャコールで、パッケージが読みやすく高級感も。テラコッタはハンドメイドの温もり、淡いセージは全体のコントラストを和らげます。ヒーローカラーのブルーをシール等で何度も使うと統一感が生まれます。
media.ioによるセラミックブルーの画像例
9）オリーブサーキット
HEX： #6A7A33 #F1E7D9 #2E4A4F #C05A3D #D9B55A
ムード： 賢さ、レトロテック、落ち着き
おすすめ用途： ヴィンテージ電気店のブランドキット
オリーブとディープティールは昔の基板や整理された道具箱をイメージ。背景はクリームを中心にしてダークトーンにシャープさを。シンプルな幾何学ロゴやミニマルアイコンと相性抜群。テラコッタはバッジやプロモ限定で特別感を演出しましょう。
media.ioを使って生成したolive回路の画像例
10) 砂漠のポストカード
HEX：#D7B38C #C05A3A #3E5A5A #F4E8D8 #2F2B28
ムード：旅行の準備ができていて、日差しが色あせて、懐かしい
おすすめ用途：砂漠の街のレトロな旅行ポスター
サンディベージュと太陽で焼き上げたテラコッタは、引き出しから引き出した色あせたポストカードのように感じられます。空や影にダスティティールを追加し、鮮明なタイプとアウトラインにチャコールを使用します。クリームはポスター全体を風通しがよく、印刷に優しい状態に保ちます。ヒント: 大きくてシンプルな形状と最小限のグラデーションを使用して、古典的なポスターの雰囲気を捉えます。
media.ioを使って生成した砂漠ポストカードの画像例
11) サフランと石
HEX：#E0B23F #F2E9DD #7A8B6A #B85A3A #3A2F2A
ムード：自信に満ちた、温かい、編集
おすすめ用途：家の装飾のための雑誌の広がり
サフランと石は、織物、真鍮のランプ、太陽に照らされたページのように感じられます。クリーミーなニュートラルを紙のベースとして使用し、ココアブラウンの見出しで階層を構築します。Sage は、注目を奪うことなくライフスタイルの写真とキャプションをサポートします。ヒント: サフランをハイライトに保ち、引用符を引いて、意図的に読み、うるさいものではありません。
media.ioを使って生成したサフランと石の画像例
12) レトロなオフィス
HEX：#2F4F4F #F5EBDD #C96B45 #D8B24A #7F8B7A
ムード：プロフェッショナル、構成された、ヴィンテージクール
おすすめ用途：デザインスタジオ向けウェブサイトUI（2D UI）
深いティールと温かみのあるニュートラルが、モダンなポリッシュを施したクラシックなオフィスのような落ち着いた信頼できるトーンを設定します。クリームをメインキャンバスにしてから、ナビゲーションと見出しにティールを使用して構造を維持します。ミッドセンチュリーモダンな配色のために、テラコッタボタンと落ち着いたゴールドのアクセントが読みやすさを損なうことなく個性を加えます。ヒント: 厳しい純粋なグレーの線を避けるために、仕切りとカードにグレーグリーンを使用してください。
media.ioを使って生成したretro officeの画像例
13) サボテンと粘土
HEX：#4F6B3A #EEDCCB #C76A4C #2B3436 #D6A94A
ムード：砂漠植物、自然、フレンドリー
おすすめ用途：水彩植物イラストセット
サボテンの緑と粘土のテラコッタが、柔らかく日当たりの良い砂漠の庭園に命を吹き込みます。クリーミーな砂を紙のトーンとして使用し、グラファイトチャコールで影を深めて明確にします。マスタードのアクセントは、小さな花やラベルスタンプに美しく機能します。ヒント: 野菜が新鮮なままになるように、水彩画で木炭を微妙に保ちます。
media.ioを使って生成したサボテンと粘土の画像例
14) モカマッシュルーム
HEX：#6B4A3A #E9DDCF #A3A08E #2F3E3E #C48A4A
ムード：柔らかく、土っぽく、控えめな
おすすめ用途：ベッドルームのミニマリストなインテリアスタイリング
モカやマッシュルームのニュートラルは、ウールのスローやマットな陶器のように、落ち着いた感触があります。クリームをメインの壁や寝具のトーンとして使用し、ラグやテキスタイルにストーントープを重ねます。深みのあるグリーンティールがパレットをベージュに漂わせず、温かみのあるキャラメルが居心地の良いアクセントを加えます。ヒント: 木、リネン、セラミックなどの仕上げを混ぜて、新しい色を追加せずに深みを作ります。
media.ioを使って生成したモカマッシュルームの画像例
15) コーラル・フォルミカ
HEX：#E06B5A #F6ECDD #3B6D6A #2E2B28 #D9B24A
ムード：明るく、さわやかで、ダイナー風
おすすめ用途：ソーシャルメディアプロモーションテンプレートセット
コーラルとクリームは、光沢のあるカウンタートップやレトロな看板のように、明るく清潔感があります。ヘッダーとフレームの構造にはティールを使用し、強力なタイプコントラストにはチャコールを使用します。暖かいゴールドは、アイコン、ステッカー、セールタグの微妙なハイライトとして機能します。ヒント: コーラルをメイン ブロック カラーにし、視覚的な乱雑さを避けるためにティールを細い線で使用します。
media.ioを使って生成したコーラルフォルミカの画像例
16) ターコイズステレオ
HEX：#2F8C8A #F4EADB #C65B3E #3A2F2A #A7B18F
ムード：明るく、自信に満ちて、懐かしい
おすすめ用途：レトロスピーカーの商品広告
ターコイズと温かみのあるクリームは、クラシックなステレオダイヤルが点灯するようにエネルギッシュな感じがします。タイポグラフィと製品の詳細のために、深いエスプレッソブラウンで外観をグラウンドします。テラコッタはコールアウトに暖かさを加え、落ち着いたオリーブは二次要素を落ち着かせます。ヒント: ターコイズ色の製品色がスポットライトを奪うように、背景を主にクリーム色にしてください。
media.ioを使って生成したターコイズステレオの画像例
17) 真鍮とベリー
HEX：#C9A23B #F3E7D8 #7A3B4A #2D3438 #8AA08B
ムード：ムーディー、ラックス、アーティスティック
おすすめ用途：カクテルバーのチラシ
ブラスゴールドとベリープラムが、ヴィンテージなひねりを加えた華やかな深夜の雰囲気を演出します。背景にクリームを使用して読みやすくし、キータイポグラフィをチャコールでセットして鮮明なコントラストを作ります。これらのミッドセンチュリーモダンな色の組み合わせは、シンプルな幾何学的な仕切りとたくさんのネガティブなスペースで輝いています。ヒント: イベント タイトルや 1 つのシェイプなど、ベリーを 1 つまたは 2 つのヒーロー要素に保ちます。
media.ioを使って生成した真鍮とベリーの画像例
18）小石と柿
HEX：#D46A3A #F2E7D7 #5A6B5A #2F3A3A #C9A85A
ムード：ナチュラル、バランスの取れた、手作り
おすすめ用途：職人石鹸包装
柿のオレンジと小石クリームは手作りで温かみがあり、少し素朴な感じがします。成分のコールアウトにはリーフグリーン、ブランドマークにはディープスレートを使用して、すべてを基礎に保ちます。柔らかいゴールドは、品質を示唆する微妙なボーダーやスタンプにぴったりです。ヒント: パッケージが軽くて親しみやすいように、スレートを控えめに印刷してください。
media.ioを使って生成した小石と柿の画像例
19）グラファイトとオーツ麦
HEX：#2B2B2F #F2E6D2 #B7B0A2 #C76A45 #6C8A7A
ムード：モダンで地に足のついた、静かに大胆な
おすすめ用途：ポートフォリオ Web サイトのランディング ページ (2D UI)
グラファイトとオート麦は、ヴィンテージ素材にうなずきながらも、清潔でモダンな感じがします。主な背景としてオート麦を使用し、タイプはグラファイトに寄りかかり、コントラストを強くするためにナビゲーションに寄りかかります。テラコッタはボタンに暖かいハイライトを追加しますが、セージは二次セクションやタグに最適です。ヒント: インターフェイスをほぼ中立に保ち、terracotta がアクションを一貫してシグナリングできるようにします。
media.ioを使って生成したグラファイトとオート麦の画像例
20) シーフォームダイナー
HEX：#86C5B4 #F7EEDD #D97B4A #2F4A4D #D6B23E
ムード：明るく、フレンドリーで、レトロで遊び心のある
おすすめ用途：フードトラックのロゴとミニブランドセット
シーフォームとクリームは、静かな通りにある日当たりの良いダイナーの看板のように、軽やかで懐かしい感じがします。アウトラインとタイポグラフィに深いティールを使用して、ロゴを小さなサイズで読みやすくします。コーラルは食欲に優しい暖かさを加え、マスタードのタッチはその古典的なヴィンテージのアクセントをもたらします。ヒント: 最初にワンカラーのティールでロゴをテストし、次にシーフォームとコーラルを重ねて完全な外観にします。
media.ioを使って生成したシーフォームダイナーの画像例
ミッドセンチュリーカラーに合う色は？
ミッドセンチュリーモダンカラーは、暖かいベース（クリーム、オーツ麦、砂、ウォールナット）とクールなアンカー（ティール、スレート、ディープグリーン）、1つの明るいアクセント（マスタード、コーラル、真鍮）を組み合わせると最もよく合います。これにより、見た目がカオスにならずにレトロになります。
インテリアの場合、暖かい木は自然に涼しい壁の色と暖かいテキスタイルの間に橋を架け、ティール/テラコッタまたはオリーブ/クリームは特に一緒に暮らしやすくなります。ブランディングやポスターでは、タイポグラフィのコントラストのためにチャコールまたはディープティールが最も信頼できる選択肢であることがよくあります。
より明るく、より現代的なひねりを加えたい場合は、シーフォーム、チーク、クリームに傾いてください。その後、アウトラインとテキストをダークエバーグリーンまたはグラファイトに保管して、ミッドセンチュリーの構造を維持してください。
ミッドセンチュリーカラーを実際のデザインで使う方法
まず「ヒーロー」カラー (ティール、オリーブ、コーラルなど) を選択し、クリーミーなニュートラルを主な背景として使用してスペースを与えます。これは、清潔で建築的なミッドセンチュリーの雰囲気を得る最も簡単な方法です。
次に、テキストとアウトラインには濃い色、強調には温かい色（ボタン、値札、バッジ）、二次セクションには柔らかいサポートカラーを1つ割り当てます。これらの役割を一貫して保つことで、デザイン全体が意図的に感じられます。
プリントスタイルのレイアウトの場合、ミッドセンチュリーモダンパレットは、シンプルな幾何学的形状、寛大なマージン、限られたグラデーションで最もよく見えます。フォトリアルな輝きよりもスクリーンプリントです。
AIでミッドセンチュリーパレットのビジュアルを作成
十六進コードを持っているが、リアルなモックアップが必要な場合は、Media.io を使用すると、テキスト プロンプトから直接ミッドセンチュリーのインテリア、ポスター、パッケージ、UI ビジュアルを生成できます。これは、コミットする前にパレットのバランスが取れているかどうかをテストするための迅速な方法です。
上記のプロンプトを再利用してから、製品、部屋のタイプ、またはレイアウト形式(スクエアポスト、16:9ヒーローバナー、3:4チラシ)を入れ替えます。複数の世代にわたって同じヒーローとニュートラルを繰り返すことで、パレットを一貫性を保ちます。
好きな画像ができたら、同じミッドセンチュリーモダンな配色を維持しながら、照明(昼光対アンビエント)、素材(リネン、ウォールナット、セラミック)、または構図(よりネガティブなスペース)を調整できます。
ミッドセンチュリーモダンカラーパレットに関するよくある質問
-
ミッドセンチュリーモダンのカラーパレットを定義するものは何ですか?
ほとんどのミッドセンチュリーモダンパレットは、暖かいニュートラル（クリーム、オート麦、ベージュ）、豊かなアーストーン（ウォールナット、テラコッタ、オリーブ）、チャコールやディープティールのようなダークな輪郭色にアンカーされた楽観的なアクセント（マスタード、コーラル、シーフォーム）を組み合わせています。 -
リビングルームに最適なミッドセンチュリーモダンカラーは何ですか?
ティール、ウォールナットブラウン、ウォームクリーム、テラコッタ、ブラスゴールドが定番です。大きな表面にはクリーム、壁や椅子のアクセントにはティール、小さな装飾のアクセントにはテラコッタ/真鍮を使用して、バランスの取れた外観を実現します。 -
レトロな配色が時代遅れに見えないようにするにはどうすればよいですか?
最も大きな色を小さな領域に制限し、背景をニュートラルに保ち、タイポグラフィとアウトラインをきれいにするために濃い色を 1 つ使用します。モダンな照明、最小限の乱雑さ、一貫した間隔も、パレットを最新のものに感じさせます。 -
ブランディングに適したミッドセンチュリーモダンの色の組み合わせは何ですか?
オリーブ + クリーム + ディープ ティールは「ヘリテージ」ブランドに最適ですが、グラファイト + オート麦 + テラコッタはモダンでありながらもレトロな感じがします。アイコン、仕切り、または行動の呼びかけのハイライトとしてマスタードまたは真鍮を追加します。 -
mid century palettes は UI デザインとアクセシビリティに適していますか?
はい。テキストには暗いアンカー (グラファイト、ディープ ティール) を使用し、ボタンやバッジには明るいアクセント (コーラル、マスタード) を予約する場合。カラーブロックの上にテキストを配置するときは、常にコントラスト比を確認してください。 -
ミッドセンチュリーモダンはどんな色を避けるべきでしょうか?
非常にクールなネオン色やアイシーグレーは、暖かくて触感のあるミッドセンチュリーの雰囲気と衝突することがあります。明るい色を使う場合は、より暖かいバージョンを選んでください（ホットピンクの代わりにコーラル、ネオンイエローの代わりにマスタードなど）。 -
ミッドセンチュリーモダンのカラーパレットを素早くイメージするにはどうしたらいいですか？
同じプロンプトスタイル（インテリア、ポスター、パッケージ、UIなど）でいくつかのモックアップを作成し、照明や素材など一度に1つの変数だけを変えて繰り返してください。そうすることで、すべての出力でパレットを一貫して評価できます。
次へ： シャンパンピンクのカラーパレット
