パープル×グリーン配色20選｜おすすめカラーパレットとHEXコード

パープルとグリーンは意外と多様に使えるコンビです。パープルは想像力と奥行きをもたらし、グリーンは新鮮さと安定感を加えます。組み合わせ次第で植物的で落ち着いた印象にも、ネオンのような未来的な印象にもなります（彩度やコントラストにより変化）。

以下に、HEXコード付きのパープル×グリーンのカラーパレット20選と、バランスよく見やすさを保つためのブランディングやインテリア、デジタルデザインの実践的なヒントを紹介します。

パープル×グリーンのパレットはなぜこんなに相性が良いのか

パープルとグリーンは自然とお互いを引き立て合う色です。一方はクリエイティブで表現力があり、もう一方は地に足がついた生き生きとした印象。こうした緊張感が、騒々しい色使いに頼らずとも印象に残るデザインを生み出します。

また、さまざまなスタイルに柔軟にマッチします。彩度を抑えたラベンダーとセージなら柔らかくスパのような雰囲気に、宝石のようなパープルとエメラルドグリーンは高級感や自信を演出します。

適度なニュートラル（暖かみのあるオフホワイトやトープ、チャコール、ネイビーなど）と組み合わせれば、パープル×グリーンの配色はUIでも読みやすく、印刷でも洗練されて見えます。特に、いずれかを主役、もう一方をアクセントに使うと効果的です。

20種類以上のパープル×グリーンカラーパレット（HEXコード付き）

1）オーキッド フェーン ブリーズ

HEX： #6D3FA9 #A37AD9 #2E7D5B #7ECF9A #F3F0EA

ムード： エアリー、ボタニカル、ポジティブ

おすすめ用途： ウェルネス系ブランド/清潔感のあるライフスタイル系LP

軽やかなオーキッドとフレッシュなシダグリーンで、観葉植物と朝の光に包まれた静かなスタジオをイメージできます。見出しには濃いパープル、UIでの主要アクションにはフォレストグリーンを使うことでコントラストがはっきりします。冷たい印象を避けるために暖かみのあるオフホワイトと組み合わせ、パステル調を意図的に配しましょう。ヒント：グラデーションは控えめに、ミントはアクセントのみに使うと効果的です。

media.ioを使って生成されたオーキッド フェーン ブリーズの画像例

Media.io

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

今すぐ無料で試す

2）アメジスト メドウ

HEX： #8B5CF6 #C4B5FD #2F855A #68D391 #0B1320

ムード： フレッシュ、高コントラスト、モダン

おすすめ用途： SNSグラフィックや目立たせたいキャンペーンヘッダー

鮮やかなアメジストとメドウグリーンは、ネオンな側面も感じる春らしい成長をイメージさせます。ミッドナイトネイビーをベースにすることで、強い色同士が主張し合いすぎるのを防ぎます。明るいラベンダーは背景やソフトなエリア向き、ミントグリーンはバッジやクイックCTAに最適です。ヒント：タイポグラフィはシンプルかつ太字を基本に、全体のエネルギーを調和しましょう。

media.ioを使って生成されたアメジスト メドウの画像例

3）プラム パイン コントラスト

HEX： #4B1D5A #7A2E6E #0F4C3A #2FAE7B #F5E6D3

ムード： ムーディー、ナチュラル、プレミアム

おすすめ用途： クラフト系パッケージやブティック製品ラベル

ディープなプラムとパインは、キャンドルの灯る森と赤ワインを思わせる雰囲気。パインをベースに、プラムをロゴや縁取りの華やかなアクセントに使いましょう。明るいグリーンはピンポイントで小さなシールやフレーバーノートに使うと映えます。ヒント：暖色のクリーム用紙に印刷すると、手作りの温かみを保てます。

media.ioを使って生成されたプラム パイン コントラストの画像例

4）ラベンダー セージ カーム

HEX： #B99AD7 #E8DDF4 #7BAA8E #BFE4C8 #FFF7F0

ムード： ソフト、リラックス、エアリー

おすすめ用途： スパインテリアや優しいエディトリアルレイアウト

ラベンダーとセージは、清潔なリネンや静かな浴場の湯気を連想させる配色です。明るい空間にするため、ベースにはオフホワイトや淡いラベンダーを多用しましょう。家具やグリーン、UIのボタンでセージを取り入れ、濃いセージはアクセントとして利用。ヒント：ウッドやペーパーの自然な質感を加えると、パステルの単調さを防げます。

media.ioを使って生成されたラベンダー セージ カームの画像例

5）バイオレット ライム ポップ

HEX： #7C2AE8 #D946EF #A3E635 #22C55E #111827

ムード： エレクトリック、遊び心、目を引く

おすすめ用途： ポスター、イベントプロモ、クリエイターグッズ

