エメラルドカラーの配色アイデア20選とHEXコード付き

エメラルドは、すぐに上質さを感じさせる緑色です。配色を落ち着かせるほど深く、一方でスクリーンや印刷でも新鮮に見えるほど明るいのが特徴です。

以下はHEXコード付きの20種のエメラルドカラーパレットアイデアと、ブランドやインテリア、UIでの実用的な組み合わせのコツです。

エメラルドパレットが効果的な理由

エメラルドは緑色のスペクトルの中でも絶妙な位置にあります。自然で落ち着いた印象ですが、彩度が高く、意図的でデザイン性の高い印象も与えます。このバランスにより、ブランドアイデンティティやパッケージ、モダンなインターフェースまで幅広く活用できます。

また、エメラルドはクール系・ウォーム系どちらの色とも相性が良いです。クールなグレーやネイビーはエメラルドをシャープにし、UIやエディトリアルレイアウトに適します。ウォーム系のメタル（ゴールド、ブラス、コッパー）を合わせると、高級感のあるパッケージや招待状に仕上がります。

さらに、エメラルドは強いコントラストを生み出せます。深いエメラルドはブラックの代わりとして柔らかいタイポグラフィに、ミントやシーグラス系は余白を感じる背景として使うことでデザインが呼吸しやすくなります。

20種以上のエメラルドカラーパレットアイデア（HEXコード付）

1）フォレストベルベット

HEX： #0B3D2E #0F6A4B #1BAA78 #C9B27C #F3EFE6

雰囲気： 豊か・落ち着き・洗練

おすすめ用途： 高級ブランドやパッケージデザイン

木陰の森の床のように豊かで落ち着いたトーンは、重くなりすぎずリッチな印象を与えます。深いグリーンが基盤となり、明るいグリーンがクリーンでモダンな印象を加えます。温かみのあるゴールドベージュをオフホワイトと合わせ、プレミアムなラベルやタグ、ヒーローバナーに最適です。使い方のポイント：一番濃い色はタイポグラフィに、明るいクリーム色は余白として活用しましょう。

media.ioで生成したフォレストベルベットのイメージ例

Media.io

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

今すぐ無料で試す

2）ジェイドブラス

HEX： #064E3B #0B8A62 #2DD4A1 #B08D57 #1F2937

雰囲気： 洗練・自信・モダン

おすすめ用途： テックブランドアイデンティティ

洗練され自信に満ちたこの配色は、ジェードグラスとヘアラインメタルの組み合わせのよう。チャコールと深い緑が即座に権威を感じさせ、ミントの輝きがデジタルでも爽やかさを保ちます。ブラスカラーはアイコンやバッジ、CTAボタンに。使い方のコツ：鮮やかなグリーンは画面で1カ所だけに絞って使うとノイズを防げます。

media.ioで生成したジェイドブラスのイメージ例

3）シーグラスミント

HEX： #0E5F4D #2AAE8A #7BE7C5 #E6F7F2 #F2C6A0

雰囲気： フレッシュ・エアリー・コースタル

おすすめ用途： ウェルネス系ランディングページUI

朝の光を浴びたシーグラスのようにフレッシュで心地よいトーンです。柔らかなミントと淡いアクアがコンテンツ重視のセクションにもぴったり。ピーチカラーはボタンやタグ、進捗表示など親しみやすいアクセントに。使い方のポイント：コントラスト維持のため、最も深いグリーンは見出しやナビゲーションに使いましょう。

media.ioで生成したシーグラスミントのイメージ例

4）エメラルドノワール

HEX： #05231A #0A4D38 #0E8A66 #111827 #E5E7EB

雰囲気： ムーディー・シック・エディトリアル

おすすめ用途： ナイトライフポスター

ムーディーでシック、ネオンサインが暗いガラスに映るようなドラマティックなセットです。濃い背景と深い緑が雰囲気をつくり、鮮やかなグリーンがハイライトのように映えます。明るいグレーと組み合わせて読みやすいタイポグラフィ、モダンなグリッドに。使い方ポイント：鮮やかなグリーンは見出しや日付など要所のみに絞り、意図的な演出に。

media.ioで生成したエメラルドノワールのイメージ例

5）ボタニカルリネン

HEX： #0C5A43 #1C8C6A #5FCBAA #E8E1D4 #7A6A58

雰囲気： ナチュラル・暖かい・落ち着き

おすすめ用途： エコ商品ラベル

