フォーンは、タンとベージュの間に位置する温かみがあり柔軟なニュートラルカラーで、自然な雰囲気のパレットを簡単に作ることができ、平坦に見えません。特に、タイポグラフィや商品写真、UIのための柔らかく上質なベースが必要なときに最適です。
以下は、すぐに使えるHEXコード付きのフォーンカラーパレットアイデアと、実用的な組み合わせメモ、AIで連携ビジュアルを生成するために再利用できるプロンプト集です。
この記事の内容
フォーンパレットがなぜこれほど効果的なのか
フォーンは温かみがあり親しみやすく見えますが、ほとんどのアクセントカラーを引き立てる十分なニュートラルさを持ち、“テーマ”を強制することなく統一感のあるデザインを実現できます。また、写真にも穏やかな温かみを加え、強い彩度を与えないため、一層引き立てます。
ブランディングやUIにおいて、フォーントーンは静かな階層を生み出します。背景にはライトクリーム、面にはミッドタン、文字やCTAにはディープブラウン。この範囲があることで、柔らかさを保ちつつコントラストと可読性のあるデザインが簡単に実現できます。
フォーンパレットは、リネンやレザー、木、紙など自然素材との関連があるため、クラフト感・穏やかさ・信頼感をすぐに演出できます。ライフスタイル、ウェルネス、エディトリアル、モダン小売にも最適です。
20種類以上のフォーンカラーパレット案(HEXコード付き)
1)デザートリネン

HEX: #c8a87a #f3e7d3 #b58b5d #6b4c35 #a9b0a6
雰囲気: エアリー、サンウォーム、穏やか
おすすめ用途: ライフスタイルブランドのヒーローバナー
エアリーで太陽に暖められたような雰囲気は、午後遅くのリネンカーテンを思わせます。クリーミーベージュを背景に使い、フォーンやキャラメルトーンを見出しや主要ブロックに。ディープウォルナットはCTAを引き締めつつ、厳しい印象を与えません。仕上げに、ソフトセージアクセントと十分な余白を加えてクリーンな印象を保ちましょう。
media.ioで生成したデザートリネンの画像例
Media.ioは、ブラウザ上で動画・画像・音声を作成・編集できるオンラインAIスタジオです。
2)カフェスエード

HEX: #b8926a #e8d8c3 #8a5a3c #2f2a26 #d0a66e
雰囲気: くつろげる、リッチ、温かみのある
おすすめ用途: コーヒーショップのメニューポスター
くつろげてリッチな雰囲気は、エスプレッソクレマやスエードの椅子、暖かな木製カウンターを思い出させます。ライトオーツトーンとインキーブラウンを合わせて、メニュー階層と価格を読みやすく。ゴールデンタンは、特別メニューや季節の案内のハイライトに最適です。レイアウトはシンプルに、呼吸スペースを十分に確保して、濃い色が入り込みすぎないようにしましょう。
media.ioで生成したカフェスエードの画像例
3)クレイブロッサム

HEX: #c4a07a #f2e4d8 #d08b76 #7a5441 #a36b4b
雰囲気: 柔らかい、クラフト感、ロマンチック
おすすめ用途: 陶器製品パッケージ
柔らかくクラフト感があり、手作りの陶器マグとブラッシュグレーズを思わせます。これらのフォーンの組み合わせは、マットなラベルやミニマルな箱デザインで特に洗練された印象を与えます。ブラッシュクレイでブランドマークに温かみを、ディープブラウンで成分表示や法律テキストをシャープにすると良いでしょう。ポイント:ミッドタンの上にエンボスやスポットバーニッシュを使い、別色を増やさず触感的なコントラストをつけるのもおすすめ。
media.ioで生成したクレイブロッサムの画像例
4)ウォルナットスモーク

