パープルブラウンの色パレット20選とカラーコードアイデア

パープルとブラウンのパレットは、プラム、ナス、マルベリーの豊かさに、ココア、モカ、エスプレッソの安定した温かみを組み合わせます。その結果、モダンでありながら落ち着いた印象を与え、大人らしさのあるカラフルさを求めるときに最適です。

下記はHEXコード付きの20種類のパープルブラウン配色と、ブランディング、UI、印刷物、季節のグラフィックに再現できる画像生成プロンプトです。

パープルブラウンパレットが優れている理由

パープルは感情や奥行きをもたらし、しばしばクリエイティブ、高級感、ロマンティックな印象を与えます。一方でブラウンは安定感や温かみ、自然素材（木、革、コーヒー、チョコレート）のような風合いを加えます。組み合わせることで、自信がありつつ親しみやすいパレットとなります。

この組み合わせは季節を問わず柔軟に使えます。エスプレッソ寄りの濃いパープルは秋冬に向き、ライラックとココアやクリーム系のニュートラルは春用パッケージやクリーンなUIレイアウトにぴったりです。

実用的なデザイン面では、パープルブラウン配色は強いコントラストを黒に頼ることなく得られるため、タイポグラフィやUIの状態も柔らかく、エディトリアルで無機質になりすぎません。

20以上のパープルブラウン配色アイデア（HEXコード付き）

1）マルベリーモカ

HEX： #4B2A5A #7A3E6B #B78FA8 #6A3F2E #F2E6DC

雰囲気： 居心地よい、ロマンチック、落ち着いた

おすすめ用途： コーヒーショップのブランディングやメニュー

ベリージャムを温かいトーストに塗ったようなコージーでロマンチックな雰囲気に、モカの深みで安定感をプラス。メニューやポイントカード、カフェサインなどで、快適さを演出しつつ古くさくなりません。クリーム色を主要背景に、マルベリーで見出し、モカブラウンで価格や区切り線に使うのがコツ。本文テキストは最も濃い紫にして可読性を保ち、ダスティピンクはソフトなアクセントに。

media.ioで生成したマルベリーモカの画像例

Media.io

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

今すぐ無料で試す

2）プラムトリュフ

HEX： #2F143F #5C2B5D #9A6B86 #4A2E26 #D9C2AE

雰囲気：高級感、親密、夜のおでかけ

おすすめ用途：高級チョコレートのパッケージやラベル

ブティックのショコラティエにあるビロードの照明のように豪華で親密なムード。マットな箱や箔押し、プレミアムパッケージでコントラストが映えます。ロゴは濃いプラム、サポートテキストはトリュフブラウン、ウォームベージュは余白に。印刷物には控えめなメタリックアクセントもおすすめですが、デジタルではフラットでモダンな仕上がりを意識しましょう。

media.ioで生成したプラムトリュフの画像例

3）ヘザーウォルナット

HEX： #6D4C7D #A17AAE #D9CFE0 #5B3E2B #EFE7DD

雰囲気：穏やか、空気感、ナチュラル

おすすめ用途：ウェルネス系ブログやライフスタイルサイト

柔らかな雲の下に広がるヘザー畑とウォルナット色の温もり。ウェルネスブログや優しいブランド、落ち着いたランディングページなどヒューマンな雰囲気を演出できます。ペールニュートラルはセクション用、ヘザーは見出しに、ウォルナットはCTAボタンに。ウォルナットのボタン×オフホワイトの文字でクリック先の明確さを保ちましょう。

media.ioで生成したヘザーウォルナットの画像例

4）オーキッドエスプレッソ

HEX： #3A1748 #8E4B7F #E7C7D8 #2E1B16 #C9A88A

雰囲気：ドラマティック、シック、自信

おすすめ用途：夜のイベント用ポスターやチケット

蘭が暗いエスプレッソバーに咲いているかのようなドラマチックでシックな配色。コントラストが強く、イベントポスターやチケット、SNSグラフィックの即効性が必要な場面に適しています。背景はダークに、オーキッドはキータイプに、ブラッシュで優しいつなぎを。タンカラーは日にちや区切りの小さなディテール用にとどめ、高級感を損なわないように。

media.ioで生成したオーキッドエスプレッソの画像例

5）ライラックココアミスト

HEX： #7B5A86 #B49BC2 #F3EFF6 #7A5643 #E2D0BF

雰囲気：柔らかい、クリーン、癒し

