Red and Green Color Combinations: 20 Ideas With Hex Codes

赤と緑はエネルギッシュな組み合わせで、加える色味やニュートラルカラー次第で華やか、ナチュラル、モダン、またはラグジュアリーな印象にもなります。

以下にはHEXコード付きで20種類以上の赤緑カラーパレット例と、ブランド、UI、印刷物でコントラスト・アクセント・サポートカラーを活用するコツを紹介します。

なぜ赤と緑のパレットがよく合うのか

赤と緑はカラーホイールの反対側に位置しているため、自然と強いコントラストを生みます。このコントラストによって、特にどちらか一方をメインに、もう一方をサポートカラーにした場合、レイアウトが力強く見やすく感じられます。

この組み合わせは親しみある印象ももたらします。赤はエネルギー・温かさ・緊急性を、緑は成長・新鮮さ・安定感を示します。一緒に使うことでブランドやUIで「ワクワク感＋安定感」を表現できます。

カギはバランスコントロール。オフホワイト・クリーム・チャコールなど落ち着いたニュートラルカラーを加え、最も鮮やかな色はアクセントに留めれば、赤緑配色は上品にまとまります。

20種類以上の赤緑カラーパレット例（HEXコード付き）

1）ウィンターホーリー

HEX： #B11226 #0B6B3A #F2F1E6 #2B2B2B #D8B24A

雰囲気： 華やか・クラシック・ぬくもり

おすすめ用途： ホリデーギフトパッケージ

華やかで親しみやすく、ヒイラギの葉や暖かいライト、冬の定番デコレーションを連想させます。オフホワイトとチャコールが赤と緑の強さを和らげ、ゴールドが高級感をプラス。シーズン向けのパッケージやグリーティングカード、店舗バナーに最適です。ゴールドは封緘や枠、箔押しなどポイント使いがおすすめです。

media.ioで生成されたウィンターホーリーのイメージ例

Media.io

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

今すぐ無料で試す

2）フォレストベリー

HEX： #7A0C1E #1F7A4D #E9D7C3 #3E3A36 #A7C7B5

雰囲気： ナチュラル・アウトドア・落ち着き

おすすめ用途： アウトドアブランドのロゴ・ラベル

ナチュラルで落ち着いた雰囲気は、松林のハイキングや葉の下に隠れたベリーを思わせます。ベージュとブラウンが自然な土台を作り、ミントカラーが緑に新鮮さを加えます。サステナブル商品やアウトドア用品、クラフト食品のラベルにどうぞ。再生紙テクスチャと暗い色の文字で読みやすく仕上げましょう。

media.ioで生成されたフォレストベリーのイメージ例

3）キャンディケーン・ポップ

HEX： #E53935 #2ECC71 #FFFFFF #1C1C1C #FFCDD2

雰囲気： ポップ・明るい・楽しい

おすすめ用途： 子供向けイベントポスターデザイン

元気でポップな印象は、キャンディケーンやバルーン、大胆なパーティーグラフィックを連想させます。パリッとした白とインクブラックが明るい色味を引き立て、淡いピンクが大面積でも柔らかい印象です。活発な赤緑配色には緑をサポート役、赤をアクション用に。太いアウトラインや黒文字で小さい文字も埋もれません。

media.ioで生成されたキャンディケーン・ポップのイメージ例

4）ラスティックオーチャード

HEX： #A31621 #3B7A57 #F4E7D3 #8C6A4A #2F2A26

雰囲気： 温かい・ラスティック・ノスタルジック

おすすめ用途： ファーマーズマーケットのサイン

懐かしさを感じる温かい印象で、果樹園のリンゴや木箱、手描きサインを思わせます。クリーム色やブラウンが落ち着きを与え、深い赤が食欲をそそります。黒板メニューやマーケット看板、職人ジャムのラベルに最適。緑はテクスチャ紙に控えめに印刷すると自然な仕上がりに。

media.ioで生成されたラスティックオーチャードのイメージ例

5）レトロダイナー

HEX： #D72638 #2A9D4B #F7F3E8 #2E294E #F9C74F

雰囲気： レトロ・大胆・陽気

おすすめ用途： レストランメニューのレイアウト

大胆で陽気な雰囲気は、レトロなダイナーブースやネオンサイン、夜のコンフォートフードを思わせます。クリーミーなベースは親しみやすさを出し、ネイビーは見出しや価格表示にコントラストを生みます。メニュー、カフェのスタンプカード、SNSグラフィックにも。黄色はセクションの区切りやバッジに使用し、大面積は避けましょう。