新鮮な葉とリネンのようにナチュラルで温かみのあるパレット。ニュートラルな色味が緑を和らげ、オーガニック製品やサステナブルなストーリーにぴったりです。タン系ブラウンと濃い緑を成分リストや認証マークに。使い方：印刷テストが重要なため、非コート紙を選び、テキストウエイトを少し太めにすると視認性が上がります。

media.ioで生成したボタニカルリネンのイメージ例

6）ピーコックラウンジ

HEX： #006B5E #00A38C #0B2F36 #F0B429 #F8F4EE

雰囲気： 大胆・グラマラス・遊び心

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

ピーコックの羽、ビロードのソファ、暖色のスポットライトを彷彿とさせる大胆でグラマラスな配色。深いティールとブラックがラグジュアリーな土台になり、明るい緑が見出しや区切りに活気を与えます。レストランなどホスピタリティには金色を価格やスペシャルに合わせるのがおすすめ。使い方：本文は柔らかなオフホワイト上に配置し、薄暗い場所でも可読性を維持。

media.ioで生成したピーコックラウンジのイメージ例

7）アルパインミスト

HEX： #0B5D46 #2F8F74 #A7D9C6 #D9E2EC #6B7280

雰囲気： クール・クリーン・アウトドア

おすすめ用途： 旅行ブログのヘッダービジュアル

雨上がりの山の空気のようにクールでクリーンな配色。淡いミスト系は背景に美しくなじみ、深い緑はタイポグラフィをしっかり支えます。スレートグレーと組み合わせてキャプションや控えめなUIクロームに。使い方：十分な余白をとり、淡色の鮮度を保ちましょう。

media.ioで生成したアルパインミストのイメージ例

8）ギルデッドエバーグリーン

HEX： #083B2E #0F7D5C #1BCB90 #D4AF37 #2D2A26

雰囲気： 豪華・祝祭・ハイコントラスト

おすすめ用途： ホリデーキャンペーンクリエイティブ

エバーグリーンに金のリボンをあしらったような豪華で祝祭感のある組み合わせ。ほぼ黒のブラウンがプレミアムな見出しの深みとなり、明るいグリーンが祝祭感をプラスします。ゴールドは線・星・注目のオファーなど、小さな面積で使うのがコツ。使い方：ゴールドは控えめに、グリーンを主体にしてクリーン＆モダンな印象に仕上げましょう。

media.ioで生成したギルデッドエバーグリーンのイメージ例

9）アールデコエメラルド

HEX： #0A3B2E #0E6B50 #2FBF90 #F4D06F #F7F3EA

雰囲気： ヴィンテージ・エレガント・幾何学的

おすすめ用途： 結婚式招待状一式

ヴィンテージでエレガントな雰囲気は、アールデコアーチやシャンパンの泡、金のラインを想起させます。深い緑とクリーミーホワイトのコントラストでフォーマルさと親しみやすさを両立。ゴールド箔や左右対称のボーダーでさらに映えます。使い方のポイント：背景のクリームは温かみをもって印刷し、ミッドグリーンは二次テキストに使って階層を柔らかく演出しましょう。

media.ioで生成されたアール・デコのエメラルドの画像例

10) 雨のガーデン

HEX： #0D4F3E #1F7A5C #66B89A #A3A3A3 #ECECEC

雰囲気： ソフト、安定、控えめ

おすすめ用途： プレゼンテーションスライドデッキ

小雨のあとはガーデンのように、ソフトで控えめなこれらのカラーは落ち着きと安定感をもたらします。グレーがグリーンの彩度を抑え、ビジネスコンテンツや長文にも最適です。中間のグリーンはグラフ、淡いグレーはセクション背景に。使い方のヒント：ハイライトは強めのグリーンを1つに絞ることで、スライド全体の統一感が保てます。

media.ioで生成された雨のガーデンの画像例

11) トロピカルキャノピー

HEX： #0B5E4B #0FBF8A #6EE7B7 #FF6B6B #FFF3E0

雰囲気： 明るい、ポジティブ、夏らしい

おすすめ用途： ソーシャルメディアプロモグラフィック

真昼のトロピカルキャノピーのように明るくエネルギッシュな配色。コーラルがグリーンに楽しいアクセントを加え、プロモーションや期間限定オファーに最適です。ミントを背景、ディープグリーンを文字、コーラルをボタンに使うカラーコンビネーションもおすすめ。使い方のヒント：コーラルは小さなブロックやステッカーだけに使い、アクセントとして留めましょう。

