ローズトープのカラーパレット20選｜人気配色とHEXコード一覧

ローズトープは、ブラッシュとブラウンの中間に位置し、暖かく落ち着いた穏やかな印象を与えます。ブランディングでは高級感を、インテリアでは居心地の良さを、UIでは優しさを出したい時にクリーンに演出できます。

以下はすぐにコピーできるHEXコード付きのローズトープ配色例と、モックアップ・ムードボード・レイアウト向けのビジュアルを生成するAIプロンプト集です。

ローズトープの配色がうまくいく理由

ローズトープはモダンなニュートラルカラーです。ブラッシュの暖かさとトープの安定感を持ち、甘くなりすぎず親しみやすい印象。背景・面・文字・アクセントなどシステム全体で使いやすいバランスが魅力です。

温かみのある色やクールな色とも調和します。クリーミーな白やココアブラウンで柔らかく、スレートやチャコール系と組み合わせれば洗練されたコントラストも演出できます。

彩度が低めなので写真や印刷にも向きます。紙・パッケージ・インテリアなど素材や光によるトーン変化にも寛容です。

20種類以上のローズトープカラーパレット案（HEXコード付き）

1）ブラッシュクレイ・ニュートラル

HEX： #B48A8A #E7D6D2 #C2A39A #F6F1EC #4B3B3B

雰囲気： 柔らかい、落ち着き、モダン

おすすめ用途： ミニマルなブランドロゴやステーショナリー

日の当たるクレイにブラッシュの霞がかった、ソフトで落ち着きのあるローズトープ配色。暖かみに重きを置くステーショナリーやルックブック、ブティックのブランドに最適です。クリーミーなオフホワイトとエスプレッソトーンの組み合わせで文字を際立たせ、見出しやキーの形状でローズトープを主体に。最も暗い色は10％程度に抑えることで、レイアウト全体が軽やかに見えます。

media.ioで生成したブラッシュクレイ・ニュートラルの画像例

Media.io

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

今すぐ無料で試す

2）ヴィンテージ・ローズウッド

HEX： #A47476 #D8B5B0 #8B6B63 #F2E6DE #2F2A2A

雰囲気： ヴィンテージ、親密、洗練

おすすめ用途： エディトリアル表紙やブティックパッケージ

ムーディなローズウッドと柔らかなブラッシュがノスタルジックかつロマンチックな、本を思わせる空気感を生み出します。エディトリアル表紙やラベル、クラフト系パッケージに最適。ほぼ黒の色味と温かいクリームで階層を作り、中間色のトープで色をつなげます。暗色は重くならないよう、さりげない紙の質感を加えるのがコツです。

media.ioで生成したヴィンテージローズウッドの画像例

3）ミニマル・ウォームスタジオ

HEX： #BC8F92 #DCC6C1 #A58C86 #FAF7F3 #6B5B57

雰囲気： クリーン、温かい、プロフェッショナル

おすすめ用途： ダッシュボードUIやプロダクトLP

静かなデザインスタジオの夕焼けのようなクリーンな温かみで、信頼感とモダンさを両立。ローズトープの配色は、優しいコントラストと長文の快適さが欲しいダッシュボードやLP向きです。背景はオフホワイト、カードはトープ、ナビやデータラベルには濃いグレーブラウンを。アクティブ時だけブラッシュを使うのがコツです。

media.ioで生成したミニマルウォームスタジオの画像例

4）ソフトモーブ・リネン

HEX： #B98990 #E9D9D6 #9A7E79 #F9F3EE #3D3333

雰囲気： 居心地よい、繊細、エレガント

おすすめ用途： ウェディング招待状やRSVPセット

柔らかなモーブとリネン調の色合いは、折りたたまれた布や手書きメモ、優しい夕暮れの光を思わせます。ロマンチックかつモダンに演出したい招待状やメニュー、RSVPにおすすめ。名前や日付は一番濃いブラウン、縁取りやモノグラムは淡いブラッシュで。中間色トープの陰影で奥行きを加えるのも◎。

media.ioで生成したソフトモーブ・リネンの画像例

5）ボタニカル・トープガーデン

HEX： #B08A87 #D7C7C0 #7C8A76 #F1EDE6 #3F4A40

雰囲気： ナチュラル、バランスが良い、フレッシュ

おすすめ用途： ボタニカルイラストやウェルネスブランド

押し花のような自然でバランスの取れた配色。ウェルネスブランドやハーブ系パッケージ、グリーンを抑えめにしたいボタニカルイラストセットにも。セージをローズトープベースに合わせて茎・ラベルに、クリームは広めの余白に。濃いグリーンは繊細な輪郭線に使うとアートがすっきりまとまります。