media.ioで生成されたレトロダイナーのイメージ例

6）ボタニカルスタディ

HEX： #8B1E24 #2F6F3E #E3E8D3 #6D4C41 #C1D7A0

雰囲気： ナチュラル・アカデミック・穏やか

おすすめ用途： ボタニカルポスターイラスト

穏やかで自然な印象は、押し葉標本やインクノート、ヴィンテージ野帳を思わせます。淡いグリーンは空気感を、深い赤はタイトルや小さなスタンプに最適。植物プリントやエコ系ワークショップ、優しい信頼感が必要なパッケージにおすすめ。背景は淡いセージグリーン、濃い緑はアウトラインや細部に使いましょう。

media.ioで生成されたボタニカルスタディのイメージ例

7）ネオンアーケード

HEX： #FF1744 #00E676 #121212 #2C2C2C #F9FF00

雰囲気： エレクトリック・エッジィ・ハイコントラスト

おすすめ用途： ゲーム配信オーバーレイ用グラフィック

エッジィでエレクトリックな雰囲気は、アーケード筐体やグロースティック、夜のエネルギーをイメージさせます。ほぼ黒の背景がネオンカラーを引き立てつつ、まとまりを損ねません。ゲーム配信やeスポーツプロモ、高インパクトのサムネイルに活躍します。広い面は暗め、ネオンはアイコンや進行バー、主要ボタンに絞れば目の疲れを防げます。

media.ioで生成されたネオンアーケードのイメージ例

8）ミューテッドクレイ

HEX： #9B2C2C #3D6B4A #E8E1D8 #A7A090 #2E2A27

雰囲気： くすみ・モダン・アースカラー

おすすめ用途： インテリアデザインのムードボード

くすんだモダンな雰囲気は、陶器のうつわやリネンカーテン、午後のやわらかな光を思わせます。温かみのあるニュートラルカラーが赤と緑のバランスをとり、上品で落ち着いた印象に。インテリア系のムードボードやライフスタイルブランド、静かなWebテーマにぴったり。文字は濃いチャコール、カラーはボタンや小さなイラストのアクセントに。

media.ioで生成されたミューテッドクレイのイメージ例

9）アルパインシャレー

HEX： #C1121F #386641 #FDF0D5 #003049 #DDA15E

雰囲気： 冒険心・ぬくもり・プレミアム

おすすめ用途： 冬の旅行パンフレット

冒険的でありながら居心地が良く、アルプスの山小屋、ウールの毛布、そして澄んだ山の空気を思わせます。ネイビーが洗練された深みを加え、暖色系が季節感に偏りすぎないよう調和します。旅行パンフレットやブティックホテルのブランディング、アウトドアイベントの販促資料に最適です。バランスの取れた赤と緑の配色にしたい場合、本文はネイビー、赤はハイライトやバッジのみに使いましょう。

media.ioで生成されたアルプス風シャレ―の画像例

10) さくらパインズ

HEX： #D1495B #3A7D44 #F7EDE2 #F4ACB7 #B7B7A4

雰囲気：やわらかい、ロマンチック、穏やか

おすすめ用途：ウェディング招待状セット

やわらかくロマンチックな印象で、ピンクがかった花びらとパイングリーンが優しく現代的なコントラストを作ります。クリーミーな背景で全体に軽やかさが感じられ、グレーグリーンが落ち着いたコンテンポラリーな雰囲気を加えます。ウェディングセット、春のお知らせ、エレガントな文房具に最適です。ポイント：広い範囲の赤はくすみローズで印刷し、深いグリーンはモノグラムやボーダーのみに使いましょう。

media.ioで生成されたさくらパインズの画像例

11) スパイシーサルサ

HEX： #C81D25 #2D6A4F #FFF3B0 #5A189A #E09F3E

雰囲気：スパイシー、フェスティブ、エネルギッシュ

おすすめ用途：フードトラック用ブランドキット

スパイシーで祝祭的な雰囲気は、屋台の明かりやサルサの熱気、活気ある市場を思わせます。明るいイエローが深い色味を重くなりすぎないよう調整し、パープルは副次的なグラフィックに楽しいアクセントを加えます。フードトラックのブランディング、フェスティバルのメニュー、大胆なプロモステッカーにおすすめ。使い方のコツ：パープルは小さなパターンやアイコンのみにして、主役は赤と緑に。

media.ioで生成されたスパイシーサルサの画像例

12) ガーネット＆セージ

HEX： #7D1128 #5A7D5A #F1E9DA #3A3238 #C7B198