バイオレットとライムは、暗い壁をクラブの照明が照らすように、大胆でストレートな印象です。背景にはチャコールを使ってネオンカラーを引き締めましょう。ホットピンクはサブアクセント、ライムは重要なCTA（コール・トゥ・アクション）の主役に最適。ヒント：グラデーションは最小限、シャープな図形を活かしてポップアート風にまとめましょう。

media.ioを使って生成されたバイオレット ライム ポップの画像例

6）グレープ ユーカリ モダン

HEX： #5A2A82 #9B5DE5 #2D6A4F #52B788 #E9ECEF

ムード： クリーン、バランス、現代的

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

シャープなグレープとユーカリのトーンは、整然としたワークスペースや明快な階層構造を思わせます。ナビにパープル、成功ステータスや進捗インジケータにユーカリを使うのが相性抜群。淡いグレーで全体に抜け感が生まれ、どの色も見やすさをキープ。ヒント：ミントグリーンはホバー効果、濃いグリーンは承認などに使うとビジュアルノイズを防げます。

media.ioを使って生成されたグレープ ユーカリ モダンの画像例

7）マルベリー モス ヴィンテージ

HEX： #6B2149 #B56576 #3A5A40 #A3B18A #F2E9E4

ムード： ヴィンテージ、コージー、ロマンティック

おすすめ用途： ウェディングペーパーアイテムや職人のインビテーション

マルベリーとモスは、古い本に挟んだ押し花のように温かく懐かしい雰囲気。ページにはクリームを広く使い、ダスティローズやマルベリーをタイポグラフィや装飾にレイヤーして使いましょう。濃いモスはモノグラムや枠線のアクセントに、やわらかなグリーンがさりげない植物感を演出。ヒント：レタープレス風の質感や繊細な線画を加えて、アンティーク感を引き出しましょう。

media.ioを使って生成されたマルベリー モス ヴィンテージの画像例

8）アイリス ジャングル ナイト

HEX： #3B145F #6D28D9 #0B3D2E #1F9D55 #0A0A0F

ムード： ドラマティック、夜、シネマティック

おすすめ用途： ストリーミングバナーやゲーミングチャンネルアート

アイリスパープルとジャングルグリーンは、夜の密林を照らすネオンサインのような発光感を再現。ベースは黒に近い色で、アクセントカラーをきらめきや高級感として引き立たせます。鮮やかなグリーンは小さなUIやハイライトに、深めのティールグリーンは大きな領域に最適。ヒント：ダークグラデーションには微細なノイズやグレインを加えると階調が柔らかくまとまります。

media.ioを使って生成されたアイリス ジャングル ナイトの画像例

9）ペリウィンクル オリーブ スタジオ

HEX： #7F9CF5 #B3BCF5 #556B2F #A3BE8C #FAF3DD

ムード： アーティ、ナチュラル、親しみやすい

おすすめ用途： イラスト系エディトリアルやポートフォリオサイト

ペリウィンクルとオリーブは窓辺にグリーン溢れる絵の具まみれのアトリエのよう。クリーミーベースで余白たっぷりに、見出しやリンクにはペリウィンクル、オリーブはナビや枠組みで活かしましょう。やわらかいグリーンはサブのブロックと相性抜群。ヒント：手描き風アイコンを混ぜると、企業的でなくクリエイティブな雰囲気が出せます。

media.ioを使用して生成されたペリウィンクルオリーブスタジオの画像例

10) ナスミントミニマル

HEX： #2A063A #5B2A86 #7AE0C3 #2FBF9B #F7F7F2

ムード： ミニマル、シャープ、テック感

おすすめ用途： アプリのオンボーディング画面とフィンテックUI

ナスとミントは、ガラスのUIパネルや整理されたデータカードのように洗練されています。オフホワイトを使用してオンボーディングステップを明るく保ち、ナス色を本文テキストや構造のメインに使います。ミントは進行状況、トグル、成功時のアクセントに、ティールグリーンは強いCTAにおすすめです。コツ：影は柔らかくスペースに余裕をもたせ、ミニマルなリズムを維持しましょう。

media.ioを使用して生成されたナスミントミニマルの画像例

11) モーブバジルブランチ

HEX： #9A6A8F #D1A3C4 #2F6B4F #6FBF8A #FFF1E6

ムード： 暖かい、親しみやすい、食事向け

おすすめ用途： カフェのメニューや小規模レストランのブランディング

モーブとバジルグリーンはベリージャムやハーブ、日差しの入るブランチテーブルを思わせます。ピーチクリームを背景に使用すると食欲をそそる温かさが表現できます。濃いめのバジルはメニューのセクションや価格にぴったり。柔らかいモーブはハイライトやコメント部分に活用できます。コツ：見出しフォントにセリフ体を合わせて、手作り感やご近所感を演出しましょう。