media.ioで生成したボタニカルトープガーデンの画像例

6）ココアペタル・コントラスト

HEX： #B18D8A #E2CFC8 #6A4E4A #F5EFEA #1F1B1B

雰囲気： 濃厚、ロマンティック、ハイコントラスト

おすすめ用途： ラグジュアリー商品広告や香水ブランディング

濃厚なココアと花びらの色が、上質でロマンティックかつコントラストの強い仕上がり。香水やラグジュアリーブランド、主役級の広告バナーに最適です。ほぼ黒でタイポやシルエットを締め、ブラッシュ＆クリームで輪郭を柔らかく。ココアからブラッシュのグラデをかけると高級感がアップします。

media.ioで生成したココアペタル・コントラストの画像例

7）モダン・ブラスアクセント

HEX： #B58C8E #E6D3CC #C9A56A #F7F2ED #444040

雰囲気： 洗練、明るい、現代的

おすすめ用途： SaaSブランディングやピッチデック

マットなブラッシュ壁にブラスの輝きのような現代的かつ洗練された配色。自信を持ったSaaSブランドや、図解・ピッチ資料にもおすすめ。ブラスはボタンやハイライト・主要指標の単一アクセントに、ダークニュートラルは見出しに利用。アクセント色の使い方を統一し、ゴールドが一貫して機能サインとなるように。

media.ioで生成したモダンブラスアクセントの画像例

8）コージー・オータムティー

HEX： #B27F7D #E0C3B9 #C07A5A #F3E7DD #5A3E37

雰囲気： 居心地よい、ラスティック、親しみやすい

おすすめ用途： カフェメニューや季節限定SNS投稿

スパイスティーや焼き陶器のような温かなラスティック感で、レイアウトに瞬時にぬくもりをプラス。カフェのメニューや秋の販促、食パッケージに最適です。テラコッタとダークブラウンで見出しを作り、背景パネルはブラッシュで明るく。クリームをベースにすると写真や文字が読みやすくなります。

media.ioで生成したコージー・オータムティーの画像例

9）エアリースパ・カーム

HEX： #B7938E #E8DAD4 #BFCBC6 #F8F4F0 #5A6764

雰囲気： 穏やか、軽やか、リフレッシュ

おすすめ用途： スパのWebサイトやスキンケアガイド

蒸気や石、清潔なタオルのような穏やかで軽やかなローズトープ配色。スパサイトやスキンケア案内、スムーズなフロー設計におすすめです。ミスティグリーンはサブセクションやアイコンに最適、ディープグリーンは見出しを安定させます。ラインの区切りは最も明るいトーンで軽やかさを保つのがポイント。

media.ioを使用して生成したエアリー・スパ・カームの画像例

10）ナイトフォール ローズトープ

HEX： #A98686 #D9C2BF #6B6470 #F4EEE8 #232327

雰囲気： スリーク、ムーディ、モダン

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

夕暮れのサテンの光のようにスリークでムーディ、この組み合わせはモダンながらも厳しくなりすぎません。奥行きやソフトなグラデーション、明確な階層が必要なアプリのオンボーディングに最適です。プライマリーテキストにはほぼ黒を、セカンダリラベルにはスレートを、進捗状態にはブラッシュを使いましょう。ヒント：カードの区切りにはスレートの繊細な影を加え、はっきりしすぎないようにしましょう。

media.ioで生成したナイトフォール ローズトープの画像例

11）エディトリアル ダスティローズ

HEX： #B68D93 #EAD6D8 #9F8D8A #F7F1F0 #2E2A2C

雰囲気： エディトリアル、アーティスティック、洗練

おすすめ用途： 雑誌のレイアウトやルックブック

エディトリアルで芸術的なこのダスティローズのトーンは、やわらかなマット紙に印刷されたファッション誌のような雰囲気です。ルックブックや雑誌、ポートフォリオページでタイポグラフィを際立たせたい時に最適。ほぼ黒と淡いブラッシュを組み合わせて強いコントラストを出し、温かみのあるグレーは落ち着いた区切り色として活用しましょう。ヒント：写真は彩度を抑え、パレットの統一感を保ちましょう。

media.ioで生成したエディトリアル ダスティローズの画像例

12）ウェディング シルク＆ストーン

HEX： #B8898C #E7D2D0 #B9B2AA #FFF9F4 #6A5E57

雰囲気： ロマンチック、クラシック、ソフト