雰囲気：大人っぽい、洗練、重厚

おすすめ用途：法律事務所やコンサルティングサイト

ムーディーで洗練された色合いは、ガーネットのベルベットやセージのインク、静かな自信を思わせます。クリーム色とサンドがダークなトーンをやわらげ、ページ全体を上質に見せてくれます。プロのサイト、提案書、上質な印刷物に理想的。コツ：リンクやさりげないUIにはセージを、主なアクションにはガーネットを使いましょう。

media.ioで生成されたガーネット＆セージの画像例

13) コーラルスプルース

HEX： #FF5A5F #1B5E20 #FAF3DD #2A2D34 #FFD166

雰囲気：フレッシュ、親しみやすい、陽気

おすすめ用途：SNS広告クリエイティブ

フレッシュで親しみやすい配色は、コーラルの果実やトウヒの葉、明るい日差しを感じさせます。温かいクリーム色の背景でレイアウトを軽快に、ダークスレートでタイポグラフィをしっかりと支えます。元気なSNS広告、テンプレート、短期間のプロモバナーにおすすめ。赤と緑の配色では、コーラルを見出しに、グリーンは装飾用のみに使うと階層が整理されます。

media.ioで生成されたコーラルスプルースの画像例

14) エメラルドブリック

HEX： #B00020 #007F5F #F6F7F2 #343A40 #B7E4C7

雰囲気：クリーン、現代的、自信

おすすめ用途：SaaSダッシュボードUI

クリーンで現代的な配色が、シャープな質感と都会的な自信を感じさせます。オフホワイトとスレートで明快さを出し、ミントでグリーンがモダンかつ親しみやすく。SaaSのダッシュボード、管理画面、分析系UIに最適。TIPS：エメラルドグリーンは成功表示、ブリックレッドはエラー専用に使うことで意味が明確になります。

media.ioで生成されたエメラルドブリックの画像例

15) ピクニックブランケット

HEX： #D90429 #2B9348 #FFF1E6 #6C757D #F4D35E

雰囲気：ハッピー、カジュアル、家族向け

おすすめ用途：サマーピクニックイベントフライヤー

ハッピーでカジュアルな雰囲気は、格子柄ブランケット、レモネード、日差しの公園を感じさせます。やわらかいクリーム色が招き入れるような印象で、グレーがテキストを読みやすくサポートします。地域のフライヤー、家族向けイベント、温かい季節の告知に最適です。コツ：大きな面にはクリームを、赤か緑は見出しや日付だけに使いましょう。

media.ioで生成されたピクニックブランケットの画像例

16) ベルベットシアター

HEX： #8E0D3C #0B3D2E #1B1B1F #C9A227 #E5E5E5

雰囲気：ドラマチック、贅沢、映画的

おすすめ用途：劇場ポスター＆チケット

ドラマチックで贅沢な印象は、ベルベットのカーテン、薄暗い通路、ゴールドのスポットライトを思わせます。ほぼ黒いベースが瞬時にコントラストを生み、淡いグレーがテキスト領域を呼吸しやすくします。劇場ポスター、ガラチケット、高級イベントブランディングに理想的です。コツ：ゴールドはタイトルやアイコンのスポット的色に、背景は深めで映画風を演出。

media.ioで生成されたベルベットシアターの画像例

17) トロピカルパンチ

HEX： #FF3D00 #00C853 #FFF8E1 #00B0FF #7C4DFF

雰囲気：トロピカル、遊び心、エネルギッシュ

おすすめ用途：飲料製品広告

トロピカルでエネルギッシュな配色は、シトラスのパンチ、ヤシの葉、プールサイドのパレットをイメージさせます。クリーミーな明度で鮮やかさがきつくなりすぎず、ブルーとバイオレットでモダンに仕上がります。飲料広告、フェスプロモ、若々しいブランドに最適。コツ：グリーンはフレッシュさ示す時に、ブルーは背景やグラデーションで爽快さを強調。

media.ioで生成されたトロピカルパンチの画像例

18) コージーキャビン

HEX： #A01A2C #2F5D50 #EFE7DA #6B705C #CB997E

雰囲気：居心地が良い、落ち着き、ラスティック

おすすめ用途：キャビンレンタルのランディングページ

居心地が良く穏やかな配色は、薪の煙、ウールのブランケット、暖かな山小屋のインテリアを連想させます。やわらかな中間色で全体がリラックスした雰囲気になり、赤は控えめな暖炉の灯りのように映ります。ホスピタリティ関連ページやレンタルリスティング、旅ブログにも最適。コツ：鈍いグリーンはナビゲーションに、赤は画面ごとに1つの主ボタンだけに。

