モダンデザインのための20のパープルグレー配色パレット

パープルグレーのパレットは、グレーの落ち着いた中立性とパープルのクリエイティブで表現力のあるニュアンスを融合させています。その結果、デジタルや印刷物など幅広く使いやすく、やわらかく洗練された現代的なカラーセットになります。

以下は、UI・ブランディング・ポスター・パッケージ・エディトリアルレイアウトなどビジュアル生成にも使える、HEXコード・ムード・コピペできるプロンプト付きのパープルグレーのカラーパレット20選です。

パープルグレーのパレットが選ばれる理由

パープルグレーは、表現力と中立性の間に絶妙なバランスを持っています。パープルのニュアンスが個性を加え、グレーの要素が全体の印象を整え、プロフェッショナルに見せます。

これらのパレットは背景、表面、タイポグラフィに美しく展開できます。明るいライラックは“ふんわりとした白”のような役割を果たし、中間のモーブはUIの面やブランドのアクセントに最適、深いチャコールは純粋な黒を使わずに強い可読性をもたらします。

自然に落ち着いたトーンなので、パープルグレーの組み合わせはデジタルインターフェースや印刷物でも現代的で高級感があり、派手な彩度ではなく穏やかなコントラストを求める時に特に効果的です。

20以上のパープルグレーカラーパレットアイデア（HEXコード付き）

1) ミスティライラックグラナイト

HEX： #e7dff2 #cbb9d8 #9b8aa6 #6e6675 #2f2c35

ムード： エアリー、落ち着き、モダン

おすすめ用途： 落ち着いたランディングページUI

朝霧がライラックの花を漂うように、このパープルグレーパレットは柔らかさと構造を兼ね備えています。ライトライラックはページの背景に、控えめなモーブはセクションやカードに使い、グラナイトチャコールは見出しや主要ボタンに使うことでコントラストを保ちつつ厳しくなりすぎません。安心感・信頼感を与えたいUIに特におすすめです。

media.ioを使って生成したミスティライラックグラナイトの画像例

Media.io

Media.ioは、ブラウザ上でビデオ・画像・音声を書き出し・編集できるオンラインAIスタジオです。

無料で今すぐ試す

2) トワイライトモーブスレート

HEX： #e8d0df #b597ab #7f6f80 #59555f #26242a

ムード： ムーディー、洗練、ミニマル

おすすめ用途： ミニマルなブランドアイデンティティ

このセットは、黄昏の雲がスレート屋根に降りてきて、モーブの輝きが影に包まれているような雰囲気です。このHEXコードのようなパープルグレーパレットは、派手な彩度なしで上品さを求めるときに最適です。中間のモーブはシグネチャー要素に使い、ほぼ黒の色はワードマークや文字階層に使いましょう。印刷とデジタル両方で一貫したコントラストがほしいブランドにおすすめです。

media.ioで生成したトワイライトモーブスレートの画像例

3) オーキッドアッシュハーモニー

HEX： #f3e6f5 #d0b7d1 #a08aa3 #6c6672 #3a383f

ムード： やわらかい、ロマンティック、バランスが良い

おすすめ用途： 音楽フェスティバルのポスター

アッシュ系ストーンに咲くオーキッドの花びらが、優しいコントラストを生むパープルグレーパレットです。淡いラベンダーを余白に、くすみパープルを形やハイライトに重ねて使いましょう。濃いグレーはタイトルやイベント詳細を引き締めて視認性を高めます。遠くからでも可読性が欲しい、夢のような雰囲気のポスターに効果的です。

media.ioで生成したオーキッドアッシュハーモニーの画像例

4) プラムフォグコンクリート

HEX： #ecd8e2 #b48399 #7e6272 #5a5660 #2d2b32

ムード： 居心地が良い、高級感、安定感

おすすめ用途： スキンケアパッケージ

プラムジャムが冷たい霧を舞い、コンクリートの歩道を彩る様子をイメージ。このHEXコードを使ったパープルグレーパレットは、スキンケアパッケージに上質でモダンな落ち着きを与えます。くすみプラムをラベルやアクセントに、淡い霧色は箱を清潔感・透明感ある印象に。パッケージには深いチャコールでテキストを配置すると、スタジオ照明下でも可読性が保てます。

media.ioで生成したプラムフォグコンクリートの画像例

5) ラベンダースティールカーム

HEX： #eef0ff #c2c8e0 #8f94ad #636577 #2b2c33

ムード： クール、落ち着き、現代的

おすすめ用途： モダンな寝室インテリア

