マホガニーは、赤褐色系の色ファミリーで、瞬時に温かみや深み、クラフトマンシップの感覚を加えます。素朴すぎず、落ち着きと高級感、ウェルカムさを演出したいブランドや空間に最適です。
下記にHEXコード付きで20以上のマホガニー配色例と、ブランディング、インテリア、UI、印刷での実用的な組み合わせのコツをまとめました。
なぜマホガニーパレットはこんなにうまく機能するのか
マホガニーは赤と茶色の中間に位置し、感情的(赤のよう)でありながら、安定感と成熟感(茶色のよう)も持ちます。このバランスが、派手さを抑えて温かみを演出したいときに理想的です。
これらのトーンはウッドやレザー、ペーパー、ブラスなどの質感ある素材とも自然に調和し、デジタルデザインでも“リアル”な物語を感じさせます。ソフトなニュートラルと合わせることで、マホガニーは瞬時に意図的かつ高級に見せられます。
使い勝手の面でも、マホガニーは明るい背景に対して力強いアクセントとして機能し、濃厚なベーストーンとしても、クリーミーなハイライトを合わせるとドラマチックなコントラストを演出できます。
20以上のマホガニー配色アイデア(HEXコード付き)
1)シダーエンバー

HEX: #5B1F1A #8A3B2E #C06B4A #E6C4A8 #1F1B18
ムード: 温かみ、ラスティック、安定感
おすすめ用途: コーヒーショップのブランディングやメニューデザイン
焚き火のそばのシダーウッドのように、温かくスモーキーなマホガニーカラーの組み合わせ。濃いブラウンレッドを基調に、クレイやタンでメニューやラベルなど大きな面積をカバー。クラフト紙のテクスチャやマット仕上げ、モダンなサンセリフと相性抜群。使用のコツ:ほぼ黒の色はテキストだけに使い、レディッシュブラウンを主役にしましょう。
media.ioで生成したシダーエンバーの画像例
Media.ioは、ブラウザ上で動画・画像・音声を生成・編集できるオンラインAIスタジオです。
2)ブラス&バールウッド

HEX: #4A1D1A #7B3329 #B85C3A #D7B46A #F2E7D6
ムード: ヘリテージ感、磨かれた趣き、心地よさ
おすすめ用途: ブティックホテルのロビースタイリング
磨かれた懐かしさ漂うこのマホガニー配色は、真鍮の金具や木目、ランプの柔らかい光を連想させます。クリームと暖色系のゴールドで部屋を明るくし、赤みの茶色をシーティングや造作、壁アクセントで重ねましょう。ウォールナットやレザー、ヘアライン仕上げの金属ともよく合います。使用のコツ:ゴールド系はハイライトとして小さくリピートし、意図的で上品な印象に。
media.ioで生成したブラス&バールウッドの画像例
3)ココアベルベット

HEX: #3B1715 #6A2C24 #9A4634 #C98B6B #EFE1D6
ムード: ラグジュアリー、親密、なめらか
おすすめ用途: チョコレートのパッケージや商品広告
上質で親密感があり、ココアパウダーやベルベットリボン、キャンドルの夜を彷彿とさせる配色。リッチなコントラストが高品質を感じさせるプレミアムパッケージに最適です。暖かみのあるカッパーの箔押しや柔らかなクリーム色のラベルと合わせて高級感を。使用のコツ:ライトクリームはロゴまわりのスペースとして使い、ダークな色味をより際立たせましょう。
media.ioで生成したココアベルベットの画像例
4)デザートワイナリー

HEX: #5A1E2C #8E2E3E #C35C4B #E2BFA7 #2B2321
ムード: ロマンチック、サンベイクド、大胆
おすすめ用途: ワインラベルとテイスティングルームのサイン
ロマンチックで日の光を浴びたような、砂漠の葡萄畑を思わせるマホガニー配色。ベリーブラウンのベースが自信ある印象を、サンディブラッシュが親しみやすさを加えます。セリフ体タイポやミニマルなラインアートと組み合わせてモダンなワイナリーテイストに。使用のコツ:最も暗い色は枠線やアイコンなど小さなポイントだけに。
media.ioで生成したデザートワイナリーの画像例
5)スモークドローズウッド

