イエローとダークグリーン配色20選｜カラーパレットとHEXコード

イエローとダークグリーンは、現代のクラシックです。日当たりの良いエネルギーと、地に足のついた自然に向けた深みが組み合わされています。これは、デザインに楽観的で信頼できると感じさせる最も簡単な方法の1つです。

以下に、十六進コード、ムードノート、ブランディング、UI、プリントの実用的なペアリングのヒントを備えた厳選された黄色とダークグリーンのカラーパレットのアイデアを紹介します。

黄色と濃い緑の組み合わせがうまく機能する理由

黄色は瞬時の視認性と明るい勢いをもたらし、濃い緑色は安定性と洗練さを加えます。これらを組み合わせることで、自然に感じられるハイコントラストのペアを作成します。過酷に感じずに自信を持って見せたいブランドに最適です。

ダークグリーンはタイポグラフィとUI chromeの黒の代わりに使用できるため、レイアウトをよりソフトでプレミアムに保ちます。その後、黄色は、CTA、ハイライト、およびすぐに注意を払う必要がある主要な指標の制御されたアクセントになります。

この組み合わせは、さまざまな媒体にもうまく適応します。プリントが豊富に見え (黄色は金のように読むことができます)、背景を明るく保ち、黄色を控えめに使用すると、画面上で読みやすくなります。

20 以上の黄色とダークグリーンのカラー パレットのアイデア (十六進コード付き)

1) 日当たりの良いキャノピー

十六進：#f2c94c #2f6b3f #0b3d2e #f7f3e8 #8c7a3b

気分：温かく、地に足のついた、楽観的

最適な場合:エコブランディングとランディングページ

葉から差し込む暖かい日差しが、このセットに自信に満ちたアウトドアの落ち着きを与えます。行動呼びかけには明るい黄色を使用し、ヘッダーとナビゲーションには濃い緑色を使用してレイアウトを固定します。クリームは広々としたセクションのコントラストを柔らかくしますが、オリーブブラウンはアウトラインやアイコンにうまく機能します。ヒント: プレミアムを維持するために、画面ごとに 1 つの主なアクションに黄色を予約します。

media.ioを使って生成した日当たりキャノピーの画像例

メディア.io

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

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

2) シトラスグローブ

十六進：#ffd84d #3f7f4c #1f3a2a #fff2c6 #c96f2c

気分：明るく、新鮮で、ピリッとした

最適な場合:食品包装・製品広告

ジューシーな柑橘類のエネルギーとシャキシャキとした庭の野菜が合わさり、清潔感と食欲をそそる外観になります。黄色はマットクリームに最もよく似合いますが、濃い緑色はラベルを読みやすく高級感を保ちます。シール、ステッカー、または材料のハイライトのための微妙なフレーバーキューとして琥珀色のトーンを追加します。ヒント: タイポグラフィはほとんどが濃い緑色にし、フロントパネルのヒーローカラーとして黄色を使用します。

media.ioを使って生成したcitrus groveの画像例

3）マスタードモス

十六進：#d9a441 #5a7d3b #1e2f22 #e8ddc6 #6b4f2a

気分：素朴な、土のような、ヴィンテージ

最適な場合:居心地の良い家の装飾とテキスタイル

リビングインマスタードとモスのペアリングは、リサイクルされたセラミックと使い古されたリネンのように感じられます。クリームを壁またはベースの生地のトーンとして使用し、緑を大きなブロックに重ねて深みを与えます。ブラウンは、木製のアクセント、フレーム、ステッチのディテールにぴったりです。ヒント: 1 つの大きな焦点を避けるために、部屋全体でマスタードを少しずつ繰り返します。

media.ioを使って生成したマスタードモスの画像例

4) ゴールデンファーン

十六進：#f4d35e #4f8a5b #123524 #f1efe6 #a3b18a

気分：風通しの良い、ボタニカル、落ち着いた

最適な場合:ウェルネスブランドと編集レイアウト

柔らかい金色の光とシダのような緑が、風通しの良い回復感を生み出します。このダークグリーンとイエローのカラーパレットは、広々としたホワイトスペースと優しい写真と特によく合います。ペールセージを二次的な背景トーンとして使用して、ページを暗くすることなく深みを追加します。ヒント: 本文のテキストを最も濃い緑色に設定し、引用符やセクション マーカーの場合は黄色にします。

media.ioを使って生成した金色のシダの画像例

5) ハニーパイン