おすすめ用途： 結婚式のウェブサイトや案内状

ロマンチックでクラシックなこのローズトープの色合いは、シルクリボンが滑らかな石の上に添えられているような印象です。ウェディングウェブサイト、案内状、温かみや明瞭さが必要な登録ページにぴったりです。ナビゲーションやセクションヘッダーにはストーンのトーンを、アクセントやバッジにはブラッシュ系を使いましょう。ヒント：タイトルにはエレガントなセリフフォントを1種類選び、本文は深みのあるトープにすると読みやすさが向上します。

media.ioで生成したウェディング シルク＆ストーンの画像例

13）マットコスメティックブランディング

HEX： #B58B90 #DCC7C9 #8A7B77 #F6F0EE #3A2F2F

雰囲気： モダン、ベルベット調、プレミアム

おすすめ用途： コスメパッケージやECバナー

モダンでベルベットのような質感を持つこれらのローズトープの組み合わせは、マットなリップスティックや柔らかなチークパウダー、清潔感あるカウンターを想起させます。プレミアム感が必要なコスメパッケージや商品カード、ECバナーに最適です。深みのあるブラウンとオフホワイトを組み合わせてラベルを明確にし、ミッドトーングレー・トープはサブコピー用に。ヒント：限定品や新商品のコールアウトにはブラッシュ系カラーを使いましょう。

media.ioで生成したマットコスメティックブランディングの画像例

14）スカンジナビアンサンセット

HEX： #BC8E8C #E6D5CE #D6B07A #FAF5EF #4E4A45

雰囲気： 明るい、居心地が良い、楽観的

おすすめ用途： インテリアムードボードやライフスタイルブログ

淡い夕焼けが温かみのある木材の上に広がるような明るく居心地の良いセット。インテリアムードボードやライフスタイルブログのグラフィック、ホームウェアブランディングに最適。砂金色はクリームやブラッシュのベースに少しのアクセントとして活用し、チャコールトープはテキストをしっかりと引き締めます。ヒント：金色の繰り返し使用は各セクション1箇所に抑えて、視覚的なノイズを防ぎましょう。

media.ioで生成したスカンジナビアンサンセットの画像例

15）テラコッタアトリエ

HEX： #B7857F #E0C8BE #C35D45 #F5EEE7 #6A4A43

雰囲気： クリエイティブ、アース系、自信に満ちた

おすすめ用途： イベントポスターやワークショップチラシ

陶芸工房のようなクリエイティブでアースなローズトープが、力強いタイポグラフィに自信をもたらします。ワークショップチラシやイベントポスター、活気は求めるがネオンは避けたい日程表に適しています。ヘッドラインにはテラコッタ、レイアウトはブラッシュパネルやクリーミーなベースで柔らかさをプラス。ヒント：ボディコピーはディープブラウンに、ラインアートはミッドトープでまとめましょう。

media.ioで生成したテラコッタアトリエの画像例

16）セージ＆スモーク

HEX： #B88B8D #E3D2CD #7C8F7A #F9F4EF #343A36

雰囲気： バランス、アース系、洗練

おすすめ用途： レストランブランディングやメニューシステム

バランスが取れたアース系のこの組み合わせは、セージの葉とスモーキーな陶器のような印象。温かみと節度が求められるレストランやワインバー、メニューに最適です。セクションマーカーやアイコンにはセージ、ページベースにはクリーム、価格や本文にはディープチャコールを使いましょう。ヒント：ピュアブラックを避け、チャコールでより優しい印刷感を出しましょう。

media.ioで生成したセージ＆スモークの画像例

17）カッパー＆クリーム

HEX： #B47F82 #E2C9C4 #B66B4A #F8F1EA #4A3430

雰囲気： 温かい、クラフト感、親しみやすい

おすすめ用途： ハンドメイド製品ラベルやギフトタグ

クリーミーな用紙にカッパーフォイルをあしらったような温かみとクラフト感がありながら高級感もあるカラーパレット。ギフトタグやソープラベル、少量生産パッケージなど質感が重要な場面に最適です。カッパートーンとディープブラウンで力強い文字を作り、セカンダリの詳細にはブラッシュ系のブロックを組み合わせて優しく。ヒント：細いカッパーボーダーラインを追加して複数のラベルサイズに統一感を持たせましょう。

media.ioで生成したカッパー＆クリームの画像例

18）モノクローム ローズトープ

HEX： #B68B8B #D9C1C1 #A88989 #F5EFE9 #6A5454

雰囲気： 穏やか、一貫、ミニマル