HEX: #2A1415 #5C2425 #8F3C3A #C07A6B #EAD3C8
ムード: ムーディー、洗練、ロマンティック
おすすめ用途: ファインダイニングのWebサイトヒーロー
ムード感と洗練さが漂うこのローズウッドのトーンは、ほの暗い照明やリネンナプキン、ゆったりと流れるジャズを想起させます。ほぼ黒やディープワイントーンでインパクトのあるヘッダー部分を演出し、ダスティローズやブラッシュでバランスをとりましょう。ハイコントラストな写真と細いラインでエディトリアルな雰囲気に。使用のコツ:本文は最も薄いブラッシュに乗せることで可読性と快適さをアップ。
media.ioで生成したスモークドローズウッドの画像例
6)カッパークレイ

HEX: #6B241D #A33D2E #D06A47 #F0C9A5 #3A2B25
ムード: エネルギッシュ、アーシー、コンテンポラリー
おすすめ用途: フィットネススタジオのポスターシリーズ
エネルギッシュでアースカラーが印象的なこの配色は、日差しを浴びたクレイやカッパーのケトルベル、暖かな影をイメージ。明るいテラコッタはアイキャッチや価格表示に最適で、ダークブラウンでレイアウトを落ち着かせます。太めコンデンス書体や幾何学的パーツとよく合います。使用のコツ:グラデーションは控えめにして、ソリッドなブロックでシャープな印象を。
media.ioで生成したカッパークレイの画像例
7)オールドタウンブリック

HEX: #4D1A17 #7A2B24 #A94433 #D8A08A #F6EDE6
ムード: 歴史的、ウェルカム、職人気質
おすすめ用途: ヘリテージミュージアムのパンフレット
歴史と温かみを感じさせるレンガの外観や使い込まれたレザー、ペーパーエフェメラを連想。明るい背景で可読性を、ブリックレッドで見出しや引用を強調。アーカイブ写真や繊細なテクスチャを重ねれば、より本格的な雰囲気に。使用のコツ:アイコンや罫線は中間のブリック色で統一し上品に。
media.ioで生成したオールドタウンブリックの画像例
8)クワイエットアトリエ

HEX: #3F1B18 #6D2F2A #9B5C4A #D9C2B4 #F7F2ED
ムード: ソフト、思慮深い、キュレートされた
おすすめ用途: アーティストのポートフォリオUI
穏やかで思慮深い印象のスタジオ、リネンキャンバスや暖かい木の棚を感じさせる配色。アートの邪魔をせず、特にライトニュートラルがリードする構成におすすめ。余白たっぷりで、影も控えめに、ナビゲーションもシンプルにまとめて。使用のコツ:中間色をホバーの色に使って、品のよいインタラクションを実現。
media.ioで生成したクワイエットアトリエの画像例
9)ハーベストハース

HEX: #5C1F14 #8B3A24 #C06A3B #E6B889 #2A211E
ムード: 秋らしい、力強い、居心地がよい
おすすめ用途: レシピブログのヘッダーとカテゴリバッジ
秋らしく、心温まるマホガニーのカラーパレットは、ローストしたカボチャや木の煙、居心地の良いキッチンを思い起こさせます。パンプキンのようなアクセントはバッジやハイライトに最適で、よりダークなベースカラーは見出しやナビゲーション要素を引き締めます。暖かみのあるフードフォトやニュートラルな背景と組み合わせれば、サイト全体がフレッシュな印象に。使い方のコツ:ライトキャラメルをカードの背景に使えば、コンテンツブロックが柔らかく感じられます。
media.ioで生成されたハーベストハースの画像例
10) モカオーチャード

HEX: #3A1916 #6B2D25 #9A4C3A #CFA286 #EDE3D8
ムード: ナチュラル、まろやか、親しみやすい
おすすめ用途: ファーマーズマーケットの屋台看板
ナチュラルでまろやかな印象は、陽に温められたフルーツ木箱やミルクコーヒーをイメージさせます。メインの看板にはクリーミーな色調を使い、濃い赤茶で商品名を強調しましょう。手描きの産直イラストと組み合わせればクラフト感のある仕上がりに。使い方のコツ:アクセントカラーはサインごとに1色だけに限定すると、にぎやかな屋台でも遠くから読みやすくなります。
media.ioで生成されたモカオーチャードの画像例
11) ガーネットレザー