おすすめ用途：スキンケア商品のLPや広告

温かいバスで立ち上るライラックのスチームのような柔らかく清潔な雰囲気にココアトーンが安心感をプラス。スキンケア商品ページやミニマルEC、さわやかな背景が映えます。ミスト調オフホワイトをキャンバスに、バッジや見出しにはライラック。ひとつはブラウン系を価格やカートボタンに用い、全体をアンカーします。

media.ioで生成したライラックココアミストの画像例

6）アメジストバーク

HEX： #2C1037 #5A2B62 #A57FB2 #5A3A2A #E9DDCF

雰囲気：ムーディ、アース感、アート

おすすめ用途：手作りキャンドルのラベル

アメジストの石とラフな樹皮、ドライハーブを連想させるムーディで大地的な雰囲気。手作りラベルや少量生産のパッケージに特におすすめです。ライトなニュートラルで背景を作り、ブランド名は最も濃いパープル、香り表記はバークブラウンで。中間パープルの細いラインアイコンでディテールにこだわるのもコツです。

media.ioで生成したアメジストバークの画像例

7）ダスティモーヴシダー

HEX： #6A3C5F #B08AA2 #F0E3EA #6B4A33 #C7B09B

雰囲気：ヴィンテージ、温かみ、ウェルカム感

おすすめ用途：ラスティックなウェディング招待状

押し花をシダーボックスにしまったようなヴィンテージ感と温かみのあるウェルカム感。牧歌的な結婚式や誓いの本、セーブザデートなどで、ピンクすぎず適度な温もりを演出します。ペールブラッシュに名前、シダーで詳細、フラリッシュは細くミニマルにまとめて軽さを保ちましょう。

media.ioで生成したダスティモーヴシダーの画像例

8）グレープチェスナット

HEX： #3B0F4A #6D2D6F #C2A4CC #6B3A2E #F4E9DF

雰囲気：大胆、エレガント、モダン

おすすめ用途：ダッシュボードUIやデータカード

熟れたブドウと磨かれたチェスナットウッドのような気品あるコンビネーション。ダッシュボードを高級感と見やすさの両立に。面はオフホワイト、グレープはアクティブ状態や指標、チェスナットはセカンダリボタンやタグに。中間ラベンダーはチャートやハイライトに控えめ利用を。

media.ioで生成したグレープチェスナットの画像例

9）ローズウッドバイオレット

HEX： #4A1F57 #8A4C8F #D6B7D7 #3D241F #EADBCF

雰囲気：ロマンチック、クラシック、洗練

おすすめ用途：ブックカバーやエディトリアル見出し

ローズウッド製の家具が静かな読書室に置かれているようなロマンティックでクラシックな雰囲気。ブックカバー、誌面の見出し、カルチャーニュースレターにおすすめ。最も濃いバイオレットと重厚なブラウンでタイポグラフィ、ペールなニュートラルでレイアウトの余白に。淡いラベンダーはプルクオート背景に控えめに使い、階層感を演出しましょう。

media.ioを使って生成されたローズウッドバイオレットの画像例

10) アウベジンラテ

HEX： #2A0F2F #5B2A56 #A77E9D #7B5139 #F6EFE6

雰囲気： なめらか・洗練・居心地よい

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

アウベジンの壁とクリーミーなラテの照明のように、なめらかで洗練されたイメージ。インテリアのムードボードやテキスタイルの選定、居心地のよいホームスタイリングに理想的です。クリームをベースにして、アウベジンを大きなスウォッチに使い、ブラウンは木やレザーの印象づけに活用しましょう。コツ：色を増やすよりも、リネンやウォールナットの木目など、視覚的にテクスチャーを加えるのがおすすめです。

media.ioを使って生成されたアウベジンラテの画像例

11) フィグレザー

HEX： #3E163B #7D3B6A #C9A7BA #5A3527 #E6D2C2

雰囲気： ヘリテージ・触感・プレミアム

おすすめ用途： ブティックファッションのルックブック

熟したイチジクと使い込まれたレザーのような、ヘリテージと触感。ルックブックやハングタグ、ブランドガイドラインに、プレミアムな印象を与えてくれる紫系ブラウンの配色です。レザーブラウンは見出しやルール用に使い、フィグやマーヴは写真のオーバーレイやセクションタイトルに重ねましょう。コツ：余白をたっぷりとることで、暗めの色調も重くならず、意図的な雰囲気を演出できます。

media.ioを使って生成されたフィグレザーの画像例