おすすめ用途： ポートフォリオサイトやタイポグラフィ研究

穏やかでまとまりのあるモノクロームのグラデーションは、柔らかな焦点の重なり合うブラッシュの影のようです。セクション全体に落ち着いた統一感が欲しいポートフォリオやタイポグラフィ重視のページに最適。最も明るいトーンは背景に、中間色はパネルやセクションブロックに、最も濃い色は見出しに。ヒント：多色使いに頼らず、太さや余白の変化で階層を作りましょう。

media.ioで生成したモノクローム ローズトープの画像例

19）コースタルサンドストーン

HEX： #B5908B #E7D8D0 #CBB8A5 #FDF7F1 #4E4540

雰囲気： 明るい、砂っぽい、リラックス

おすすめ用途： トラベルブロググラフィックスやムードボード

海岸沿いの砂岩のように明るく砂っぽいトーンで、リラックスした温かみを感じます。トラベルブログのグラフィックスや写真キャプション、ニュートラルなフレームが必要なムードボードに最適です。サンドのトーンとローズトープをタグやピンで組み合わせ、深いニュートラル色は読みやすさのために控えめに使いましょう。ヒント：背景色は明るく保ち、パレットが軽やかで澱まないようにしましょう。

media.ioで生成したコースタルサンドストーンの画像例

20）プラムベルベット デプス

HEX： #A97A86 #D8B9C4 #6C4D5A #F6EEF1 #2A1F25

雰囲気： ドラマチック、ラグジュアリー、表現豊か

おすすめ用途： ビューティーキャンペーンやナイトイベントフライヤー

低い照明下のプラムベルベットのようにドラマチックで豪華な雰囲気を添えます。ビューティーキャンペーンやナイトイベントフライヤー、大胆なコントラストが必要なSNSストーリーに最適。最も深い色は背景に、大きな形状にはプラム色を、淡いピンクはハイライトや小さな文字部分に使いましょう。ヒント：グラデーションは控えめにして、暗いトーンのリッチさを活かしましょう。

media.ioで生成したプラムベルベット デプスの画像例

ローズトープと相性が良い色は？

ローズトープは、ソフトホワイト（クリーム、アイボリー、エッグシェル）や温かみのあるニュートラル（サンド、グレージュ、ココア）と自然に組み合わされます。これらにより全体がエアリーに保たれ、ローズトープを「主役」として際立たせることができます。

コントラストをつけるには、ディープエスプレッソ、チャコール、またはほぼ黒を使いましょう。これによりタイポグラフィやUI要素がはっきり見えつつ、強すぎる印象にはなりません。よりオーガニックなパレットを求めるなら、セージやオリーブグレー、ユーカリなどの落ち着いたグリーンを試してみてください。

モダンなハイライトカラーには、抑えたメタリック調（ブラス・カッパー・ソフトゴールド）やテラコッタのアクセントがおすすめです。アクセントは使う箇所を絞り、洗練された印象を保ちましょう。

実際のデザインでローズトープ配色を使う方法

まずは明るいニュートラル背景（クリーム・オフホワイト）から始め、カードやパネル、セクションブロックには中間トーンのトープを使用。テキストやアイコン、区切り線には最も濃い色を使い、可読性を確保しましょう（特にウェブレイアウトの場合）。

ローズトープは「ブランドの声」としてヘッダーや重要な形状、バッジ、アクティブ・ホバー・進捗など微妙なUI状態で使いましょう。落ち着いた色なので、配色数を増やす代わりに余白やタイポグラフィ、階層利用を意識すると効果的です。

印刷やパッケージでは、質感と仕上げにも注目しましょう：マット紙、紙の質感、エンボス加工や柔らかな影がローズトープをよりリッチに演出します。インテリアでは、温かみのある木材やリネンホワイト、落ち着いたグリーンと重ねて、穏やかで住みやすい雰囲気を作りましょう。

AIでローズトープパレットのビジュアルを作成

すでにHEXコードがある場合、パレットに合ったパッケージやウェブヒーロー、ポスター、招待状セットなどのモックアップを生成すると、現実的な応用をすばやく試すことができます。AIを使えば、最小限、エディトリアル、ラスティック、ラグジュアリーなどのスタイルを資産を一から作ることなく繰り返し試せます。

上記プロンプトのいずれかをコピーして、自分の商品やシーンに置き換え、プロンプト内のパレットカラーを維持して一貫した結果を得ましょう。あとはライティングや素材、構図、アスペクト比など細部を微調整して、ブランドに合ったビジュアルを仕上げてください。

次へ： エッグシェルカラーパレット