HEX: #2B1214 #5B1F2A #8A2D3A #C07B74 #F3E5DE
ムード: ドラマチック、高級感、自信
おすすめ用途: 高級腕時計プロダクトランディングページ
ドラマチックで高級感のあるこれらのマホガニー配色は、磨き上げられたレザーの上のガーネット宝石のような印象。ヘッダーとフッターには最も濃い色を使い商品写真をフレームし、バラ色の中間色をボタンやハイライトに取り入れましょう。ミニマルなコピーとシャープな商品ライティング、余白たっぷり。同時に、CTAテキストは淡い背景に乗せることで最大限のコントラストと明瞭さが得られます。
media.ioで生成されたガーネットレザーの画像例
12) サンドストーンシエナ

HEX: #6A2418 #9B3D2A #C76A45 #E3C4A5 #FFF6EE
ムード: 陽だまり、開放的、アーシー
おすすめ用途: 結婚式招待状セット
陽当たりのよい開放感のある印象は、砂岩やシエナ釉、ソフトな紙を思わせます。マホガニーの組み合わせは、最も明るい色を背景、レッド系は文字や小さなモチーフに使うのがおすすめ。繊細なフローラルやエンボス、デッキル縁のニュアンスと組み合わせて温かみを演出しましょう。使い方のコツ:最も濃い色は必要最小限に留めて、モダンで明るい印象を保ちます。
media.ioで生成されたサンドストーンシエナの画像例
13) ナイトフォールマホガニー

HEX: #1C1010 #3B1716 #6A2A25 #A65A44 #E3C2B4
ムード: シネマティック、親密、大胆
おすすめ用途: ミステリー小説のブックカバーデザイン
シネマティックで親密な空気感は、夕暮れの街並みや使い込まれた木、窓辺の一灯の温もりを思わせます。ほぼ黒に近い色味を支配的に使い、サスペンスを。タイトルや主なグラフィック要素にはカッパーブラウンを使用。グレインテクスチャ×鋭角なセリフ体タイポグラフィでクラシックなミステリーの雰囲気に。使い方のコツ:ダークなカバーがオンラインストア背景としっかり分かれるよう薄い枠線を加えましょう。
media.ioで生成されたナイトフォールマホガニーの画像例
14) メープル&インク

HEX: #4C1C14 #7A3426 #B55A3B #E1B07D #151515
ムード: モダン、パンチィ、高コントラスト
おすすめ用途: ストリートウェアロゴ&タグセット
モダンでパンチのあるマホガニー配色が、メープルシロップの温かみとインクブラックのハッキリしたコントラストを表現。タイポグラフィやロゴはブラック、キャラメルやカッパーはタグの力強いブロックに重ねましょう。オーバーサイズ文字や詰めたレイアウト、ミニマルグラフィックと組み合わせて自信あるリテールの印象に。コツ:ライトキャラメルを背景に使い続けることで、暖色の視認性が保てます。
media.ioで生成されたメープル&インクの画像例
15) ヴィンテージマルーン

HEX: #4A121A #761D2A #A83A3B #D59A90 #F8EFEA
ムード: クラシック、ロマンティック、ノスタルジック
おすすめ用途: バレンタインデーメールニュースレター
クラシックでロマンティックな印象は、押し花やマルーンインク、やわらかな便箋を連想させます。メインキャンバスには淡いブラッシュ、見出しやボタンにはマルーンを使い、リッチな雰囲気に。ハートや花の線画などのごく控えめなパターンと合わせましょう。コツ:鮮やかな赤みのマルーンは大事なCTA一ヵ所のみに使い視覚疲労を防ぎます。
media.ioで生成されたヴィンテージマルーンの画像例
16) テラコッタリネン