12) ボイセンベリークレイ

HEX： #4A1A4F #8A4C7E #D9B8CE #8B5C44 #F2E2D6

雰囲気： アース・遊び心・手作り

おすすめ用途： 陶芸スタジオのブランディング

暖かいクレイの陶器にボイセンベリーグレーズをかけたような、アース感と遊び心。陶芸スタジオやクラフトマーケット、手作りプロダクトタグなど、本物らしさを失わずに色を演出したい場面に。クレイブラウンを基礎に、ボイセンベリーでスタンプやアイコン、小さなパターンを加えましょう。コツ：背景は軽やかでテクスチャー感を出すことで、配色がアーティザナルな印象になります。

media.ioを使って生成されたボイセンベリークレイの画像例

13) ヴィンテージプラムスエード

HEX： #3C1A44 #6F3E6B #BFA2BD #4B332A #EDE1D7

雰囲気： ノスタルジック・控えめ・上品

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

熟成した木材にプラムスエードを重ねたようなノスタルジックで控えめな印象。クラシックな雰囲気にモダンなタイポグラフィを掛け合わせたいレストランにぴったりです。明るいニュートラルをメニューセクションの背景に、深いプラムは料理名に、ブラウンは詳細やアイコンに活用しましょう。コツ：純粋なブラックは避け、最も深いプラムを使用すると柔らかなコントラストが生まれます。

media.ioを使って生成されたヴィンテージプラムスエードの画像例

14) ベリーブラウンストーン

HEX： #351239 #6A2E5B #B890B3 #6B463A #F1E7DE

雰囲気： 都会的・暖かみ・控えめ

おすすめ用途： 不動産パンフレットやフライヤー

ブラウンストーンの建物の間に漂うベリートーンの黄昏のように、都会的で控えめな雰囲気。温かみと信頼感が求められる不動産パンフレットや地域ガイド、物件チラシに最適です。ニュートラルをページの主な色に、ブラウンは本文テキストに、ベリー系は設備や重要な数字の強調に使いましょう。コツ：写真は自然でやや暖かみを持たせ配色に合わせるのがポイントです。

media.ioを使って生成されたベリーブラウンストーンの画像例

15) スモーキーアイリスココア

HEX： #4B2B52 #81607F #D7CDD8 #5A4033 #F7F0E7

雰囲気： ソフト・ミニマル・静寂

おすすめ用途： メディテーションアプリやオンボーディング画面

スモーキーアイリスの花びらがココアの影となって消えていくような、ソフトで静かな印象。メディテーションアプリやオンボーディング画面など、ユーザーが安心感を得られる落ち着いたUIに最適です。最も淡い色は背景に、ココアは主要アクション用に、アイリスはフォーカスリングや進捗ステップに使用しましょう。コツ：グラデーションは控えめにし、充分な余白で真の静けさを表現できます。

media.ioを使って生成されたスモーキーアイリスココアの画像例

16) カカオブルーム

HEX： #2C0F2D #6B2D5E #CFA7C4 #7A4A35 #E8D4C3

雰囲気： 濃厚・フローラル・モダン

おすすめ用途： 香水広告やギフトセット

ダークカカオが花びらに包まれるような、濃厚なフローラル配色。冷たくならずエレガンスを求められる香水広告やギフトセットにぴったりです。深いプラムは見出し用、暖かいベージュは余白に、ブラウンは商品詳細に使用しましょう。コツ：ボトルの背景に柔らかいスポットライトグラデーションを一つ加えると色合いが華やかになります。

media.ioを使って生成されたカカオブルームの画像例

17) トワイライトレーズン

HEX： #200B2A #4D1F4F #8C5F8C #5B3B2D #D8C5B4

雰囲気： 神秘的・映画的・大胆

おすすめ用途： ミュージックポスターやアルバムプロモ

トワイライトのもやとレーズンの深い輝きのような神秘的で映画的な印象。ミュージックポスターやアルバムプロモ、ナイトライフのSNSグラフィックなど、コントラストが重要な場面に最適です。最も暗い色は背景に使い、ミッドパープルは文字用、タンは小さな日付ラインに用いましょう。コツ：大きな文字と十分な間隔で、暗色でも鮮明さを保てます。

media.ioを使って生成されたトワイライトレーズンの画像例

18) ソフトウィステリアアンバー

HEX： #5A3B6D #9D80B2 #EAE2F0 #6A4A3A #F5EBDD