このパレットは、ラベンダー色の夕暮れがブラッシュドスチールに映るようで、クールかつ静かに落ち着いた雰囲気です。こんなパープルグレーパレットは、安らげるベースに程よい個性を加えたい時に最適です。ペイントやテキスタイルは淡いラベンダーを使い、スチールグレーは家具や照明を支えつつ、調和します。柔らかい照明・穏やかなコントラストが重要なインテリアにおすすめです。

media.ioで生成したラベンダースティールカームの画像例

6) アメジストピューターナイト

HEX： #d9c9f5 #a394b8 #6b637a #4a4751 #1d1c21

ムード： ダーク、自信、スマート

おすすめ用途： 分析系ダッシュボードUI

アメジストがピューターの影に輝き、雨上がりの都会の灯りのようなパレットです。このHEXコード付きパープルグレーパレットは、深さが欲しいデータ画面に最適。アメジスト色はハイライトやアクティブ状態に、ダークなニュートラルはパネルやナビゲーションに使い分けましょう。階層や注目部分を明確にしたいUIダッシュボードにおすすめです。

media.ioで生成したアメジストピューターナイトの画像例

7) アイリススモークミニマル

HEX： #f2e9ff #c7bfd8 #968fa3 #6a6670 #3b3940

ムード： やさしい、上品、クリーン

おすすめ用途： 結婚式招待状セット

アイリスの花びらがやわらかな煙に包まれたような、親密で洗練された色合い。パープルグレーのパレットは甘くなりすぎず、ロマンチックさを演出します。最も淡い色は招待状用紙に、中間ラベンダーは装飾ラインに、タイポグラフィは深いグレーで視認性を。モダンで控えめな雰囲気の結婚式招待状にぴったりです。

media.ioで生成したアイリススモークミニマルの画像例

8) バイオレットグラファイトリュクス

HEX： #cdb6ff #8a7aa8 #5b5668 #3a3943 #15141a

ムード： ラグジュアリー、ドラマティック、モダン

おすすめ用途： 高級香水広告

バイオレットのベルベットとグラファイトストーンが融合したような、リッチでダーク、コントロールされた雰囲気。HEXコード付きのパープルグレーパレットで、ハイライトに宝石のような輝きを出せます。ライトバイオレットは注目箇所や反射部分に限定し、グラファイトは製品のシルエットを支えます。シネマティックで高級感が欲しいプロダクト広告に最適です。

media.ioで生成したバイオレットグラファイトリュクスの画像例

9) ヘザーストームオフィス

HEX： #efe7f1 #c1b7c7 #8a8593 #5d5c66 #303038

ムード： プロフェッショナル、安定感、控えめ

おすすめ用途： コーポレート向けプレゼンテーションスライド

嵐を前にしたヘザー色の空が静かな真面目さを感じさせるセット。パープルグレーパレットなら、ビジネスにふさわしい現代感のあるプレゼンに仕上げられます。明るいヘザーはスライド背景、中間グレーはグラフ、最も濃い色は見出しに使えば一貫したコントラストが保てます。データと競合しない控えめな色使いにしたい時におすすめです。

media.ioを使って生成されたヘザーストームオフィスの画像例

10）ウィステリアストーンスパ

HEX： #f1eaff #d2c6e6 #a49db3 #6e6b77 #2e2d33

ムード： 癒し、空気感、ナチュラル

おすすめ用途： 水彩ボタニカルイラスト

ウィステリア（藤）の花が滑らかな川石に垂れ下がるイメージから、この穏やかなグラデーションが生まれました。このパープルグレーのカラーパレットは、自然な柔らかさに中立的な落ち着きをプラスしたい時に最適です。淡いバイオレットでウォッシュし、グレーで影を加えて葉や花びらに立体感を出しましょう。落ち着いたスパのような色合いが物語るイラストに理想的です。

media.ioを使って生成されたウィステリアストーンスパの画像例

11）マルベリークラウドテック

HEX： #e4d0e3 #b6a2b6 #7c6f7f #4f4c57 #242228

ムード： テック、ソフト、自信

おすすめ用途： アプリのオンボーディング

ダークな地平線上のマルベリー色の雲が、フレンドリーでモダンなテック感を生み出します。パープルグレーのパレットがオンボーディング画面を親しみやすくしつつ、生産性アプリとしての信頼感も保ちます。最も明るいトーンは画面の背景に、深いグレーはナビゲーションや主要ラベルに使用します。明瞭さと優しいトーンが重要なアプリのオンボーディングに最適です。

media.ioを使って生成されたマルベリークラウドテックの画像例

