ボイセンベリーは濃厚なベリー紫で、上品さと現代的な雰囲気を兼ね備えており、ブランド、UI、印刷物の信頼できるベースカラーとなります。
暖かみのあるメタル、アースグリーン、やわらかなピンク系を組み合わせても、ボイセンベリーの配色はシネマティックでムーディーにも、エアリーで洗練された印象にも変化でき、そのリッチな特徴を失いません。
この記事について
ボイセンベリーの配色がうまくいく理由
ボイセンベリーはプラムからマゼンタの範囲に位置し、感情的なあたたかさと洗練された「デザイン感」を持ち合わせています。横に置く色次第でロマンチック、プレミアム、または大胆な印象になります。
また、ハイコントラストのニュートラル(ほぼ黒・白・クールグレー)や、柔らかなティント(ブラッシュ、ライラック、パウダー)ともよく合います。この柔軟性から、UI、ブランドガイドライン、マルチページの印刷レイアウトなどシステム的な用途にも最適です。
もともとリッチな色のため、ボイセンベリーはデザインのベースやアクセントとして最適で、重たいテクスチャーや複雑なグラデーションがなくても深みを与えます。
20種類以上のボイセンベリー配色(HEXコード付き)
1) ベルベットジャム

HEX: #7b2d5b #a24a7a #d9b3c8 #f3e7ef #2a1d28
ムード:ラグジュアリー、ロマンチック、ムーディー
おすすめ用途:プレミアムブランドやヒーローセクション
豪華でベルベットのような印象。柔らかなキャンドルライトの下でトーストにベリージャムを塗ったような雰囲気です。深いボイセンベリーを基調に、ブラッシュやパウダーティントで余白を広げましょう。この配色は温かい照明やミニマルな質感と相性がよく、プレミアムブランド、ランディングページ、商品ヒーローバナーに最適です。コツ:本文は淡い色の上に配置し、見出しにはほぼ黒のプラムを使うとコントラスト疲れを防げます。
media.ioで生成したベルベットジャムの画像例
Media.ioは、ブラウザで動画・画像・音声を作成・編集できるオンラインAIスタジオです。
2) オータムオーチャード

HEX: #6f264e #b3543a #d6a34a #f1e3c8 #4d5b3a
ムード:温かい、ラスティック、季節感
おすすめ用途:秋のキャンペーンや食品パッケージ
温かく、収穫祭のようなムード。スパイスや果実酒、日の当たる葉を思わせます。ベリーベースは銅色のオレンジやゴールドのアクセントと並べると落ち着きが出て、クリームが情報を読みやすくしてくれます。季節限定のパッケージやカフェPR、エディトリアル系のフードスタイリングにも最適です。コツ:オリーブカラーは小さなラベルやアイコン用に使うと、パレットが甘すぎずナチュラルになります。
media.ioで生成したオータムオーチャードの画像例
3) ローズウッドミニマル

HEX: #8a2f5f #b08aa4 #efe6ee #c9c0b6 #1f1b1d
ムード:穏やか、モダン、控えめ
おすすめ用途:ミニマルなUI・エディトリアルレイアウト
明るいスタジオで映えるローズウッド家具のように静かで洗練された印象。自信あるベリー系トーンに、ソフトモーヴと暖かみのあるグレージュニュートラルを組み合わせ、上質でミニマルな雰囲気を生み出します。UIシステム、マガジンレイアウト、ブランドガイドライン等、節度が大切な場面にぴったり。コツ:ダークチャコールは文字や区切り線に使い、ベリーはボタンやリンク色としてポイント利用しましょう。
media.ioで生成したローズウッドミニマルの画像例
4) ミッドナイトベリー

HEX: #5c1a3a #8a2e5f #c06b9b #1b1320 #f2f0f5
ムード:ドラマティック、シネマティック、ハイコントラスト
おすすめ用途:ナイトライフポスターや大胆なキャンペーン
ドラマティックでシネマのような印象。真夜中のベルベットジャケットに映る都市の光を思わせます。ほぼ黒のパープルでベリーのトーンに深みが生まれ、淡いラベンダーホワイトでコントラストを引き締めます。この配色はナイトポスター、アルバムアート、大胆なキャンペーンビジュアルに最適です。コツ:ピンク~ライラックのアクセントでグローエフェクトを加えつつ、大きな背景はダークにしてシアターのような雰囲気を演出しましょう。
media.ioで生成したミッドナイトベリーの画像例
5) ダスティモーヴスタジオ