media.ioで生成されたトロピカルキャノピーの画像例

12) ヴィンテージ・アポセカリー

HEX： #0A4B3A #0F775A #43B692 #C4A484 #2F2F2F

雰囲気： 伝統、心地よさ、クラフト感

おすすめ用途： コーヒーや紅茶パッケージ

伝統的で心地よい配色は、古い薬局のラベルや磨かれた木の棚を思わせます。暖かいタンカラーとディープグリーンの組み合わせが手作り感・小ロット生産の雰囲気を演出します。バーコードや法的テキストはチャコール色がおすすめで、グリーンが主役になります。使い方のヒント：背景にさりげないテクスチャを加えて、ヴィンテージ感を強調しつつ正面はスッキリと。

media.ioで生成されたヴィンテージ・アポセカリーの画像例

13) セージ＆ストーン

HEX： #165B47 #2F7D67 #9BC4B1 #B8B0A6 #F5F5F4

雰囲気： 静か、モダン、ミニマル

おすすめ用途： スパインテリア ムードボード

石やユーカリ、柔らかな日差しのように静かでモダンな配色。彩度を抑えたグリーンが空間やライフスタイルブランドを落ち着いた雰囲気にします。ベージュとオフホワイトの組み合わせは壁やリネン、背景ブロックに最適で、最も濃いグリーンはサインに。使い方のヒント：1色のグリーンを大小三段階（大きい壁・中くらいのタイル・小物）で繰り返すと統一感が出ます。

media.ioで生成されたセージ＆ストーンの画像例

14) シダー・カッパー

HEX： #0A4A35 #0D7A55 #39C28E #B55239 #FAF0E6

雰囲気： 暖かい、素朴、招きやすい

おすすめ用途： アルチザンマーケットポスター

シダーウッドと叩かれた銅のように暖かく招きやすい配色で、現代的なグリーンにアーシーさをプラスします。カッパーレッドが手作り感を強調し、マーケット・ワークショップ・地域イベント向きです。余白はクリーム色を使い、ミッドグリーンはサポートグラフィックに。使い方のヒント：カッパーはスタンプや小さなイラストだけにして、かわいくまとまるようにしましょう。

media.ioで生成されたシダー・カッパーの画像例

15) モダン・ミュージアム

HEX： #064B3A #0E7056 #34D399 #D1D5DB #FFFFFF

雰囲気： クリーン、キュレート、現代的

おすすめ用途： ギャラリーWebサイトUI

モダンな美術館の壁のようにクリーンで洗練された配色。明るいホワイトスペースにグリーンが映えます。ライトグレーは長いページでも無機質感を出さずサポートし、ミンティグリーンは明確なインタラクションの合図になります。抑えたエメラルドカラースキームには、ボタンをブライトグリーンにし、ダークな色みをテキストやナビゲーションに。使い方のヒント：ホバー時はグリーン階調内で1段階だけ動かし、色相自体は変えないのがポイント。

media.ioで生成されたモダン・ミュージアムの画像例

16) ナイトマーケット

HEX： #032A20 #0A5C43 #12A174 #F59E0B #1C1917

雰囲気： アーバン、スパイシー、エナジッシュ

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

都会的でエネルギッシュな雰囲気は、夜市の屋台や温かい提灯、光沢のある看板をイメージさせます。アンバーのアクセントが食欲をそそり、パンチのあるグリーンと相性抜群。背景やエプロンなどには黒に近い色、ロゴやラベルはブライトグリーンで目立たせましょう。使い方のヒント：アンバーはあくまで補助にとどめ、グリーンを主役に保ってください。

media.ioで生成されたナイトマーケットの画像例

17) コースタルアイビー

HEX： #0C5C50 #1D8D7A #9FE6D5 #FFE8CC #5B4B3A

雰囲気： リラックス、さわやか、親しみやすい

おすすめ用途： ビーチレンタル パンフレット

リラックス＆さわやかな配色は、海辺のフェンスのツタや陽射しをイメージさせます。ソフトアクアやピーチサンドが旅行やライフスタイル用印刷物にぴったり。小さな文字やアイコンにはブラウンを使って、ページ全体が冷たい印象にならないように。使い方のヒント：ピーチサンドを背景に全体を統一すれば、写真や文字の一体感が生まれます。

media.ioで生成されたコースタルアイビーの画像例