12）ライラックチャコールコントラスト

HEX： #f6effa #b8a7c7 #7a6c86 #403c47 #1a191e

ムード： ボールド、エディトリアル、ハイコントラスト

おすすめ用途： 雑誌のスプレッドレイアウト

この組み合わせはライラックのインクをチャコール紙に載せたような、クリーンでシャープ、スタイリッシュな雰囲気。パープルグレーのカラーパレットで強いコントラストを持たせつつ、純粋な黒と白に頼らず長文のレイアウトを調整できます。ライラックで引用やセクションマーカーを目立たせ、チャコールで本文やキャプションを支えます。エディトリアルデザインで階層をはっきりさせたい場面にぴったりです。

media.ioを使って生成されたライラックチャコールコントラストの画像例

13）ダスティバイオレットセメント

HEX： #e9d7ec #b9a1bf #867b8f #5e5a65 #33323a

ムード： アーバン、控えめ、落ち着き

おすすめ用途： インスタグラム引用テンプレート

ほこりっぽいバイオレットがセメント壁を漂う様子が、このパレットに都会の柔らかさを加えます。こうしたパープルグレーのカラーパレットなら、ソーシャルグラフィックがモダンかつ読みやすくなり、派手な彩度に頼りません。淡いバイオレットは背景に、中間色はフレームや形に、濃いグレーは引用文に使ってください。フィード全体の統一感を持たせやすく、タイポグラフィーのコントラストも取りやすいです。

media.ioを使って生成されたダスティバイオレットセメントの画像例

14）パープルヘイズアロイ

HEX： #d8cbe3 #a18cad #6d647a #45424e #1f1e24

ムード： シネマティック、強烈、スリーク

おすすめ用途： 映画ポスター

パープルのもやが冷たい金属合金の上にかかることで、サスペンスと夜を感じさせる雰囲気を作り出します。このパープルグレーのカラーパレットでレイヤー感のある深みを作り、中間のパープルでムードを高め、暗いグレーでタイトルを読みやすくします。ハイライトは控えめにすることで、装飾的でなく映画的な印象に。ドラマティックなコントラストとコントロールされた色合いでジャンルを印象づける映画ポスターに理想的です。

media.ioを使って生成されたパープルヘイズアロイの画像例

15）ペリウィンクルコールモダン

HEX： #dde6ff #a9b2d0 #747a95 #4c4f5e #22242b

ムード： モダン、分析的、クール

おすすめ用途： データ可視化ダッシュボード

ペリウィンクルの明るさがコール（石炭）の影に映えるのは、澄んだ冬の空気が暗い岩を照らすようなもの。パープルグレーのカラーパレットでグラフやKPIにモダンさを持たせつつ、インターフェースを落ち着かせます。データシリーズやホバーステートにはペリウィンクルを、軸やラベル・ナビにはコールを使うのがスマートです。ユーザーを圧倒せず、色で伝える必要があるダッシュボードに最適です。

media.ioを使って生成されたペリウィンクルコールモダンの画像例

16）モーヴグラニットペーパー

HEX： #f2dfe8 #c3aab6 #8a7682 #5b5560 #2b2a31

ムード： 暖かさ、触感、控えめ

おすすめ用途： ノートカバーのデザイン

モーヴのインクがグラニットペーパーに乗った様子は、古い日記に押し花を挟んだような手作り感のある落ち着きです。このパープルグレーのカラーパレットは柔らかく高級感が必要なカバーに最適。淡いブラッシュモーヴをベースに、中間色でパターンを加え、チャコールでタイトルや背表紙の文字をまとめるのがコツです。特に棚から見て控えめなコントラストがよく読めるノートカバーにおすすめします。

media.ioを使って生成されたモーヴグラニットペーパーの画像例

17）グレープクォーツブティック

HEX： #e6d1dd #b89aab #866b7a #5a525b #2c2a2f

ムード： ブティック風、シック、心地よい

おすすめ用途： ジュエリーブランドパッケージ

ブドウの皮とクォーツクリスタルのハイライトが、このパレットに宝石のような柔らかさを与えます。パープルグレーのパレットは小さなパッケージを洗練された印象にしつつ、ブランドを親しみやすくします。淡いクォーツ色は箱の表面に、グレープ色はリボンやシールに、深いニュートラルでタイポグラフィーをはっきりとさせましょう。商品写真でプレミアム感を伝えたいECパッケージにぴったりです。

media.ioを使って生成されたグレープクォーツブティックの画像例

18）ロイヤルプラムシルバーライン

HEX： #c0a0d8 #846c99 #5b5467 #3e3b45 #1c1b20