十六進：#f6c453 #2e5e3a #0f2a1c #fdf7e1 #b86b2c

気分：居心地が良く、アウトドアで、自信に満ちています

最適な場合:クラフトコーヒーのラベルとバッジ

黄金の蜂蜜と松葉は、このセットにキャンプファイヤーのような居心地の良い自信を与えます。濃い緑色はラベルの小さなタイプに耐え、暖かい黄色は棚をすぐに見やすくします。クリームをネガティブなスペースに、トーストしたオレンジブラウンをローストノートやフレーバーアイコンに使用してください。ヒント: 頑丈なセリフ ヘッドラインと組み合わせると、職人の雰囲気が強調されます。

media.ioを使って生成したハニーパインの画像例

6）レモンセージ

十六進：#ffe16b #7a9b59 #2c3e2b #f6f0de #8a6f2f

気分：柔らかく、リラックスして、親しみやすい

最適な場合:shopify テーマとライフスタイル ブログ

優しいレモンと粉末セージが合わさり、リラックスしたフレンドリーな気分になります。クリームをメインキャンバスにしてから、カード、仕切り、微妙な背景にセージを使用します。ダークグリーンはナビゲーションや長文に最適で、落ち着いたゴールドブラウンはリンクの上品なアクセントになります。ヒント: 純粋な黒を避け、緑にすべてのコントラストを伝えましょう。

media.ioを使って生成したレモンセージの画像例

7) サフランの森

十六進：#f1b83a #3a6b45 #102f22 #faf3dd #d66b2d

気分：大胆、スパイシー、冒険的

最適な場合:イベントポスターとプロモーショングラフィック

深い森の色調にスパイシーなサフランは、森の中のランタンのようにエネルギッシュに感じます。これらの黄色と濃い緑色の色の組み合わせは、パンチの効いた階層とすばやい読みやすさが必要なポスターに輝きます。大きなタイポグラフィにはダークグリーンを使用し、ハイライトと日付ブロックをサフランとオレンジに伝えます。ヒント: グリーンが詳細を飲み込まないように、背景を明るくしてください。

media.ioを使って生成したサフランの森の画像例

8) ヴィンテージ温室

十六進：#e8c547 #6c8a57 #1b2d1f #f4eedc #9b7b4b

気分：ヘリテージ、キュレーション、時代を超越した

最適な場合:博物館のプログラムとブックカバー

真鍮の備品や日陰のある温室のように、このパレットはキュレーションされた時代を超越した感じがします。クリーミーなペーパートーンは印刷に最適なベースになり、最も濃い緑色は古典的なシリアスさを加えます。タイトルとセクションヘッドに真鍮イエローを使用し、境界線とルールのサポートニュートラルとしてタンを振りかけます。ヒント: ディスプレイ書体を 1 つ選択し、装飾を最小限に抑えて、色がストーリーテリングを行うようにします。

media.ioを使って生成したヴィンテージ温室の画像例

9) オリーブランタン

十六進：#f9d75c #556b2f #243316 #fff8e6 #c7a15a

気分：暖かい、落ち着いた、クラシック

最適な場合:レストランのメニューと看板

落ち着いたランタンライトとオリーブグリーンが、クラシックで歓迎的なトーンを作り出します。長いリストを読みやすくするためにメニュータイプに濃い緑色を使用し、セクションのハイライトやスペシャルに黄色を予約します。淡いクリームはすべてを風通しがよく保ち、タンのアクセントは仕切りやプライスドットに役立ちます。ヒント: ライン ウェイトを薄くして、パレットが重くなくエレガントに保ちます。

media.ioを使用して生成されたオリーブランタンの画像例

10）ウッドランドグロー

十六進： #f3c969 #2f7a4a #0e2b1e #e9e1cf #7d6a3a

気分：ムーディー、モダン、自然重視

最適な場合:ダッシュボードUIとデータカード

夕暮れの森の雰囲気をクリーンなモダンエッジで仕上げており、インターフェースに暖かさを加えたい時に最適です。この濃い緑と黄色の配色は、チャートやバッジ、ステータスタグに強いコントラストをもたらします。ベージュをメイン背景に使い、2種の緑をナビゲーションやカードヘッダーに重ねましょう。ポイント：黄色は重要な指標やアラートのみに使い、意図的な強調として見せましょう。

media.ioを使用して生成されたウッドランドグローの画像例

11）レトロボタニカル

十六進： #ffcc4d #3f6f4a #1d3b2a #f7e7c4 #d98b3a