HEX: #b79a73 #e7dccb #8b6a4a #3a2f2a #9aa0a6
雰囲気: シック、洗練、エディトリアル
おすすめ用途: メンズウェアのルックブック誌面
シックで洗練された雰囲気は、クルミ材のパネルで包まれたスモーキーなラウンジのよう。ペールベージュは余白やマイナススペースに使い、タイポグラフィの階層はエスプレッソやチャコール系で組み立てます。クールグレーをアクセントに加えることで、温かみが強すぎて田舎風になりすぎるのを防ぎます。写真はソフトコントラストと暖かいハイライトを意識し、パレットの温度感をマッチさせましょう。
media.ioで生成したウォルナットスモークの画像例
5)ハニードミニマル

HEX: #c7a06c #fff6e8 #e0c08c #8a6a44 #2f2620
雰囲気: クリーン、温かい、モダン
おすすめ用途: ミニマルなウェブサイトのランディングUI
クリーンで温かみを感じさせ、蜂蜜をトーストオーツにかけたようなイメージ。こうしたフォーンパレットは、背景をクリーミーに保ち、ボタンにダークローストを使うことでモダンなランディングページに最適です。ハニーハイライトはバッジや価格強調、小さなアイコンのみでアクセントに。ポイント:最も暗い色は本文テキストのみに使い、UI全体を軽やかに保ちましょう。
media.ioで生成したハニードミニマルの画像例
6)テラコッタデューン

HEX: #c19a74 #f6eadc #c86f54 #6a3f2e #9b8f84
雰囲気: アース感、日差しを浴びた、ラスティック
おすすめ用途: サウスウェスト風リビングのインテリアスタイリング
アース感とサンベイクドなニュアンスで、砂丘やテラコッタ鉢、編み込まれたラグを連想させます。ウォームクレイをアクセント壁やクッションに、サンドやフォーンは広い面積使いに最適です。ダークココアブラウンは、フレームや金具といったポイントづかいに。ポイント:ジュートやブークレ、マットな陶器でテクスチャーを増やし、色数は抑えましょう。
media.ioで生成したテラコッタデューンの画像例
7)ソフトサドル

HEX: #c5a37a #f1e5d6 #a67952 #5a3b28 #d3c2a8
雰囲気: 伝統的、安定感、触感的
おすすめ用途: レザーグッズのプロダクト広告
伝統とクラフト感があり、使い込まれた鞍やブラッシュドキャンバスを連想させます。明るめのトーンで広告に高級感を持たせ、ミッドタンで商品名や価格を記載するとバランスよくなります。ディープブラウンは、パッケージやロゴの繊細な影に最適です。ポイント:マット紙に最も濃い色で艶加工を1か所だけ追加し、クラフト感を高めましょう。
media.ioで生成したソフトサドルの画像例
8)オーツミルクストーン

HEX: #c2a37b #f7f0e6 #bdb3a7 #7e6b5a #3d332c
雰囲気: 静けさ、バランス、ミニマリズム
おすすめ用途: スパのパンフレット
静かでバランスの取れた雰囲気は、オーツミルクの泡と滑らかな川石を思わせます。オフホワイトをリードに、トープとストーングレーで落ち着きあるセクションや区切りを作るのがおすすめ。ダークエスプレッソは、小さめの見出しやアイコンのみに使い、トータルで穏やかな印象に。ポイント:細いラインアートや未コーティング紙を合わせ、控えめなラグジュアリー感を演出しましょう。
media.ioで生成したオーツミルクストーンの画像例
9)ヴィンテージパーチメント

HEX: #c0a07a #f3e8d6 #d9b48a #805a3c #4b3a2e
雰囲気: ノスタルジック、温かい、文学的
おすすめ用途: ヴィンテージ書籍カバーデザイン
ノスタルジックで温かみがあり、年月を経たパーチメントや愛されて使い込まれたハードカバーを思わせます。パーチメントクリームを背景に一面使い、タイトルは最も濃いブラウンでクラシカルなコントラストを。ゴールデンタンは、縁取りや装飾、エンブレムなどのワンポイントに最適です。ポイント:控えめなグレインを加え、タイポグラフィは伝統的なものを使い、ヴィンテージ感を活かしましょう。
media.ioで生成されたヴィンテージパーチメントの画像例
10)オータムツイード

