Modern Skin Tones: 20 Palette Ideas & #e7d7c9 Color Guide

スキントーンパレットは「ニュートラル」と「生き生き」の間の絶妙なバランスに位置します。鮮やかな色ほど目立たず、温かみや柔らかさ、リアリズムをもたらします。

下記は現代的なスキンカラーパレットのアイデア（#E7D7C9を含む）です。UIやブランディング、イラストにご活用いただけます。各パレットにはHEXコードと、Media.ioで再現できるAI画像プロンプトも付いています。

なぜスキンパレットは効果的なのか

スキンパレットは、暖かみから涼しさまでのニュートラルで、穏やかな明度差が特徴なので、自然に「バランス」が取れていると感じさせます。そのため、無機質にならず人間味や高級感、落ち着きを出したいときに理想的です。

また、ソフトなブラッシュから深いエスプレッソまでアクセントとも簡単に合わせられます。ベースの色がすでに色相環で近くにあるためです。コントラスト（ライトクリーム対ココア）で階層を作りつつ、派手な色を加える必要がありません。

デジタルプロダクトでは、純白や黒のインターフェースと比べて、これらの色調は眩しさや疲労を軽減し、最も濃い色を重要なUI要素に絞ることで、タイポグラフィや写真、CTAを際立たせることができます。

20種類以上のスキンカラーパレットアイデア（HEXコード付き）

1) ポーセリンブラッシュ

HEX: #F2E8E1 #E7D7C9 #D9B9A7 #B88774 #6B4A3D

ムード: エアリー、やさしい、清潔感

おすすめ用途: ミニマルなスキンケア商品のパッケージ

エアリーで柔らかなトーンは、静かなブラッシュで朝の光が磁器にふんわり差したよう。クリアで落ち着いた印象が重要なミニマルなスキンケアのパッケージにぴったりです。ライトクリームと暖かみのあるミッドタンを組み合わせ、ディープココアで文字情報を目立たせます。使い方のコツ：一番濃い色はバッチ番号やアイコンなど小さい部分に使って、洗練されたラベルに仕上げましょう。

media.ioで生成したポーセリンブラッシュの画像例

Media.io

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

今すぐ無料で試す

2) サンドストーングロウ

HEX: #F3E2D0 #E2C3A9 #CFA387 #A5755A #4E3A2F

ムード: 太陽で温まった、落ち着き、親しみやすい

おすすめ用途: ライフスタイルブログのヒーローバナー

サンウォームドで落ち着きのあるこのセットは、ゴールデンアワーの砂岩のようで、ナチュラルで親しみやすい空気感を醸し出します。温かみは欲しいけれど派手すぎたくない時、ライフスタイルブログのヒーローバナーに最適です。淡いサンドを背景に、ミッドキャラメルを図形に、ディープブラウンを見出しに使用。使い方のコツ：最初の2色にソフトなグレインやグラデーションを加えると、バナーが平坦に見えるのを防げます。

media.ioで生成したサンドストーングロウの画像例

3) ローズウッドヌード

HEX: #F6E4E6 #E8BFC8 #C98C97 #8C5A63 #3D2A2F

ムード: ロマンティック、洗練、モダン

おすすめ用途: ビューティブランドのアイデンティティデザイン

ロマンティックで洗練されたローズウッドカラーは、ビロードの花びらやモダンなドレッサーミラーを連想させます。このようなスキンカラーパレットは、温かみや柔らかさ、自信が必要なビューティブランドアイデンティティに理想的です。淡いピンクは余白、モーブは補助面に、プラムブラウンはロゴや細い線に活用します。使い方のコツ：印刷テストが重要なので、ミッドモーブは未加工紙で色がくすまないか確認しましょう。

media.ioで生成したローズウッドヌードの画像例

4) ハニーアーモンド

HEX: #FFF1E1 #F0D1B0 #D8A67D #B9784E #5C3B25

ムード: 甘く、居心地が良く、親しみやすい

おすすめ用途: カフェメニューのデザイン

甘くて居心地のよい、蜂蜜色のニュートラルはアーモンドペストリーや温かいミルクフォームのような印象。可読性と快適さが大切なカフェメニューデザインに最適です。ライトクリームをベースに、ゴールデンタンを見出しに、ディープブラウンを価格や本文に使用。使い方のコツ：強いコントラストで、テキストは最初の2つの明るい色だけに配置して、ミッドキャラメルの上には載せないようにしましょう。

media.ioで生成したハニーアーモンドの画像例

5) ココアクリーム

HEX: #F7F1EA #E9D3C1 #C9A48B #8F6B57 #2F221D