18) セラミック・ヴェルデ

HEX： #0E5642 #168F6C #52D6A8 #E7D8C9 #C86B3C

雰囲気： アーシー、アーティスティック、手作り感

おすすめ用途： 陶芸スタジオフライヤー

アースカラーとアート感のある配色は、釉薬のかかった陶器や粘土、温かいアトリエを思わせます。テラコッタのアクセントがグリーンにハンドメイド感を加え、親しみやすさと創造性を演出。ベージュ紙色をベースに、最も濃いグリーンを見出しに使うとコントラストが際立ちます。使い方のヒント：シンプルな形や余白を多めにとることで、モダンでスッキリとした印象に。

media.ioで生成されたセラミック・ヴェルデの画像例

19) ミニマル・エメラルドUI

HEX： #063A2C #0B6B4F #2EE59D #E5E7EB #0F172A

雰囲気： シャープ、効率的、現代的

おすすめ用途： ファイナンスダッシュボードUI

シャープで効率的なこの配色は、コントラストの高いダッシュボードと明確な階層を演出します。ネイビーブラックとディープグリーンでデータテーブルが見やすく、明るいミントはステータスハイライトに最適。ライトグレーの面や厳格なスペーシングと合わせるとバランス良好。使い方のヒント：ブライトグリーンは「ポジティブ変化」など意味を一つに限定し、わかりやすいシグナルにしましょう。

media.ioで生成されたミニマル・エメラルドUIの画像例

20) ガーデンパーティー

HEX： #0C6A4E #21A179 #8AE6C9 #F2A7A0 #FFF7ED

雰囲気： 明るい、ロマンチック、春らしい

おすすめ用途： 春のボタニカルイラスト

明るく春らしい配色は、フレッシュな茎、パステルカラーの花、あたたかな朝の光を連想させます。ピンクがグリーンを邪魔せずロマンスを添え、シーズンキャンペーンに最適です。柔らかなミントとクリームをベースにしてディープグリーンで輪郭をつけると、エメラルド配色もやさしい印象に。使い方のヒント：ピンクは小さな花のディテールのみに留めると、全体はグリーン主導にまとまります。

media.ioで生成されたガーデンパーティーの画像例

エメラルドに合う色は？

ニュートラルトーンは最も合わせやすい色です。暖かいクリームやベージュはエメラルドを自然かつやわらかな印象に、クールなホワイトやグレーはモダンでシャープな印象にします。エメラルドを黒の代用にしたい場合は、純白ではなくライトグレーと組み合わせると、コントラストが強すぎず自然です。

メタル系の色は「プレミアム」感を即座に演出します。ゴールドやブラスはエレガントで華やかに、カッパーは暖かさとクラフト感をプラスし、フードやクラフト、ローカルイベントにも適しています。

アクセントには温度を一つ決めましょう。コーラル、ピーチ、アンバーは親しみやすいコントラスト、ミントやアクアは全体を涼しげで軽やかにまとめ、ウェルネスや旅行、UIに向きます。

実際のデザインでエメラルドカラーパレットを使う方法

まず役割を決め、テキストやナビゲーションにはディープエメラルド、セカンダリー要素はミッドエメラルド、ハイライトは明るいミントのように分けましょう。複数のグリーンが競合するのを防ぎ、階層を明確にします。

印刷では、エメラルドは思ったよりも暗くなりがち。特に非コート紙の場合は文字のウエイトを少し太くしたり、極細ラインは避けましょう。金やブラスのメタリックなアクセントも、箔押ししない場合は再現方法を必ずテストしてください。

UIでは、エメラルドはインタラクションステートの一貫性がポイント。同じグリーン系統でホバー・フォーカス変化をつけ、一番明るいアクセントには意味を1つだけ割り当てて（例：成功、プライマリアクションなど）明確にしましょう。

AIでエメラルドパレットのビジュアルを作成

HEXコードはあってもリアルなモック（パッケージ・ポスター・UI画面・ムードボード等）が必要なら、AIを活用して生産前にパレットを可視化しましょう。重要なのは、シーン・マテリアル・ライティングを説明し、各エメラルド色の使いどころを明示することです。

バリエーションごとに一貫したプロンプトテンプレートを使えば、パレットを正しく比較できます。色や一部の意匠（例：「ブラスのアクセントアイコン」「クリーム紙のテクスチャ」など）のみ入れ替えるとコヒーレンスも保てます。

次： ワインカラーパレット