HEX: #7a3560 #a67a95 #d9c9d2 #f7f3f5 #5a6d72
ムード:ソフト、エアリー、コンテンポラリー
おすすめ用途:ライフスタイルブランドやルックブック
ソフトでエアリー。日差しの入るワークテーブルに並んだモーヴの塗装サンプルのよう。ダスティな中間色でベリーがより親しみやすく見え、クールなスレート色がモダンなエッジを加えます。大人っぽく優しい配色を求めるライフスタイルブランドやソーシャルテンプレートに最適。コツ:スレートはキャプションやサブUIに使い、ピンクは過度にならないようにしましょう。
media.ioで生成したダスティモーヴスタジオの画像例
6) カッパー&クリーム

HEX: #7c2c57 #c46a4a #e7c7b2 #fff4e9 #3d2a2f
ムード:あたたかみ、職人感、ウェルカム
おすすめ用途:コーヒーブランドやハンドメイド製品
親しみがあり、手仕事感のある印象。銅製の調理器具や焼き立てペストリーのような雰囲気です。ベリーはテラコッタやクリーミーな色と合わせるとより豊かに感じられ、ストーリーテリングにも活躍。カフェメニューやハンドメイド石鹸ラベル、温かみのあるECページにおすすめです。コツ:最も暗いブラウンプラムはロゴや見出しに、背景はクリームが中心になるように使い分けましょう。
media.ioで生成したカッパー&クリームの画像例
7) セージコントラスト

HEX: #7d2a59 #6b7a4a #cbd7b5 #f4f1e8 #2c2f27
ムード:フレッシュ、バランス、自然×ラグジュアリー
おすすめ用途:ウェルネスブランドやエコパッケージ
フレッシュで落ち着きのある雰囲気。野生のベリーと柔らかなセージリーフが寄り添う自然なイメージです。この配色はグリーンがパープルの強さを和らげ、自然な雰囲気に仕上がります。ウェルネスブランドやエコパッケージ、落ち着いたダッシュボード等、“静かな自信”を演出したい時におすすめ。コツ:メイン面はセージグリーン、ボイセンベリーはCTAや小さなハイライトに使いましょう。
media.ioで生成したセージコントラストの画像例
8) ラベンダーヘイズ

HEX: #82345f #b597c6 #e8d9f0 #f8f4fb #3a2f3f
ムード:ドリーミー、やさしい、エーテリアル
おすすめ用途:ビューティ特集やソフトなUI
夢のようで霞がかった雰囲気。夜明けのベリー畑に漂うラベンダーの霧を想起させます。ライラックのティントが主役カラーの深みを和らげ、上品なグラデーションを背景やオーバーレイに作ります。ビューティ雑誌、瞑想アプリ、ロマンチックな招待状などにおすすめ。コツ:最も淡い2色を重ねると立体感が増し、一番濃い紫は主要なテキストだけに限定しましょう。
media.ioで生成したラベンダーヘイズの画像例
9) ベリーソルベ

HEX: #8d2c5e #ff9bb7 #ffd1dc #fff0f4 #3c1f2f
ムード: 遊び心があり、甘く、陽気
おすすめ用途: ソーシャル投稿と若者向けブランディング
ガラス皿の中のソルベのように遊び心と甘さを持っています。明るいピンクはベリーのベースを弾けるように引き上げ、深いプラムがキャンディのようになりすぎるのを防ぎます。これらのボイセンベリーのトーンは、ソーシャルグラフィックス、若者向けブランディング、エネルギーは欲しいがネオンまでは必要ない楽しい製品プロモーションによく合います。ヒント:一番濃い色をアウトラインや文字に使い、淡いピンクが読みやすく残るようにしましょう。
media.ioで生成したベリーソルベの画像例
10) ボタニカルラグジュアリー