HEX: #c3a173 #efe1cf #a18260 #6f5a4b #2c2622
雰囲気: 居心地が良い、クラシック、アウトドア風
おすすめ用途: ファッションムードボードスライド
居心地が良くてクラシック、ツイードジャケットと清涼な空気を感じます。クリーミーベージュをスライドのベースに使い、その上にミディアムタンで生地サンプルやキャプションのブロックを作成します。チャコールブラウンはタイムライン、価格、セクションヘッドなどに構造を加えます。ポイント:写真のフィルターは温かみがありやや彩度を落とすと自然な印象になります。
media.ioで生成されたオータムツイードの画像例
11)ローズウッドラテ

HEX: #c2a07c #f4e6dc #b07662 #6a4a3b #3b2b26
雰囲気: ソフト、ロマンティック、カフェシック
おすすめ用途: デザート用SNS広告
ソフトでカフェシック、ローズウッド家具とラテを思い起こさせます。ブラッシュブラウンのアクセントはデザートプロモーションにちょうど良い甘さを与え、ピンクになりすぎません。ディープココアで見出しや価格を記載すれば、モバイルでも瞬時に伝わります。ポイント:小道具はミニマルにし、温かみのあるハイライトカラー1色で演出しましょう。
media.ioで生成されたローズウッドラテの画像例
12)サンドストーンサージ

HEX: #c6a57f #f5eddc #aeb7a5 #7f6a55 #3e342b
雰囲気: フレッシュ、ナチュラル、グラウンデッド
おすすめ用途: サステナブルスキンケアパッケージ
新鮮でグラウンデッド、太陽で暖められた砂岩やハーブの庭を感じます。セージ色をブランドアクセントやアイコン、成分表示に柔らかく使います。ダークブラウンはラベルで信頼感のあるコントラストを演出し、クリーム色は清潔感やクリニカルな印象を与えます。ポイント:クラフトや再生紙を選べばより自然派らしい雰囲気に。
media.ioで生成されたサンドストーンサージの画像例
13)ココアモス

HEX: #be9c74 #efe4d6 #7a7f66 #7b5b40 #2c2a24
雰囲気: 森林風、くすみ、オーガニック
おすすめ用途: アウトドアギア タグデザイン
森の中のようなくすんだ雰囲気。ココアニブや苔の小道、キャンバスパックを想起します。読みやすさのためにオフホワイトをメインにし、苔色はエコノートやバッジ用。ディープなほぼ黒は小さな文字やバーコードに最適です。ポイント:枠線やスタンプアイコンなどシンプルで触感のある形にしましょう。
media.ioで生成されたココアモスの画像例
14)ブライダル トープ

HEX: #c7a784 #fbf3ea #d9c1b2 #8c6e5b #3a2e28
雰囲気: エレガント、ソフト、タイムレス
おすすめ用途: ブライダルメイクのフラットレイ
エレガントでソフト、シルクのヴェールやシャンパンの乾杯、優しいキャンドルに包まれた雰囲気。ローズトープの下色が加わるファーン系パレットは、暖かさを持たせながらも重すぎずブライダル向きです。クリームをベースにし、ディープトープをタイポグラフィや影に活用。ポイント:メタリックは控えめ、明るいゴールドよりもシャンパン調で上品に。
media.ioで生成されたブライダル トープの画像例
15)モダンランチ

HEX: #c4a27c #f1e7d9 #b38a60 #6b4b35 #1f1a16
雰囲気: ボールド、グラウンデッド、コンテンポラリーラスティック
おすすめ用途: レストランロゴ・サインモックアップ
力強く安定感のあるモダンな印象。黒に近い濃色をロゴマークに少しだけ使い、ミッドタンが補助テキストやサイン誘導に機能します。クリーミーなニュートラルは視認性も良く、店先が暗くなりすぎません。ポイント:凝縮した書体やシンプルなアイコンと組み合わせ、清潔で現代的なランチの雰囲気に。
media.ioで生成されたモダンランチの画像例
16)ミュージアムセピア