気分：遊び心、ノスタルジック、陽気

最適な場合:ステッカーセットとSNS投稿

ヴィンテージ種子パケットを再現したような、ボタニカル要素入りの陽気なレトロエネルギー。クリーミーでピーチ系のニュートラルが投稿を明るく保ち、緑が形や文字の構造を支えます。オレンジ色はアイコンやスパークル、限定タグの差し色として使ってください。ポイント：投稿ごとに2色を主役に選び、残りはサポートとしてまとまった見栄えにしましょう。

media.ioを使用して生成されたレトロボタニカルの画像例

12）ハーベストベランダ

十六進： #eecb5f #4a7b43 #152a1e #fff0d8 #a45a2a

気分：ウェルカム、家庭的、秋らしい

最適な場合:レシピカードとニュースレターテンプレート

ベランダのテーブルにある温かいパンのような親しみやすさと家庭感。この柔らかいクリームをレシピカードのベースに使い、見出しや材料セクションに緑を加えましょう。トーストブラウンはアイコンやセパレーターに、黄色は評価や分量のポジティブな強調に役立ちます。ポイント：写真は暖色系にして、収穫の雰囲気に馴染ませましょう。

media.ioを使用して生成されたハーベストベランダの画像例

13）トロピカルアンダーストーリー

十六進： #ffd24a #2aa06b #0c3b2a #eaf7ee #1f6f5b

気分：青々とした、エネルギッシュ、モダン

最適な場合:スパのサイン＆誘導

明るい日差しイエローとアンダーストーリーグリーンでクリーンかつモダンなトロピカル感を演出。黄色と濃い緑のカラーパターンは視認性が良いサインや新鮮な雰囲気の演出に最適です。淡いミント色をメインフィールド色に、濃い緑をテキストや矢印で明瞭さを保ちましょう。ポイント：黄色は方向案内の強調のみに限定し、システムを落ち着いた一貫性あるものに。

media.ioを使用して生成されたトロピカルアンダーストーリーの画像例

14）アールデコガーデン

十六進： #f2c14e #2e7d5b #102b24 #f5f1e6 #b08d57

気分：グラム、構造的、洗練

最適な場合:カクテル招待状やガラチラシ

庭の奥行きとデコな華やかさを兼ね備え、葉に包まれたデコロビーのような雰囲気。クリームを紙の色に使い、最も深い緑で力強いジオメトリーを。黄色は印刷時には金属的ゴールドの印象になり、タン色のアクセントと合わせてボーダーに使うと上品。ポイント：形は左右対称を意識し、大胆な見出し一つを主役に据えましょう。

media.ioを使用して生成されたアールデコガーデンの画像例

15）ミニマルハーバリウム

十六進： #f7d55a #6b8f3a #263a1d #ffffff #c9c2b0

気分：クリーン、ミニマル、ボタニカル

最適な場合:スキンケアラベルと成分リスト

押し葉のミニマリズムで透明感と成分重視の雰囲気。ラベルのメインフィールドに白を使い、小さな文字も読みやすいよう濃い緑でタイポグラフィを。黄色は細いラインやキャップ色、シールなどの差し色に最適で、暖かいグレーがレイアウトを整頓します。ポイント：パッケージごとにアクセント箇所は一つに絞り、ラボの清潔感を維持。

media.ioを使用して生成されたミニマルハーバリウムの画像例

16）キャンプファイヤーピクニック

十六進： #f0b94a #3d7a3d #1c2e1f #f7efe1 #a86a3a

気分：フレンドリー、ラスティック、冒険的

最適な場合:アウトドアブランドポスター

親しみやすいキャンプファイヤーの雰囲気に、実用的で頑丈なコントラスト。暖色の黄色はランタンの光のように感じられ、重ねた緑はトレイルマップや森のラインの印象。クリーム色でネガティブスペースを確保し、ブラウンはバッジやスタンプ、サブ文字などに。ポイント：質感に少し荒さを加えてアウトドアらしい本物感を演出。

media.ioを使用して生成されたキャンプファイヤーピクニックの画像例

17）モダンエコブランド

十六進： #f6d04d #1f6f3d #0a2b1c #eef2e6 #9aa06d

気分：自信、モダン、持続可能

最適な場合:ブランドガイドラインとロゴシステム