HEX: #7a2556 #3f6b4f #a8c9a1 #f2e6d8 #c7a26b
ムード: ボタニカル、高級感、アーシー
おすすめ用途: スキンケアブランドとブティックパッケージ
スパの棚にハーブと金色のキャップが並んでいるような、ボタニカルで高級感ある印象。ボイセンベリーの深みと森の緑、やわらかなオート色が組み合わさり、温かみのあるメタリックで仕上げられています。スキンケアブランディングやブティックパッケージ、洗練されたプロダクト広告に最適です。ヒント:ゴールドブラウンはスタンプや縁取り、小さなアイコンなどアクセントに使い、背景全体には使いすぎないようにしましょう。
media.ioで生成したボタニカルラグジュアリーの画像例
11) モダン・エディトリアル

HEX: #6d244d #9c5c7b #d8d2d8 #ffffff #22202a
ムード: クリーン、洗練された、印刷向け
おすすめ用途: 雑誌やポートフォリオサイト
ファッション誌のような洗練されたクリーンさと自信に満ちた見出し。ミドルベリーのトーンが個性を出し、グレースケール中間色がレイアウトをプロフェッショナルで柔軟に保ちます。雑誌、ポートフォリオサイト、キュレーション感が重要なケーススタディに最適です。ヒント:本文はほとんどを黒に近い色で、ベリー色は引用やセクションマーカー用に使いましょう。
media.ioで生成したモダンエディトリアルの画像例
12) ネオン・アクセント・ポップ

HEX: #7a1f4f #ff5aa5 #ffd400 #1a1a1a #f7f7f7
ムード: エネルギッシュ、大胆、トレンディ
おすすめ用途: イベントプロモやナイトライフ広告
クラブのフライヤーが明るいネオンサインの下にあるようにエネルギッシュで大胆。ホットピンクとエレクトリックイエローがボイセンベリーを際立たせ、黒とオフホワイトがデザインをシャープに仕上げます。イベントプロモやナイトライフ広告、注目のアナウンスバナーにおすすめ。ヒント:黄色はアクセントやアイコン程度の小さい使い方にして、全体を圧倒しないように。
media.ioで生成したネオンアクセントポップの画像例
13) クレイ&ワイン

HEX: #782a55 #a35a4c #d8b8a6 #efe7df #3b3a33
ムード: アーシー、落ち着き、職人風
おすすめ用途: セラミックブランドとホームデコ
粘土の陶器に少しベリー・ワインの釉薬をかけたような、アーシーで落ち着いた雰囲気。暖かみのあるテラコッタとヌード調がパープルを和らげ、手作りの温もりと質感のあるパレットになります。セラミックブランドやホームデコカタログ、居心地の良いインテリアムードボードにぴったりです。ヒント:クリームベージュを基調に、ベリー色は細い縁取りやスタンプで手作り感をプラスしましょう。
media.ioで生成したクレイ&ワインの画像例
14) コージーキャビン

HEX: #7f2d5c #9e6b54 #cbb2a6 #f6efe9 #2f2b2c
ムード: 居心地、親密、ノスタルジック
おすすめ用途: シーズンプロモとブックカバー
編み物のブランケットとベリーティー、山小屋の窓辺のような居心地の良い親密な雰囲気。ボイセンベリーのカラーパレットは、キャラメルブラウンとクリーミーな紙色と美しく調和して、ノスタルジックなルックを作ります。季節のプロモやブックカバー、暖かみのある長文用ランディングページなどに最適。ヒント:明るい背景に微細なグレインを加えてブラウンとベリーの質感・温もりを強調しましょう。
media.ioで生成したコージーキャビンの画像例
15) ウェディング・フローラル

HEX: #842f60 #d77aa7 #f0c3d8 #f8f1e6 #6a7a57
ムード: ロマンチック、エレガント、ガーデン風
おすすめ用途: ウェディング招待状&フローラルブランド
ピオニーやベリーがリネンの上にアレンジされたような、ロマンチックでガーデン風。やわらかなピンクとクリームがベリー色を華やかで花嫁らしい雰囲気に仕上げ、落ち着いたグリーンで新鮮さとボタニカルな印象をキープします。ウェディング招待状やフローリストブランド、繊細な文房具セットに最適。ヒント:タイポグラフィはベリーやセージで、淡いクリームは余白処理で高級感を。
media.ioで生成したウェディングフローラルの画像例
16) ビューティーパッケージ