media.ioを使用して生成されたモーブバジルブランチの画像例

12) ロイヤルパープルエメラルドラグジュアリー

HEX： #4C1D95 #7C3AED #059669 #10B981 #F5F3FF

ムード： ラグジュアリー、宝石トーン、自信

おすすめ用途： プレミアム商品の広告やビューティー製品のローンチ

宝石のようなパープルとエメラルドグリーンは、ベルベットのカーテンや磨かれた宝石を思わせます。背景を明るく保ち、アクセントを鮮やかに配置することでこの配色が際立ちます。信頼性や特典表示にはエメラルドを、ブランドのサインにはロイヤルパープルを使用。コツ：印刷物にメタリックホイルのタッチを加えると高級感がアップします。

media.ioを使用して生成されたロイヤルパープルエメラルドラグジュアリーの画像例

13) ヘザー・スプルース・キャビン

HEX： #7A4E9D #C9B6E4 #1B4332 #40916C #EFE6DD

ムード： 居心地よい、アウトドア、落ち着き

おすすめ用途： キャビン内装やラスティックなライフスタイルブランド

ヘザーパープルとスプルースグリーンはウール毛布や松の葉、静かなキャビンの夜を思い出させます。温かみのあるベージュをメインフィールドに使用し、全体を柔らかく居心地よく保ちましょう。スプルースは収納棚やヒーローブロックなど大きな面積に、ヘザーは織物や副次的なグラフィックの優しいアクセントとして最適。コツ：ナチュラルな木目色を少し加えると、クールな緑と紫の橋渡しになります。

media.ioを使用して生成されたヘザースプルースキャビンの画像例

14) ライラックシーウィードコースタル

HEX： #C8A2C8 #EFD9EF #2D6A4F #74C69D #E3F2FD

ムード： コースタル、軽やか、リフレッシュ

おすすめ用途： スキンケアパッケージやエアリーなウェブヒーローセクション

ライラックとシーウィードグリーンはシーグラスや海風、パステルな夕焼けを思わせます。淡いブルーを背景に使用すると、クリーンで海岸らしい雰囲気に。深いグリーンは商品名や強調CTAに、ライラックはサブエリアを和らげるのに最適です。コツ：ミニマルなラインアイコンや十分な余白スペースを合わせると、スパのような清潔感が出ます。

media.ioを使用して生成されたライラックシーウィードコースタルの画像例

15) パープルクローバーガーデン

HEX： #8E44AD #C39BD3 #3D9970 #2ECC71 #FFF8E7

ムード： 明るい、ガーデンフレッシュ、親しみやすい

おすすめ用途： 春のチラシやコミュニティイベントポスター

クローバーグリーンと親しみのあるパープルは、満開の裏庭ガーデンを連想させます。クリーミーなベースでデザインを明るく読みやすく。濃いパープルは見出しに、鮮やかグリーンは日付、ボタン、サインアップなどの目立たせたい部分に合います。コツ：シンプルな花イラストで季節感を強調しつつ、デザインをすっきりまとめましょう。

media.ioを使用して生成されたパープルクローバーガーデンの画像例

16) ディープバイオレット＆シャルトリューズエッジ

HEX： #2B004F #5A189A #B9F500 #38B000 #121212

ムード： エッジィ、未来的、インパクト大

おすすめ用途： テックヒーローバナーとナイトライフプロモーション

深いバイオレットとシャルトリューズは、暗いステージをレーザーが走るようなシャープで未来的な印象。ブラック基調で目の疲れを防ぎ、ネオンは控えめなアクセントで。シャルトリューズはハイライトや状態表示に、グリーンはタグや小さな形などのサポート要素に使いましょう。コツ：フォントのウエイトは2種類に絞るとアグレッシブさを保ちつつデザインが整います。

media.ioを使用して生成されたディープバイオレットシャルトリューズエッジの画像例

17) ダスティパープルグリーンティー

HEX： #8D7A8F #C9BDC9 #5C7A4F #A3C49A #F4EFEA

ムード： 柔らかい、マインドフル、控えめ

おすすめ用途： ジャーナル、文房具、ミニマルパッケージ

ダスティパープルとグリーンティーの色調は、静かな儀式や紙の質感、ゆっくりとした朝を連想させます。暖かいオフホワイトを背景に使って、静かで上品に仕上げてください。濃いグリーンはタイポグラフィに十分な強さがあり、淡いグリーンは控えめなパネルやボーダーにぴったりです。コツ：ディープパープルのスタンプや封蝋をワンポイントにすると焦点が生まれます。

media.ioを使用して生成されたダスティパープルグリーンティーの画像例

18) ネオンオーキッドグリーンサークット

HEX： #A100FF #FF4DCE #00C853 #B2FF59 #0D0D0D