ムード: 落ち着き、プレミアム、信頼感

おすすめ用途: モダンなUIダッシュボードテーマ

落ち着きのあるプレミアムなこの配色は、ホイップクリームをココアに混ぜたようなイメージで、信頼感のあるプロフェッショナルな仕上がりです。暖かさを保ちつつ明快さを失いたくないモダンUIダッシュボードテーマにおすすめ。オフホワイトをパネル、ベージュを仕切りやカード、ディープエスプレッソをナビゲーションや重要指標に使用。使い方のコツ：トープの陰影でレイヤーを分け、強いボーダーの代わりにしましょう。

media.ioで生成したココアクリームの画像例

6) ピーチファズ

HEX: #FFE5D4 #FFC7A8 #F2A07B #C56A4D #6A3A2A

ムード: 遊び心、陽気、エネルギッシュ

おすすめ用途: サマーイベントポスターデザイン

遊び心と陽気さがあるピーチカラーは、明るく親しみやすい午後のピクニックを思わせます。夏のイベントポスターで元気な印象と親しみやすさを両立させたい時に最適。淡いピーチの背景とコーラルのブロックで強調し、暖かいブラウンで見出しやスポンサー表示に使用。使い方のコツ：アクセントシェイプは大きくシンプルにして、ミッドトーンのコーラルの力を活かします。

media.ioで生成したピーチファズの画像例

7) トープヴェール

HEX: #F4EFEA #DED2C7 #BFA99C #90766C #4C3D38

ムード: 静か、モダン、バランス

おすすめ用途: インテリアデザインムードボードレイアウト

静かでモダンなトープ色はリネンや粘土、やわらかな影が重なったよう。テクスチャーや抑制がストーリーを際立たせるインテリアデザインのムードボードで効果的。淡いストーンをベースに、ミッドトープをスウォッチやラベルに、チャコールブラウンはタイトル用に。使い方のコツ：一番濃い色で細いラインを使い、コントラストが強くなりすぎないよう盤面を引き締めましょう。

media.ioで生成したトープヴェールの画像例

8) ブロンズエンバー

HEX: #F2D7C9 #D7B09A #B57B60 #7A4E3A #2A1A14

ムード: スモーキー、ドラマチック、シネマティック

おすすめ用途: フォトプリセットのランディングページUI

煙のようで映画的なブロンズエンバーは、舞台裏のライトやフィルムの暖かい影を連想させます。ドラマが必要、でもエレガンスも維持したいフォトプリセットのランディングページにぴったり。淡いピーチでセクション、ブロンズはボタンやハイライト、ほとんど黒に近いブラウンはナビや価格強調に。使い方のコツ：CTA専用にアクセントカラーを一つだけ使い、意図的で洗練された印象に保ちましょう。

media.ioで生成したブロンズエンバーの画像例

9) クレイサテン

HEX: #FAE7DA #E6C2AE #C79A82 #9D6A54 #51382F

ムード: ソフト、クラフト感、心地よさ

おすすめ用途: 手作り石鹸ラベルのデザイン

ソフトでクラフト感のあるクレイサテンカラーは、手で成形した陶器のような優しい艶が感じられます。オーセンティックな魅力が求められる手作り石鹸のラベルに特におすすめ。ライトなブラッシュベースとダスティクレイのミッドトーンで柄を入れ、ディープブラウンで重要情報を配置し可読性を確保。使い方のコツ：3色目でシンプルな反復モチーフを使い、クラフト感を出しつつ煩雑さを避けましょう。

media.ioを使用して生成されたクレイサテンの画像例

10）モカローズ

HEX: #F4DDE0 #D9A6AE #B5767E #7A4B52 #2D1C1F

ムード: 親密、エレガント、ヴィンテージ寄り

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

親密でエレガントなこれらのモカローズの色調は、押し花やキャンドルに照らされたインクを連想させます。ロマンスをモダンに演出したいウェディング招待状セットに最適です。淡いブラッシュの紙に控えめなローズのタイポグラフィを合わせ、ディープワインブラウンをモノグラムやディテールに使いましょう。使い方のコツ：最も濃い2色に箔押しや活版印刷を施すとシャープなエッジが際立ちます。

media.ioを使用して生成されたモカローズの画像例

11）アイボリーラテ

HEX: #FBF6EF #EADACB #D1B59C #A7856B #594437

ムード: なめらか、清潔感、安心感

おすすめ用途: EC商品ページUI