HEX: #6f1f45 #8a2e5f #d8a1b8 #f4e6ee #b89b6a
ムード: グラマラス、洗練、フェミニン
おすすめ用途: コスメ広告やパッケージ
リップスティックが温かいスタジオライトで輝くような、グラマラスで洗練された印象。ゴールドベージュのアクセントがベリー色を格上げし、淡いブラッシュがパステルではなく意図的な色使いに見せてくれます。コスメパッケージや美容広告、プレミアムなロイヤルティカードにぴったり。ヒント:ゴールドは小さな箔押しディテールだけに使用し、背景は淡いブラッシュでクリーンに。
media.ioで生成したビューティーパッケージの画像例
17) アプリ・オンボーディング

HEX: #7a2b58 #2f3a4a #a8b3c2 #f3f4f6 #e6c0d2
ムード: プロフェッショナル、親しみやすい、テック感
おすすめ用途: SaaSオンボーディング画面
プロフェッショナルでありつつ親しみやすい、ボイセンベリー色のウェルカムメッセージのある静かなダッシュボードのよう。クールなスレートブルーがテック感を演出し、ピンクの色合いが人間味をプラスします。SaaSのオンボーディングやアカウントページ、データを多用したUIにも暖かみとクリアさを両立。ヒント:インタラクティブな状態はベリー色、スレートはナビゲーションやセカンダリーボタン用に。
media.ioで生成したアプリアンボーディングの画像例
18) カフェメニュー

HEX: #7b2957 #f0e7df #c9a489 #2b1d20 #a74934
ムード: 居心地、美味しそう、ヴィンテージ風
おすすめ用途: メニューや小規模飲食店ブランディング
手描きの「本日のおすすめ」がテクスチャ紙に書かれているような、居心地よく美味しそうな雰囲気。強いベリー色のベースにクリームとキャラメルが合わさり、ややレトロで温かみのある印象。印象的なボイセンベリー配色では、見出しは深いプラム色、レンガ色はシーズナルなどの強調に。ヒント:紙のようなオフホワイト背景で、濃いインク色がより豊かで質感のある仕上がりに。
media.ioで生成したカフェメニューの画像例
19) ストリートウェア・ドロップ

HEX: #6c1f46 #8a2e5f #d0c7cf #111015 #e8d6e1
ムード: アーバン、エッジィ、ミニマル
おすすめ用途: ルックブック表紙やマーチャンダイズプロモ
マットな黒地にベリー色の刺繍がワンポイントのアーバンでエッジィなイメージ。グレースケールのトーンでミニマルに、パープル〜マゼンタがアクセントとなります。ストリートウェアのルックブックや商品プロモ、大きな余白で大胆なウェブバナーにおすすめ。ヒント:背景は黒に近い色を使い、淡いラベンダーグレーでテキストブロックを柔らかくしましょう。
media.ioで生成したストリートウェア・ドロップの画像例
20) ストーリーブックポップ