media.ioで生成されたコージーキャビンの画像例

19) ミニマルフェスティブ

HEX： #C81F2D #1F8A45 #F8F9FA #212529 #ADB5BD

雰囲気：ミニマル、モダン、シャープ

おすすめ用途：メールニュースレターデザイン

ミニマルでシャープな印象は、すっきりしたタイポグラフィにわずかな祝祭感が加わった雰囲気です。白とグレーが主役となり、赤と緑は端正なアクセントとして活躍します。このような赤と緑の配色は、ニュースレター、お知らせ、ブランドアップデートなど控えめさが必要な場面に最適です。コツ：アクセントカラーはボタン、小アイコン、セクション見出しなど限定して使いましょう。

media.ioで生成されたミニマルフェスティブの画像例

20) アルチザンマーケット

HEX： #B23A48 #2E7D32 #F3E9DC #7F5539 #E6B8A2

雰囲気：手づくり、暖かみ、親しみやすい

おすすめ用途：クラフト製品パッケージラベル

手作り感があり親しみやすいこの配色は、クラフト屋台、紙のタグ、スモールバッチ製品を思い起こさせます。暖かい中間色とココアブラウンが、赤や緑を派手すぎず自然に仕上げます。キャンドル、石鹸、陶器などのパッケージに最適。コツ：ラベルの背景はクリーム色、テキストはブラウンで印刷すると、全体が読みやすくコージーな雰囲気に。

media.ioで生成されたアルチザンマーケットの画像例

21) エバーグリーンエディトリアル

HEX： #B31B34 #1E5B3A #FBF7EF #2D2A2E #DCC7A1

雰囲気：エディトリアル、エレガント、タイムレス

おすすめ用途：雑誌特集誌面

エレガントでタイムレスな配色は、印刷雑誌の濃厚なインクや温かいペーパー感を思わせます。やわらかなクリーム色の背景が空気感を出し、深みのあるカラーが見出しや引用に威厳を加えます。ファッション特集やフードエディトリアル、高級パンフレットにぴったり。TIPS：本文はチャコール、サイドバーやキャプションは温かみのあるベージュで使うとコントラストがきつくなりません。

media.ioで生成されたエバーグリーンエディトリアルの画像例

赤と緑に合う色は？

ニュートラルカラー（白、オフホワイト、クリーム、暖かいベージュ）は、赤と緑を「まとめる」には最も簡単な要素です。コントラストを和らげ、チャコールやほぼ黒は構造と可読性を高めます。赤と緑が鮮やかな場合は、ニュートラルなスペースを多めにして落ち着いたデザインにしましょう。

金属色や暖色系アクセント（ゴールド、真鍮、マスタード）は、競合せずに高級感を付与できます。よりクールな印象にしたいなら、ネイビーやスレートブルーを安定剤として使いましょう—特にテキスト量が多いレイアウトやUIの場合に有効です。

ブラッシュ、ミント、セージなどの淡い補助色を足すと、調和を保ちながらパレットの幅が広がります。特に背景、カード、セカンダリーなセクションでフルサチュレーションだと強すぎる場面に便利です。

赤緑のカラーパレットを実際のデザインで使う方法

各色の役割を明確にしましょう。1色は主役（安定感ならグリーン、緊急感ならレッド）に決め、もう1色をアクセントとして活用します。これでロゴやポスター、UIで階層がはっきりします。

ニュートラルや明度差でコントラストを調整します。ダークチャコールやディープネイビーはタイポグラフィーに効果的で、オフホワイト／クリーム背景は視覚的な疲れを減らし、ボタンやバッジを際立たせます。

UIやデータ重視のデザインでは意味を限定：グリーンは成功/ポジティブ、レッドはエラー/警告用に使いましょう。ルールを守るとユーザビリティが向上し、混乱も避けられます。

AIで赤緑パレットのビジュアルを作成する

赤と緑の配色がパッケージ、ポスター、ダッシュボード、SNS広告でどのように見えるか確認したい場合は、導入前にクイックモックアップを作って比較しましょう。

Media.ioなら、簡単なプロンプトからイメージどおりのビジュアルがすぐ作れ、ライト・スタイル・レイアウト・赤や緑の色味もすぐに調整できます。

同じコンセプトで複数バリエーション（ミニマル、レトロ、ラグジュアリーなど）を生成し、ターゲットや媒体にベストなパレットを比較選択しましょう。

次： ホワイト・ブルーカラーパレット