HEX: #bf9e77 #f2e7d8 #c8b29a #7a5a41 #352b25
雰囲気: ヒストリック、教養、控えめ
おすすめ用途: ミュージアム展示ポスター
歴史と文化を感じるセピア写真とギャラリーウォールを思わせます。タイトルをダークブラウン、補助情報を温かい中間色に置き、タイポグラフィの階層を明確に。優しいトープはグリッド、キャプション、細い区切り線にも◎。ポイント:画像はモノクロか淡い色味で押さえると洗練された印象。
media.ioで生成されたミュージアムセピアの画像例
17)サンリットアドビ

HEX: #c9a57b #f7ebdc #d39b6a #b55f3a #4a2f24
雰囲気: 鮮やか、陽射し、冒険的
おすすめ用途: 旅行ブログのヘッダー画像
鮮やかな陽射し、ゴールデンアワーに光るアドビ壁の印象。ファーン系の組み合わせはサンドやカッパーを主体にし、ディープココアでテキストを重ねて安定感を。テラコッタのアクセントはボタンやピン、ワンポイントグラフィックに最適です。ポイント:ヘッダーは写真エリア1ヶ所+UI要素最小限で、色味がすぐ伝わるシンプル構成に。
media.ioで生成されたサンリットアドビの画像例
18)コージーニットウェア

HEX: #c2a07a #f6eee4 #b08d6b #7a5a43 #2d221c
雰囲気: 快適、暖かい、質感あり
おすすめ用途: ニットセーターのEC用写真
快適で質感もある、柔らかいセーターに包まれて静かな週末を感じます。クリーム色を背景に、中間タンとココアでニットの質感や影を表現。最もダークなブラウンはブランドタグや小さなUI要素用に最適で、商品イメージを邪魔しません。ポイント:明るい小道具は避け、拡散光で撮影しコージー感を保ちましょう。
media.ioで生成されたコージーニットウェアの画像例
19)ニュートラルワークブックUI

HEX: #c5a47d #fbf6ef #d9cbbd #8a735f #2a211c
雰囲気: 集中しやすい、フレンドリー、整理整頓
おすすめ用途: アナリティクスダッシュボードUI
集中しやすくフレンドリー、温かみのある紙色のワークブックのよう。ファーン系カラースキームはダッシュボードとの相性が良く、チャートは控えめに、コントラストで階層化します。ディープブラウンをナビや重要数字に、ソフトトープをカードと区切りに。ポイント:色を増やす前に線幅や間隔で強調を演出。
media.ioで生成されたニュートラルワークブックUIの画像例
20)ボタニカルハーバリウム