HEX: #7e2a5a #f5c6d8 #ffe7a3 #d7f0e2 #f9f6fb
ムード: 明るく柔らかい、想像力豊か
おすすめ用途: 子供向けイラストと遊び心のあるブランディング
ストーリーブックの1ページ、わたあめの雲とベリーキャンディで彩られたような明るく想像的なイメージ。パステルカラーがメイン色を親しみやすく明るくし、遊び心あるレイアウトに最適。子供向けイラスト、教室用プリントや明るく楽しいブランドグラフィックに。ヒント:淡い背景を主に使い、ベリー色はキャラクターやタイトル、メイン形状に使って読みやすさを保ちましょう。
media.ioで生成したストーリーブックポップの画像例
ボイセンベリーと相性が良い色は?
ボイセンベリーは、クリーム・オート・グレージュのような温かみのある中間色と合わせると紫の色味を和らげ、レイアウトの可読性も高まります。高級感を出したい場合は、ゴールドベージュやカッパー、テラコッタをアクセントにしましょう。
コントラストをつけるには、黒に近いプラム、チャコール、真っ白を合わせることでボイセンベリーがシャープでモダンに。タイポグラフィ重視のデザインに最適です。ナチュラルにしたい場合は、セージやオリーブ、フォレストのような落ち着いたグリーンを合わせるのが最も簡単にベリーの深みとバランスを取る方法です。
雰囲気を明るくしたい場合は、大きな面積にブラッシュやライラックの淡色、ホットピンクやイエローなど強い色は小さいアクセントに絞ることでパレットのまとまりが保たれます。
実際のデザインでボイセンベリー配色を使う方法
ボイセンベリーは「アンカー」カラーとして使いましょう:ロゴ、見出し、主要ボタンやキーシェイプなど。淡い色味(ブラッシュやラベンダーホワイト)は背景やカードに使って、重たくならず軽やかなデザインに。
UIではボイセンベリーがインタラクティブな状態(主要CTA、選択タブ、フォーカスリング等)に最適。スレートやチャコールはナビゲーションや本文の文字に。印刷物では、区切りや引用、パッケージラベルのスポットカラーとして輝きます。
もしデザインが甘すぎる印象になってきたら、黒に近いプラム、ココアブラウン、クールスレートなどの落ち着いたニュートラルを加えて、ピンクの割合を減らしましょう。
AIでボイセンベリーパレットのビジュアルを作成
すでにHEXコードがある場合でも、広告、ポスター、パッケージモックアップ、UI画面などイメージを揃えたいなら、AI生成を使うことでレイアウトをゼロから作り直すことなく迅速に様々な方向性を模索できます。
Media.ioのテキストtoイメージでは、プロンプトを貼り付けてスタイル(エディトリアル、水彩、ミニマルUIなど)を説明し、光・雰囲気・色味バランスがボイセンベリーパレットに合うまで何度も調整できます。
上記のプロンプトから始めて、主役カラーを保ちつつ被写体(香水→スキンケア、ポスター→ソーシャルストーリーなど)を入れ替えてみてください。
ボイセンベリーカラー・パレット よくある質問
-
ボイセンベリー色とは(デザイン用語で)?
ボイセンベリーは、プラムとマゼンタの中間に位置する深いベリー系パープルです。豊かでモダンな印象を持ち、組み合わせる中間色やアクセント次第でロマンチックにも大胆にもなります。 -
ボイセンベリーはパープル寄り?それともピンク?
通常はパープル(プラム)のほうが近いですが、マゼンタのニュアンスも持っています。チャコールや白を合わせるとよりパープル寄りに、ブラッシュトーンと合わせるとピンク寄りに見せられます。 -
ボイセンベリーに合う中間色の背景は?
クリーム、オート、温かみのあるグレージュ、柔らかなラベンダーホワイトは、最も寛容な背景色です。ドラマチックな印象を与えるには、ほぼ黒に近いプラムやチャコールの背景が、ボイセンベリーのアクセントを際立たせます。 -
ボイセンベリーをより「高級」に見せるアクセントカラーは何ですか?
ゴールドベージュ、カッパー、テラコッタなど暖かみのあるメタリック調のアクセントは、ボイセンベリーを格上げします。最も贅沢な印象のためには、枠線やアイコン、箔のようなディテールなどポイント使いしましょう。 -
UIでボイセンベリーを使っても可読性に影響しませんか?
はい。CTAやハイライト、選択状態にボイセンベリーを使い、本文はチャコールやほぼ黒で保ちましょう。淡い色調(ブラッシュやラベンダーホワイト)は背景に使い、コントラストを確保します。 -
エコやウェルネスブランドでボイセンベリーと相性の良い色は何ですか?
セージやオリーブなど落ち着いたグリーンは特によく合い、果実感を和らげつつ自然な印象を加えます。温かみのあるオフホワイトと組み合わせると、穏やかで落ち着いたウェルネス感が生まれます。 -
色味を維持したボイセンベリーのパレット画像を生成するには?
プロンプトで「ドミナントカラー(主色)」を明示し、ボイセンベリー、クリーム、セージなど主要色をリストアップします。その後、照明や背景はシンプルに。複数パターンを生成し、HEX値に最も合うものを選びましょう。
次: ピスタチオカラーパレット