HEX: #6F2319 #A5402D #D07A55 #E9CBB8 #FAF4EE
ムード: ライト、暖かみ、通気性
おすすめ用途: スパのパンフレット&価格表
ライトで通気性が感じられる印象は、テラコッタの鉢や清潔なリネン、ぬくもりのあるスチームを思わせます。オフホワイトを主役にすることで、全体をリラックスムードに。見出しや区切りにはテラコッタ系を、柔らかな写真や丸みのある形と組み合わせて優しさもプラス。コツ:アイコンには中間のテラコッタを使い、ページ全体で一貫性を持たせましょう。
media.ioで生成されたテラコッタリネンの画像例
17) エスプレッソチェリー

HEX: #2A0F12 #4B1B22 #7A2E34 #B15E55 #E7CFC7
ムード: 濃厚、遊び心、居心地よさ
おすすめ用途: カクテルバーストーリー用SNSテンプレート
濃厚で遊び心があり、このマホガニー配色はエスプレッソマティーニやダークチェリー、ほんのりアンバー色の照明を感じさせます。最も濃い色をストーリーテンプレートの背景に使い、チェリーレッドはステッカーや見出しに。グレインのオーバーレイと太文字でナイトライフのエネルギーを表現。コツ:テキストブロックには明るいアクセントを使い、小さなキャプションも読みやすさをキープ。
media.ioで生成されたエスプレッソチェリーの画像例
18) クレイポタリースタジオ

HEX: #5A231C #8B3B2B #B85A41 #D9A38C #F3E3DA
ムード: ハンドメイド感、アーシー、フレンドリー
おすすめ用途: 陶芸ワークショップチラシ
手仕事感とアーシーなぬくもりは、スタジオ棚に乾く生のクレイを思わせます。テラコッタ系の中間色は大きな見出しに最適、やわらかいブラッシュニュートラルがレイアウトに親しみやすさを与えます。シンプルなボウルや花瓶の線画、余白多めのレイアウトと好相性。コツ:日付や場所などはダークトーンで統一するとパッと目を引きます。
media.ioで生成されたクレイポタリースタジオの画像例
19) クリムゾンウォールナット

HEX: #3D1013 #651C1D #8F2F2A #C07F6B #F4E5DD
ムード: 大胆、ヴィンテージ、ドラマチック
おすすめ用途: アルバムカバーアートワーク
大胆かつヴィンテージ感溢れる配色は、クリムゾンのベルベットカーテンとウォールナットウッドを想起させます。タイポグラフィや中央のアートワークの強いアクセントに最適で、淡いニュートラルとのバランスで際立ちます。レトロテクスチャやハーフトーン効果、シンプルな幾何フレームと組み合わせて。コツ:最も明るい赤はアーティスト名など一点だけに絞り、ヒエラルキーを守りましょう。
media.ioで生成されたクリムゾンウォールナットの画像例
20) ウォームミニマルUI

HEX: #4A1A16 #7A332A #A65A47 #D9B6A4 #F8F1EC
ムード: クリーン、暖かみ、モダン
おすすめ用途: ファイナンスダッシュボードUI
クリーンで暖かみのある雰囲気は、磨かれた木とマットな紙のコントラスト。こうした力強いマホガニー配色は、ライトニュートラルを主面に使うダッシュボードと好相性。中間のブラウンはチャートやアクティブステート、最も濃い色は重要ラベルへ。使い方のコツ:特定のデータ系列だけにアクセントのブラウンを使い続ければ、ユーザーも色の意味付けを把握しやすくなります。
media.ioで生成されたウォームミニマルUIの画像例
21) ファイヤーサイドエディトリアル