ムード： サイバー、エネルギッシュ、若者向け

おすすめ用途： 音楽イベントのポスターやストリーミングのサムネイル

ネオンオーキッドとサーキットグリーンはシンセビートやLEDパネル、夜更けのエネルギーを想起させます。ほぼブラックな背景を主体に使い、ネオンの発色を際立たせましょう。ホットピンクはアーティスト名に、明るいグリーンは日付やチケット情報などに使って階層感をつけます。コツ：形は幾何学的に、細かいディテールは控えてインパクト重視にしましょう。

media.ioを使用して生成されたネオンオーキッドグリーンサークットの画像例

19) パープルアーティチョークエディトリアル

HEX： #5D3B66 #A784B5 #4E6E58 #8FB996 #F8F5F1

ムード： 思慮深い、穏やか、エディトリアル

おすすめ用途： 雑誌レイアウトや長文ブログデザイン

くすんだパープルとアーティチョークグリーンは、柔らかなマット紙に印刷されたインディーマガジンを思わせます。オフホワイトをページの主色に、本文はダークカラーで可読性を重視。ダスティパープルは引用やセクション見出しに最適で、グリーンはグラフやコールアウト、小さなアイコンに。コツ：余白やグリッドラインを一定にしてパレットの統一感を保ちましょう。

media.ioを使用して生成されたパープルアーティチョークエディトリアルの画像例

20) トワイライトパープルフォレストフロア

HEX： #2B143A #4A1C6D #1F4D3A #3FB984 #D7CFC7

ムード： アーシー、トワイライト、洗練された

おすすめ用途： エコパッケージやサステナブルブランドアイデンティティ

トワイライトパープルと森の緑は黄昏のハイキングや肥沃な土、落ち着いた自信を感じさせます。ラベルのベースにはトープグレーを使い、ナチュラルでプレミアムな印象に。明るいグリーンは認証や主要なベネフィット部分のみに控えめに使い、ダークグリーンは構造や可読性向上に活用しましょう。コツ：非コート紙と最小限のインク使用で持続可能性へのストーリー性も演出できます。

media.ioを使用して生成されたトワイライトパープルフォレストフロアの画像例

パープル×グリーンと相性の良い色は？

ニュートラル色はパープル＆グリーンの配色をまとめる最も簡単な方法です。暖かいオフホワイト、クリーム、ライトグレー、トープ、チャコール、ほぼブラックは、配色の強度を調整し、レイアウトの可読性を維持します。デジタル製品には、ネイビーが「アンカー」となり、両方のアクセントが意図的に感じられます。

より豊かな印象にしたい場合は、ティール、ディープブルー、バーガンディのような宝石色を少量加えてみましょう。ソフトな仕上がりには、ブラッシュ、サンド、ペールブルーなどのくすみ色で調整し、パープル・グリーンの主役を明確に保つと配色が散漫になりません。

アクセシビリティ対策としては、テキストやCTAでコントラストを優先してください。明るい背景には濃いパープル/グリーン、チャコール/ブラック背景にはネオンアクセント＋十分な間隔を。

パープル×グリーンのカラーパレットを実際のデザインで使う方法

まず比率を決めましょう：どちらかをメイン（ブランド声や見出しならパープルが多い）、もう一方をサポート（成功、確認、自然の意味ならグリーン）に。落ち着いた印象のニュートラル背景を選ぶとUIや印刷物も安定します。

UIでは、一番明るいグリーンはアクション（ボタン、トグル、バッジ）専用、パープルはナビゲーションやリンク、見出しに分けましょう。インテリアでは、ラベンダーやセージなどのソフトな色合いは大きな面積、茄子やスプルースのような深い色はアクセント（織物や棚、特徴壁など）に活用を。

マーケティンググラフィックではコントラスト重視：ダークなベースに鮮やかなパープル/グリーンのハイライト、タイポグラフィはシンプルに保ちましょう。色で雰囲気を演出しつつ、伝えたい内容が埋もれないように。

AIでパープル×グリーンのパレットビジュアルを作ろう

ブランド方向性の提案やムードボード構築時は、パープル＆グリーン配色のビジュアルを素早く生成して関係者に「イメージ」を伝えるのが効果的です（パッケージ、ポスター、UI、インテリアなど）。

Media.ioのテキストto画像機能なら、上記プロンプトを使い回しつつ、フォーマットに応じて比率を変えてすぐ反映できます。「ミニマル」を「ラグジュアリー」に、「ベクター」を「リアルなスタジオショット」に変えてデザイン目標に合わせてもOK。

結果をエクスポートしたら、カラーピッカーで最終的なHEXセットや見出し・背景・CTA向けのコントラストペアを調整しましょう。

次に： ライトトープカラーパレット