なめらかで整然としたこのセットは、アイボリーセラミックやラテのクレマの渦を感じさせます。EC商品ページを特にウェルネスや家庭用グッズにおいて安心感があり洗練された印象に演出します。背景はアイボリー、カードはウォームベージュ、メインボタンや価格の強調にはラテブラウンを使いましょう。使い方のコツ：リンクテキストは濃い2色で表記し、ソフトなベースでもアクセシビリティを維持します。

media.ioを使用して生成されたアイボリーラテの画像例

12）アプリコットタン

HEX: #FFE9D8 #FFCFAE #EFA67F #C87954 #6E3F2B

ムード: 陽気、絵本のよう、暖かい

おすすめ用途: 児童書イラストのカラ―ガイド

陽気で絵本のような暖かさを持つアプリコットタンのこれらの色は、水彩画のぼかしや親しみやすいキャラクターの影付けを思わせます。コントラストを強くせず表現力豊かな暖かさが欲しい児童書イラストガイドに最適です。一番明るい2色はハイライトや紙のような塗りつぶし、ピーチやテラコッタの色で形を作ります。使い方のコツ：最も濃いブラウンは、目や輪郭のような小さなパーツだけに限定して顔の柔らかさを保ちましょう。

media.ioを使用して生成されたアプリコットタンの画像例

13）シエンナスエード

HEX: #F1E0D2 #DAB79E #C08E6F #8D5D43 #3C261C

ムード: エディトリアル、アーシー、自信に満ちた

おすすめ用途: ファッションルックブック エディトリアルレイアウト

エディトリアルで自信に満ちたスエードシエンナの色調は、テクスチャのあるファブリックにあたる暖かいスタジオライトのようです。アースカラーでありながらプレミアム感を出したいファッションルックブックのレイアウトにぴったりです。余白・キャプションにはペールニュートラル、ブロックや区切りには中間のシエンナ、見出しにはエスプレッソを使いましょう。使い方のコツ：写真は暖色で彩度低めにまとめ、レイアウトカラーとの統一感を意識しましょう。

media.ioを使用して生成されたシエンナスエードの画像例

14）ブラッシュベージュ

HEX: #FFF0F1 #F5D6D9 #D9B2B6 #A77A7F #55383C

ムード: 柔らかい、甘い、現代的

おすすめ用途: SNS用クオートテンプレート

柔らかく甘いブラッシュベージュの色調は、コットンキャンディの霞と大人の現代的な一面を併せ持ちます。温かさと読みやすさを求めるSNSクオートテンプレートに最適です。一番明るいピンクをキャンバスに、ダスティローズをシェイプに、ディープベリーブラウンをテキストに使用。使い方のコツ：フォントの太さは一つに絞り、色のブロックで階層を作って装飾に頼らないこと。

media.ioを使用して生成されたブラッシュベージュの画像例

15）デザートヌガー

HEX: #F6EBDD #E5D1B9 #CFAF8B #A27B55 #4A3423

ムード: ラスティック、暖かい、食欲そそる

おすすめ用途: ラスティックレストラン ブランディングモックアップ

ラスティックで食欲そそるデザート＆ヌガートーンは、焼き砂糖や麻素材の質感、暖かい木を思わせます。手作り感とクリーンさを両立したいレストランブランディングに最適です。背景やメニューには明るいヌガー、中間のタンはバッジに、ディープブラウンはマークやスタンプに活用。使い方のコツ：シンプルなラインイラストと組み合わせ、パレット自体を主役にしましょう。

media.ioを使用して生成されたデザートヌガーの画像例

16）ウォームシェル

HEX: #F7E7DC #EAC7B7 #D6A48F #AF7862 #5B3D33

ムード: ナチュラル、柔らかい、イラスト的

おすすめ用途: ポートレートイラストの陰影チャート

ナチュラルで柔らかなウォームシェルの色調は、ビーチの貝殻や優しい影の移ろいを思わせます。このレンジのスキンカラーパレットは、ポートレートイラストの陰影チャートに便利で段階がなめらかです。最初の2色はハイライトゾーンに使い、中間トーンは頬や鼻へ、最後にディープブラウンを奥まった影に。使い方のコツ：単なる色相順でなく明度グラデーションで配置すると、陰影判断が速くなります。

media.ioを使用して生成されたウォームシェルの画像例

17）クールビスケット

HEX: #F2ECE7 #DACEC8 #B8A6A2 #887474 #413737

ムード: 控えめ、クール系、ミニマル

おすすめ用途: ミニマルプレゼンテーションテンプレート

控えめかつクール寄りなビスケットグレーは、陶器やカシミヤを思わせるミニマルな感性です。節度や明確な階層が必要なプレゼンテンプレートに最適。最も明るいニュートラルはスライド、中間のモーヴグレーはセクションパネル、最も濃い色は見出しに。使い方のコツ：第4色は少量だけチャートに使い、必要以上に目立たせないように。