HEX: #2B1412 #53201B #7C332A #B46B54 #E7D0C4
ムード: エディトリアル、居心地、洗練
おすすめ用途: マガジン特集レイアウト
エディトリアルで居心地良い印象は、暖炉のそばで読む空間や強い影・暖かなハイライトを思い起こさせます。ディープカラーで自信ある見出しを作り、淡いブラッシュがカラムを読みやすく開放的に。細い罫線・セリフディスプレイ体・ミュートな画像と組み合わせて上質な雰囲気に。コツ:暖色の中間をプルクォートに使えば、長いページでも視線を誘導できます。
media.ioで生成されたファイヤーサイドエディトリアルの画像例
マホガニーと相性の良い色は?
マホガニーは、クリームやアイボリー、サンドなど温かく明るいニュートラルと相性抜群です。リッチさを引き立てつつ、重たく感じさせないため、タイムレスで上質な印象が手に入ります。
個性をプラスしたい時は、真鍮やカッパー、マットなゴールドなどのメタリックや、テラコッタ・クレイなどアーシーなアクセントもおすすめです。シャープなコントラストを出したい場合は、タイポグラフィや枠組みにインクブラックやほぼ黒をポイント使いしましょう。
クール系の補色も効果的です。グレイッシュセージやディープティール、スレートなどを、あくまでセカンダリー扱いにしてマホガニーを“ストーリー”カラーとして残すとうまく調和します。
実際のデザインでマホガニーカラーパレットをどう使う?
ブランディングでは、マホガニーをロゴ・見出し・パッケージパネルなどの軸に据え、背景には明るいニュートラルを組み合わせるのがおすすめ。温かみと高級感を両立しつつ、Web&印刷どちらも読みやすさが保てます。
インテリアの場合、マホガニーを「素材色」として扱うのがコツ。木目やレザー、テキスタイル類に使うのは自然な組み合わせ。壁や広い面はクリームやサンドにして視覚的な重さを回避します。
UIデザインでは、最も濃いマホガニー/ほぼ黒系をナビゲーションや重要ラベル、ミッドトーンはインタラクティブステート(ホバー・アクティブ)に。特に赤茶背景にテキストを載せる際は、必ずコントラストを確認してください。
AIでマホガニーパレットのビジュアルを生成
既にHEXコードがあれば、レイアウト(ポスター、ランディングページ、招待状、ラベル)を説明し、どの色をメイン・アクセントに使うか指定するだけで、リアルなモックアップを素早く作れます。
一貫性のある結果を得るには、背景色(多くは最も明るいニュートラル)を明記し、どこにマホガニーを使うか(タイポ、パネル、ボタン、枠線)も指定。加えて“ミニマル”“エディトリアル”“プレミアムパッケージ”などのスタイルキーワードも伝えましょう。
マホガニーカラーパレット FAQ
-
マホガニーカラーパレットとは?
マホガニーカラーパレットは、マホガニーウッドにインスパイアされた赤茶色を中心に組み立てられた配色で、クリームやサンド、ブラッシュなどのソフトなニュートラルや、コントラスト用のディープな近似色ブラックとよく組み合わされます。 -
マホガニーは暖色?寒色?
マホガニーは一般的に赤と茶色寄りの暖色です。バージョンによっては多少バーガンディ(濃い赤)やココア(よりブラウン)に寄ることもありますが、全体としては暖かなトーンを保ちます。 -
マホガニーと最も相性の良いニュートラルカラーは?
アイボリー、クリーム、暖かいベージュ、そして「ホワイトサンド」風のオフホワイトが最適です。これらはマホガニーを明るくし、特にウェブページ、招待状、パッケージではレイアウトをクリーンに保ちます。 -
マホガニーと相性の良いアクセントカラーは?
真鍮/ゴールド、銅、テラコッタ、ダスティローズ、そして落ち着いたティールやセージが良く合います。アクセントカラーは1つのファミリーに絞り、一貫して使うことでごちゃごちゃした印象を避けましょう。 -
マホガニーデザインが暗すぎる印象にならないようにするには?
明るいニュートラルカラーをメインの背景に使い、最も濃い色味は小さなエリア(テキスト、ボーダー、ナビ)だけに使いましょう。余白を十分に確保してレイアウトに抜け感を与え、小さなメタリックやキャラメル色のアクセントもパレットを軽やかにします。 -
マホガニーはモダンなUIデザインにも合いますか?
はい。マホガニーはオフホワイトの面やミニマルなタイポグラフィー、チャートやボタンへのアクセントカラーで現代的に見えます。ダークな赤褐色の背景では、コントラストチェックでアクセシビリティを必ず確保しましょう。 -
マホガニーパレットのモックアップを素早く作成するには?
AI画像生成を使い、デザインタイプ(メニュー、ラベル、ダッシュボード、パンフレット)を伝えて、パレットの主色とアクセント色を指定しましょう。「写真無し」や「ミニマルなレイアウト」といった条件を加えるとスタイルを調整しやすいです。
次へ: ホワイトサンドカラーパレット