シャープで自信に満ちたトーンは、現代的な持続可能性を感じさせつつ、ありふれたイメージにはなりません。濃い緑はロゴやワードマークを力強く演出し、黄色がハイライトやブランドの瞬間にエネルギーを追加します。この黄色×濃緑のパレットは木や石、植物を写した写真にもよく合います。ポイント：ミュートオリーブはサブUIに使い、明るい黄色の過度な使用を避けましょう。

media.ioを使用して生成されたモダンエコブランドの画像例

18）スプリングメドウノート

十六進： #ffe57a #4f9b60 #1b3a2a #fff9ed #b9c8a2

気分：軽やか、陽気、自然

最適な場合:水彩ボタニカルプリント

軽やかな草原の光と新鮮な緑が、穏やかで晴れやかな落ち着きを作ります。淡いクリームが全体を柔らかく保ち、最も濃い緑が茎やキャプションに鮮明さを加えます。パステルセージをウォッシュとして使うと、構成が空気感と重なりを持って見えます。ポイント：黄色は小さな花にのみ現れるようにし、控えめな印象を保ちましょう。

media.ioを使用して生成されたスプリングメドウノートの画像例

19）ディープジャングルアクセント

十六進： #f3c74a #2f5d46 #081f17 #e6e0d3 #6f8f7a

気分：劇的、ラグジュアリー、ミステリアス

最適な場合:高級プロダクト広告

深いジャングルの影に金色アクセントひとつが劇的でラグジュアリーな雰囲気。ほぼ黒に近い緑を背景に使い、黄色を商品や見出しのヒーローハイライトに。柔らかいグレーベージュは構成の重さを和らげ、くすんだグリーングレーがサブ要素をサポート。ポイント：余白を広くし、文章は短く簡潔にしてプレミアムな印象を保ちましょう。

media.ioを使用して生成されたディープジャングルアクセントの画像例

20）コージーキャビンキッチン

十六進： #f6cf5a #4b6b3c #203020 #fbf4e3 #a0783a

気分：居心地良い、実用的、家庭的

最適な場合:キッチンブランドやレシピポスター

エナメル調の調理器具と木製キャビネットの対比のような家庭的キャビンの温もり。クリームをポスターの背景に、タイトルや枠は緑で構築し読みやすく。暖かいブラウンはアイコンや装飾ライン、小さな要素に、黄色は工程や材料の重要な強調に。ポイント：イラストはシンプルにして、色で居心地の良さを表現。

media.ioを使用して生成されたコージーキャビンキッチンの画像例

黄色の濃い緑と合う色は何ですか?

クリーム、オフホワイト、紙ベージュなどの暖かいニュートラルは、コントラストを読みやすくし、黄色を上品に見せてくれます。濃い緑をUIや印刷レイアウトで明るく見せる最も簡単な方法でもあります。

アース系アクセント—タン、トーストブラウン、テラコッタ、アンバー—はマスタードやフォレストの組み合わせによく合い、パレットを邪魔せず深みを加えます。よりクリーンでモダンな印象を出したい場合、ソフトグレー（暖色系、青みは避ける）を補助ニュートラルとして導入しましょう。

よりフレッシュな印象を出すには、ミュートミントやセージをサブ背景に。鮮やかな青や紫は最小限に抑えましょう。黄色と競合して緑が自然に見えなくなることがあるためです。

黄色とダークグリーンの組み合わせを実際のデザインに使用する方法

濃い緑は「構造色」として使いましょう：ナビゲーション、見出し、フレーム、本文。純粋な黒より柔らかな印象でアクセシビリティ管理もしやすく、プレミアムな基礎を作ります。

黄色は一度に一つの役割で使う—主要CTA、重要指標、スペシャルバッジ、方向ハイライト。黄色がどこでも使われると意図的な強調には感じられませんが、限られるとスポットライトのような印象に。

印刷の場合、黄色は金属のような暖かさ（特にクリームやタンの隣で）を模倣できます。デジタルでは、大きな面積にはやや muted な黄色、最も明るい黄色は小さなUI要素のみに。

AIで黄色と濃い緑のカラーパレットのビジュアルを作成する

このパレットを実際のレイアウト—ラベル、ポスター、ダッシュボード、招待状、ブランドシート—で見てみたい場合は、各パレット下のプロンプトを使って素早くコンセプト画像を生成できます。

Media.ioでは簡単に試行できます。同一プロンプトでパレット名を変え、ブランドやプロジェクトに合うまでコントラストや雰囲気を複数テストできます。

次へ： ナバホホワイトカラーパレット