HEX: #c3a07a #f5efe6 #b8b09c #7c7f6a #4c3a2f
雰囲気: ナチュラル、柔らかい、ヴィンテージボタニカル
おすすめ用途: ボタニカル水彩イラスト
ナチュラルでソフトなヴィンテージ感、古い植物標本帳の押し葉を思い出させます。暖かいクリームやファーンカラーを紙や茎に、くすみグリーンを葉に重ねます。ディープブラウンは繊細なインク線やラベルに最適。ポイント:ウォッシュは半透明に、背景は明るすぎない柔らかな色味に。
media.ioで生成されたボタニカルハーバリウムの画像例
フォーンに合う色とは?
ファーンはクリーム、オートミール、キャメル、チョコレートブラウンなどの暖かいニュートラルと自然に調和し、背景・表面・タイポグラフィにもバランスよく使えます。これにより、レイアウトは落ち着いた印象ながらも階層に十分なコントラストを持たせられます。
アクセントには、くすみグリーン(セージ、モス、オリーブ)でオーガニック感を、テラコッタやクレイトーンで季節感やクラフト感をプラスできます。モダンにしたいなら、クールグレーや青みのチャコールもバランス良く調和します。
コントラストを強調したい場合は、黒に近い色をキーとなるテキストやCTAだけに控えめに使い、それ以外は柔らかいカラーパレットでまとめましょう。これでファーンは過度に田舎風にならず、上質な印象を保てます。
実際のデザインでフォーンカラーパレットを使う方法
まず役割分担を考えましょう:最も明るいクリームを背景に使い、ミッドファーンを主な表面色に、ディープブラウンをテキストやアイコン、ボタンの基準色にすると、シンプルかつ読みやすい、意図のあるパレットにまとまります。
インテリアではスケール感も重要。ファーンやサンドカラーは広い面(壁、ラグ、家具)に、ウォルナットやココアなどの濃い色は小さな部分(フレーム、金具、ランプ)に取り入れ、リネンやジュート、マット陶器などの異素材で表情を加えると良いでしょう。
ブランドやパッケージには彩度を控えめに、仕上げ(マット+スポットグロス、エンボス、シャンパン色の箔押し)で奥行きを演出します。ファーンは紙・デジタルとも柔らかさと統一感を保つと効果的です。
AIでフォーンパレットのビジュアルを作る
HEXコードが既にある場合は、レイアウト(ポスター、UI、パッケージ、フラットレイ)と主要色・アクセントを記載してプロンプト化すればマッチするビジュアルを生成できます。ポイントはプロンプトの“温度”を揃えること。温かい紙背景やソフトな光が特にファーンと相性良好です。
上記プロンプトを応用し、題材(メニュー、パンフ、LP)だけ変え同じカラーパレット順に並べれば、一貫性のあるブランドアセットがすぐ作れます。
バリエーションを出す場合は新しい色を増やすより、リネン、スエード、クラフト紙、陶器など質感や素材で差別化しましょう。同じブランド世界観で新鮮な結果になります。
ファーンカラーパレット よくある質問
-
ファーン(Fawn)はどんな色?
ファーンは温かみのある薄いブラウンベージュ(タンやキャメルに似ており)、ややゴールド味のあるニュアンスです。スペクトル上はベージュとライトブラウンの間に位置します。 -
ファーンはベージュとタン、どちらに近い?
ファーンは一般的にタンに近いです。なぜなら、クラシックベージュよりも温かみとブラウンの深みがあるためです。ただし、多くのファーンパレットは全体を明るく保つため、クリーミーベージュも含まれます。 -
ファーンに最も合う配色は?
ファーンはクリーム・オフホワイト、チョコレート/エスプレッソブラウン、セージやモスなどのくすみグリーン、テラコッタやクレイのアクセント、そしてストーングレーやチャコールのクールトーンとも調和します。 -
ファーンパレットを田舎風じゃなく、モダンに見せるには?
余白をしっかり取り、背景はクリーミー、クールグレーや青みチャコールを組み合わせ、最も濃い色はテキストやCTA用だけに。クリーンなタイプやシンプルな形状もモダンさを強調します。 -
UIやダッシュボードにもファーンカラーは使える?
もちろん使えます。ファーンは暖かみと可読性が両立し、コントラストを保てばUIに最適です。主な背景はオフホワイト、カードや区切りはミッドファーン/トープ、ナビや数字、主要ボタンはディープブラウン推奨。 -
テキストの可読性を上げるファーン背景選びのコツは?
背景には非常に淡いクリーム色またはオートミール色を選び、本文には深いブラウンまたはほぼ黒色を試してください。はっきりとしたコントラストを目指し、小さな文字を中間色のフォーンの上に配置するのは避けましょう。 -
ブランドパレットに合ったフォーンテーマの画像を生成するにはどうすればよいですか?
AIのテキストから画像生成プロンプトで被写体とスタイルを指定し、支配的なHEXカラーやライティング(ソフト、暖色、拡散光)も明記します。プロンプト全体でパレットを一貫させることで、すべての画像がセットのように感じられるでしょう。
次へ: インディゴカラーパレット