media.ioを使用して生成されたクールビスケットの画像例

18）キャラメルブロンズ

HEX: #F4DDC5 #E1B992 #C88A5E #9A5E3B #3B241A

ムード: 豊か、大胆、贅沢

おすすめ用途: レザーグッズ商品の広告

豊かで贅沢なキャラメルブロンズは、磨かれたレザーや暖かな金属パーツを思わせます。質感と奥深さをプレミアムに演出したいレザーグッズ広告にぴったり。背景にはペールタン、ハイライトや強調にブロンズ、ロゴにはディープブラウンを。使い方のコツ：製品の後ろにタイトなスポットライトグラデーションを加えることで素材を強調し、新しい色を足さずに済みます。

media.ioを使用して生成されたキャラメルブロンズの画像例

19）キャンドルライトアンバー

HEX: #F1DFCF #D0B39C #AD876F #6F4A3B #241814

ムード: 居心地よい、ノスタルジック、親密

おすすめ用途: ホームデコ ブログピン用グラフィック

居心地よくノスタルジックなキャンドルライトアンバーは、木とリネンの上の暖かいライトを思わせます。陰影の深いスキンカラーパレットは、心地よくキュレーションされた雰囲気を持たせたいホームデコブログ用グラフィックに活躍します。キャンバスにはライトベージュ、見出しブロックにディープブラウン系を合わせて一目で読みやすく。使い方のコツ：写真は控えめで暖色に保ち、テキストオーバーレイが自然に溶け込むように。

media.ioを使用して生成されたキャンドルライトアンバーの画像例

20）ベアリゼア

HEX: #FAF4EE #EDE1D7 #D7C0B3 #B19384 #6E564C

ムード: 落ち着く、エアリー、サポート的

おすすめ用途: ウェルネスアプリのオンボーディング画面

落ち着きとエアリー感のあるベアリゼアニュートラルは、静かな朝や柔らかな布を思わせます。ユーザーがサポートされ、圧倒されずに使えるオンボーディング画面に最適です。ペール背景にウォームベージュのカード、ディープブラウンは主要アクションや重要な見出しだけに使用。使い方のコツ：ゆとりあるスペースと丸い角で、意図的なミニマリズムとして優しい色調を引き立てましょう。

media.ioを使用して生成されたベアリゼアの画像例

スキンに合う色は？

スキンカラーニュートラルは、コントラストを深める（エスプレッソ、チャコール、インキーネイビー）か、控えめな「赤み」を加える（ダスティローズ、ミューテッドコーラル、テラコッタ）色との相性が最適です。これらの組み合わせで全体がナチュラルでありながら階層性も生まれます。

モダンでエディトリアル感を出したいなら、ストーングレーや柔らかいモーヴグレーなどのクール系カウンターポイントを加えましょう。より暖かいライフスタイルを演出するには、ハニーゴールドやシナモンブラウンを使って、日差しと食欲を感じるパレットに。

アクセントを一つに絞りたい時は、鮮やかな色を少量（ボタン、ハイライト、バッジ）だけに活用してください。その節度こそがスキンカラースキームを濁らせず、ニュートラルの良さを活かします。

実際のデザインでスキンカラーパレットを使う方法

まず役割をマッピングしましょう：一番明るい色は背景、中間色はサーフェス（カード、ブロック、シェイプ）、一番濃い色はテキストや重要なUI要素用。これで読みやすさを確保しつつ、ソフトで現代的な雰囲気を保てます。

ブランディングやパッケージでは、実物の素材でコントラストテストを行いましょう。暖色の中間色は非コート紙で変化しやすいので、細い線や小さい文字、ロゴはディープブラウンを使ってクッキリさせます。

イラストの場合、5色を「5つの異なる色」ではなく明度階段として捉えましょう。明るい2色はハイライト、中間色は地色、最も濃い2色は奥まる影（特に目・鼻・あご下など）に使います。

AIでスキンパレットビジュアルを作成

スキントーンパレットが実際のレイアウトでどう見えるかプレビューしたい場合は、AIで素早くモックアップを生成しましょう。温かみ、コントラスト、全体の印象を本番前に検証できます。

最上段から一つパレットを選び、プロンプトをコピー、シーン（製品種別、レイアウト比率、タイポグラフィスタイル）を調整して同系色ファミリーで展開してください。統一感のあるブランドビジュアルが素早く得られます。

いくつか試したら、並べて比較し、どれがテキストの可読性、写真との一体感、アクセントの意図的な使い方を維持できているかを見ましょう。

次： ボーンカラーパレット