雰囲気： 優しい・植物的・春らしい

おすすめ用途： ボタニカルイラストやステーショナリー

暖かなアンバーの土の上にウィステリアの蔓が伸びるような優しく春らしい配色。ステーショナリーやグリーティングカード、ボタニカルアートワークにぴったり。淡いライラックは紙の色に、アンバーは茎やアウトラインに使い、層状に花のパープルを重ねましょう。コツ：アウトラインは細くし、水彩テクスチャーで深みを出すことで重い陰影は不要です。

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

19) シナモンプラムグレーズ

HEX： #3B1135 #7A2F5E #D6A5C2 #9A5A3A #F3DDCC

雰囲気： 甘い・フェスティブ・誘う

おすすめ用途： ベーカリーのパッケージ・季節のプロモ

シナモングレーズがプラム入りペーストリーにかかったような甘く華やかな印象。ベーカリーのパッケージや季節プロモ、温かみのあるSNSテンプレートなどに最適です。柔らかいピーチをベースに、プラムは見出し用、シナモンは「期間限定」などのバッジに使いましょう。コツ：最も明るいアクセントカラーは一ヶ所に絞り、デザイン全体が甘くなりすぎないようにします。

media.ioを使って生成されたシナモンプラムグレーズの画像例

20) ディープパープルシエナ

HEX： #1F0A2B #4B1B4E #8A5F90 #7A3E2A #E6D0C2

雰囲気： 自信・安定・洗練

おすすめ用途： ブランドガイドライン・ロゴシステム

サンベイクされたシエナとディープパープルベルベットのような自信と安定感。ブランドガイドラインやロゴシステム、ピッチデッキなど、権威が必要でも厳しくなりすぎない配色です。淡いニュートラルはページ用、最も暗いパープルは主要ブランドカラーに、シエナはハイライト役を担いましょう。コツ：小さな文字で暗いパープルをテストすると、純粋なブラウンより読みやすいことが多いです。

media.ioを使って生成されたディープパープルシエナの画像例

パープルブラウンと相性の良い色は？

暖かいニュートラルが一番合わせやすい：クリーム、オートミール、サンド、ソフトベージュがパープルブラウンの配色を清潔かつ空間的にし、濃いプラムの重さも軽く感じさせます。プロダクト写真やUIレイアウトも意図的でクリーンな印象になります。

コントラストを出すには、控えめなグリーン（セージやオリーブ）や濃い青み（スレートやインク）が効果的。アースカラーのベースとケンカせず爽やかさを出せるので、インテリアやライフスタイルブランド、ダッシュボードによく合います。

アクセントを効かせたい場合は、少量のメタリック（金やブロンズの印刷）や、ソフトピーチ/ブラッシュのハイライトが有効です。アクセントは最小限に抑え、配色がプレミアムでごちゃごちゃにならないようにしましょう。

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

まず「ヒーロー」になる濃い色（プラムやアウベジン）と、ベースを支えるブラウン（モカやエスプレッソ）を選びます。メイン背景には明るいニュートラルを用いて、テキスト・アイコン・画像に余裕を持たせてください。

UIでは、最も暗い色をキーとなるテキストやナビに使い、ミッドパープルはアクティブ状態やチャート用に。ブラウンは主要なボタンやタグ、区切り線など信頼感と触感を与えるのに適しています。

印刷・パッケージでは素材感を生かしましょう：マット仕上げ、紙のテクスチャー、控えめなグレインが効果的。パープルブラウンの配色は、スペースとタイポグラフィの階層で設計すると最も美しくなります。余計な色を増やしてはいけません。

AIでパープルブラウンパレットのビジュアルを作成する

パープルブラウン配色がメニューやラベル、ランディングページ、ポスターでどう見えるか試したい場合は、テキストプロンプトで素早くモックアップを生成するのがおすすめです。コントラストや雰囲気、構成を本番デザイン前に検証できます。

Media.ioでは上記プロンプトの一つを貼り付け、さらに「マット」「ソフトな拡散光」「フラットUI」などのキーワードやアスペクト比を調整し、使用するプラットフォームに合わせてください。HEXパレットは手元に置いておくと、資産ごとに一貫して仕上げられます。

バリエーションが出揃ったら、一番階層が明確なものを選びましょう：読みやすい明るい背景、ブランドキャラクターに深いパープル、定着感にブラウンを使い、CTAも同時に目立たせます。

次へ： ラベンダーブルーカラーパレット