ムード： 高貴、スリーク、ドラマティック

おすすめ用途： ファンタジー書籍カバー

ロイヤルプラムにシルバーラインの縁取りは、まるでビロードのマントに月明かりが差すような雰囲気。このパープルグレーパレットで一気に空気感を演出しつつ、タイトルや著者名も読みやすいままに。プラムはフォーカルな形や装飾に使い、中間グレーはサブテキストに、全体は黒に近い色で引き締めましょう。ネオングリーンを使わずファンタジーな上品さが必要なブックカバーに最適です。

media.ioを使って生成されたロイヤルプラムシルバーラインの画像例

19）ラベンダーレインメトロ

HEX： #efe9f4 #c9c1d3 #9792a3 #66626f #32313a

ムード： 都会的、落ち着き、洗練

おすすめ用途： 都市型アパートのリビングルーム

ラベンダーの雨が都会の歩道に降ることで、これらのトーンは静かな都会的ムードを持ちます。こんなパープルグレーのカラーパレットは、モダンなインテリアを柔らかくしつつ鋭さも損ないません。ライトなラベンダーグレーは壁や大きなファブリックに、深めのメトログレーはソファやラグ、照明に。中立的な魅力を保ちつつ印象に残るスタイリングが必要な不動産ステージングに重宝します。

media.ioを使って生成されたラベンダーレインメトロの画像例

20）ソフトオーバージンスモーク

HEX： #c9b0c2 #8b7387 #615767 #403c46 #1f1d22

ムード： 心地よい、大人っぽい、控えめ

おすすめ用途： ニュースレターテンプレートUI

ソフトなナス色がスモークに溶ける様子は、静かな庭に夕暮れが降りるような感覚。このパープルグレーのカラーパレットはレイアウト全体を落ち着かせつつ、階層構造も明確に保てます。最も淡い色をコンテンツブロックに、オーバージンはセクション見出しにポイントで使って、濃いニュートラルは本文に使いましょう。読みやすさやさりげないブランドトーンが重視されるメールニュースレターに信頼できる選択です。

media.ioを使って生成されたソフトオーバージンスモークの画像例

パープルグレーに合う色は？

パープルグレーは、白やアイボリー、ディープチャコールなどのきりっとしたニュートラルと自然に組み合わせることができ、デザインのコントラストを高めつつも硬くなりすぎません。これがラベンダーグレーパレットがモダンなUIやエディトリアルレイアウトで人気の理由です。

より暖かい雰囲気にしたい場合は、ブラッシュピンクやダスティローズ、トープ、落ち着いたゴールドのアクセントを加えましょう。暖色アクセントは特にブランディングやパッケージングで、パープルグレーの冷たさやテクニカル感を和らげます。

もっとフレッシュでコンテンポラリーな印象にしたいなら、パープルグレーにセージグリーンやユーカリ、淡いミントなどのグリーンを組み合わせましょう。グリーン系の組み合わせは穏やかさや洗練はそのままに、自然な対比を演出します。

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

まず役割を割り振るのがコツです：背景用に明るいティントを一つ、サーフェスやセカンダリーUI用に中間トーンを一つ、テキストやキーカラー用にディープニュートラルを一つ選びましょう。これで階層が明確になり、パレットに意図を持たせられます。

ブランド用途では、パープルのトーンを“シグネチャー”アクセントとしてポイント使いするのが正解。ロゴやシール、強調形状の一部にバイオレットを少しだけ使うことで、全体を塗りつぶすより高級感が増します。

印刷（ポスター、招待状、パッケージ等）では、異なる光や紙質でコントラストを必ずテストしましょう。パープルグレーは見え方が変わりやすいので、チャコールの濃色でタイプを設定するのが読みやすさ確保に有効です。

AIでパープルグレーのパレットビジュアルを作成する

すでにHEXコードが決まっている場合、希望するレイアウトやスタイルを記述するだけで、マッチするモックアップやコンセプト画像を数分で生成できます。プロンプトには構図やタイポ感、光の感じ、アスペクト比などを指定すると効果的です。

パープルグレーのプロンプトはランディングページ、ダッシュボード、パッケージ、ポスター、インテリアにも最適。アクセントシェードを一つずつ変えることで、“暖かいモーヴ寄り”か“涼しいラベンダー寄り”かをゼロから作り直さずに探れます。

Media.ioを使えば、パレットのアイデアからプレゼン・ムードボード・クライアント承認用の統一感あるビジュアル例をサッと作ることができます。

次： パステルピンクパープルのカラーパレット