モダンなアースカラーの22選色パレットとHEXコード一覧

アースカラーのパレット グラウンドなニュートラルカラーと暖かく自然なアクセントを組み合わせています——粘土、砂、オリーブ、樹皮、エスプレッソなど。落ち着き、信頼感、そして触感を求めるブランドやレイアウトのための現代的な定番です。

以下は厳選された20以上の アーストーンカラーのパレット HEXコード付きのアイデア、さらにブランド、インテリア、パッケージ、SNSコンテンツでの組み合わせと活用の実用的なヒントです。

アーストーンカラーパレットがよく機能する理由

アーストーンは毎日見かける素材——木、石、粘土、リネン、葉、土——を反映しているため、親しみやすく感じられます。その自然なイメージがデザインを身近で「リアル」な印象にし、レイアウトがクリーンかつモダンでも温かみを演出します。

また、目に優しい色合いです。多くのアースカラーパレットは中〜低彩度で構成され、視覚疲労を抑え、長文読書や商品閲覧、落ち着いたブランド体験をより快適にします。

最後に、アースカラースキームは多用途です：ミニマル（グレージュ＋チャコール）、暖かくアート的（テラコッタ＋クリーム）、または植物的（オリーブ＋砂）にもアレンジ可能。コントラストを工夫すれば、印刷とデジタルどちらにも展開でき、流行に左右されないデザインになります。

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

1）クレイとクリーム

HEX： #E7D8C9 #C8A07A #8F6B4F #6C7A4A #2F2A24

雰囲気： 柔らかく、落ち着き、洗練

おすすめ： ミニマリストブランドアイデンティティ

柔らかなクレイのニュートラルとクリーミーなハイライトが、スタジオの棚で陽に照らされた陶器のような印象。ロゴ、パッケージシステム、穏やかなランディングページなど温かみは欲しいけど素朴すぎない場面におすすめのアーストーンパレットです。深いチャコールはクリームスペースと組み合わせて空間を軽やかに保ち、オリーブが静かなアクセントに。ヒント：最も暗いトーンは文字やアイコンに使うとコントラストを維持できます。

クレイとクリームのイメージ例（media.ioによる生成）

Media.io

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

今すぐ無料で試す

2）森の床

HEX： #2F3E2E #4E5B3A #8A7F4F #B7A77A #E6E1D6

雰囲気： 森、落ち着き、自然

おすすめ： エコ製品パッケージ

深いグリーンと落ち着いたカーキ は、松の影や苔、足元の枯れ葉を思わせます。サステナブルなパッケージやアウトドア商品、オーガニック感が必要なラベルにぴったり。クリームを背景に、最も濃いグリーンはスタンプやシールに。ヒント：リサイクル紙のさりげない質感を加えると、余分な色を足さずに美しく仕上がります。

森の床のイメージ例（media.ioによる生成）

3）砂漠のセージ

HEX： #DCC9A1 #B8B08D #7E8A6A #A45D3D #3B332D

雰囲気： 乾いた、モダン、陽だまり

おすすめ： ウェルネスサイトのUI

乾いたセージ色と砂色は、静かな砂漠の朝、温かな光が石を照らすイメージ。ウェルネスUIには砂色をベースに、セージをパネル、テラコッタを主なボタンにしアクションを誘導。エスプレッソブラウンは見出しを落ち着いて読みやすくします。ヒント：テラコッタは主要アクションやバッジに限定して視覚的な暑苦しさを防ぎましょう。

砂漠のセージのイメージ例（media.ioによる生成）

4）テラコッタ夕暮れ

HEX： #F0E2D2 #D08C60 #B36A4C #7A5B4A #2D2420

雰囲気： 居心地良さ、ロマンチック、手作り感

おすすめ： 結婚式招待状セット

暖かい テラコッタ とトーストブラウンは、粘土壁に夕陽が差すような雰囲気。手作業の温かみと洗練を両立したい招待状、メニュー、サインなどに最適。淡いクリームは繊細なセリフ体、最も濃いブラウンは名前や重要な情報に。ヒント：細いテラコッタラインでレイアウトを縁取り、重くなりすぎない余白を。

テラコッタ夕暮れのイメージ例（media.ioによる生成）

5）杉のキャビン

HEX： #EFE7DD #C7B6A1 #9A7B5D #5E4A3B #2A201A

雰囲気： 素朴、居心地、タイムレス

おすすめ： インテリアムードボード

杉の木のブラウンとクリーミーなリネン色は、カーテン越しの柔らかな光に包まれた静かなキャビンを思わせます。最も淡い色は壁や大きな面、ミッドブラウンは家具やテキスタイルの奥行きに。ほぼ黒は金属の備品やムードボードの見出しにぴったり。ヒント：仕上げはマットにして、パレットの落ち着きと自然な印象を保ちましょう。

杉のキャビンのイメージ例（media.ioによる生成）

6）収穫市

HEX： #F3E7C7 #D6B06D #B46A3C #6B7D3A #3B2F24

雰囲気： 元気、懐かしさ、生き生き

おすすめ： ファーマーズマーケットポスター

黄金の穀物、パンプキンスパイス、葉のオリーブが賑やかな週末市場の雰囲気を演出。アースカラーの組み合わせはポスターやフライヤーで映えつつ、温かみと手作り感も感じられます。淡い麦色を背景、ヘッダーや呼びかけにグリーンとテラコッタを交互に使いましょう。ヒント：本文は濃いブラウンにして、温かい紙色でもコントラストがぼやけないように。

収穫市のイメージ例（media.ioによる生成）

7）苔むした石

HEX： #E2E0D8 #B9B6A5 #7C8068 #55624F #2E332B

雰囲気： 静けさ、霧、バランス

おすすめ： 編集系雑誌レイアウト

クールなグレージュと苔グリーンは、雨上がりの石の地衣類をイメージ。アースカラーのパレットは、編集記事、建築特集、ミニマルな印刷物など、彩度より質感を重視する時にぴったり。最も淡いグレーは余白に、深いグリーンブラックは見出しに。ヒント：中間の苔色を小さなブロックで加えると、セクション間の視線誘導に。

苔むした石のイメージ例（media.ioによる生成）

8）峡谷のトレイル

HEX： #F2E6D8 #D9B08C #B66A4A #7A4B3A #3C2A24

雰囲気： 冒険的、暖かい、無骨

おすすめ： アウトドアウェア広告

日焼けしたキャニオントーンとダークレザーブラウンは、頑丈で信頼性があります。暖かさが耐久性と快適さを示す屋外製品広告では、これらの素朴な色を使用してください。淡い砂の背景でショットをきれいに保ち、テラコッタと深い茶色を製品のアクセントに使用してコピーします。ヒント: 茶色が赤に変わらないように、色のグレーディングを暖かく一貫して保ちます。

media.ioを使って生成したキャニオントレイルの画像例

9) リネンおよび革

HEX：#F5F0E8 #D8C3A5 #B08A6A #7B5A43 #2F2620

雰囲気：クラシック、暖かい、高级

おすすめ：ポートフォリオウェブサイトUI

クリーミーなリネンとリッチなレザーブラウンが、洗練された触感を生み出します。これらのアーストーンは、インターフェイスを静かにプレミアムに保ちながら画像を目立たせたいポートフォリオ UI に適しています。キャンバスにはリネン、カードにはタン、ナビゲーションとテキストにはダークブラウンを使用します。ヒント: シャドウを柔らかく低コントラストに保ち、デザインが光沢ではなく自然に感じられるようにします。

media.ioを使って生成したリネンとレザーの画像例

10) コーヒー土

HEX：#E9DDCF #C6A58B #8B5E3C #5B3A29 #2B1E17

雰囲気：豊かで居心地の良い、地に足のついた

おすすめ：カフェメニューデザイン

ローストブラウンとクリーミーなフォームトーンは、雨の日にフレッシュな注ぎ込みを呼び起こします。メニューの背景にはライトクリームを使用し、見出しと価格にはキャラメルとエスプレッソで階層を構築します。このミックスは、印刷物やデジタルサイネージでは厳しく感じることなくよく読めます。ヒント: 最も暗い色合いを区切り線と本文のテキストとして控えめに使用して、きれいに読みやすくしてください。

media.ioを使って生成したコーヒーソイルの画像例

11) オリーブグローブ

HEX：#F1EBDD #C9C4A1 #8F9A6E #5B6A3C #2E3522

雰囲気：新鮮、ボタニカル、落ち着いた

おすすめ：ボタニカル水彩画イラスト

ソフトオリーブグリーンクリーミーなハイライトで、午後遅くの太陽を受ける葉のように感じます。これらのアーストーン カラーを使用して、植物のイラスト、文房具のアクセント、または自然が主人公である優しいソーシャル グラフィックに使用してください。ミッドオリーブを支配的な洗浄として維持し、茎と影の深い緑で組成物を地面にします。ヒント: グリーンが重くなく風通しが良いように、紙のように白い領域を残してください。

media.ioを使って生成したオリーブ畑の画像例

12) 铜のパティナ

HEX：#F2E7DB #C07A4A #9B5B3A #4F6B5A #23312B

雰囲気：クラフト, ヴィンテージ, ムーディー

おすすめ：クラフト飲料ラベル

磨かれた銅と落ち着いた緑青は、古いワークショップの老朽化した金属のように感じます。これらのアーストーンの配色は、飲料ラベル、薬局スタイルのブランディング、限定版のドロップに最適です。クリームにラベルスペースのほとんどを運ばせ、ブランドマークには銅、二次スタンプには緑青を使用します。ヒント: ディテールを鮮明に保つために、ダークティールブラックに細かいラインワークを追加します。

media.ioを使って生成した銅緑青の画像例

13) プレーリーサンライズ

HEX：#F7E9D7 #E5C39A #C78B5A #8A7D4B #3A3326

雰囲気：優しく、希望に満ちた、温かい

おすすめ：ソーシャルメディアカルーセル

ソフトサンライズゴールドそしてドライグラスブラウンはオープンで落ち着いて楽観的な感じがします。このアーストーンのカラーパレットを使用して、特にライフスタイルのヒントやマインドフルな引用に、大きな飽和を伴わずに暖かさを求める社交的なカルーセルにしてください。淡い桃のようなクリームとダークブラウンのテキストを組み合わせ、オリーブカーキを使用して微妙なタグやセクションヘッダーを使用します。ヒント: スライド全体に 1 つの金色のアクセント シェイプを繰り返して、結束力を構築します。

media.ioを使って生成したprairie sunriseの画像例

14) 川岸中立

HEX：#E8E4DA #C9C1B3 #9D9486 #6C6B61 #2B2B27

雰囲気：ミニマル、クール、安定

おすすめ：モバイルアプリのUI

これらの静かな川岸のニュートラルには、滑らかな小石と濡れた砂が思い浮かびます。色よりも快適さが重要なユーティリティ アプリ、ダッシュボード、読書体験に最適です。画面には最も明るいグレーベージュ、カードにはミッドトーン、テキストとアイコンにはほぼ黒を使用します。ヒント: このセットに強制するのではなく、他の場所でブランドの小さな暖かいアクセントを 1 つ導入してください。

media.ioを使って生成した河岸ニュートラルの画像例

15) スパイスルート

HEX：#F3E6D2 #D4A15A #B05A3C #7A3E2C #2E1E1A

雰囲気：大胆で温かく風味豊か

おすすめ：食べ物ブログヘッダー

トーストしたサフランとパプリカレッドは、日当たりの良いキッチンにスパイスの瓶が並んでいるような感じです。食欲と温かさが重要なフード ブログのヘッダー、レシピ カード、ヒーロー バナーには、この素朴なカラー パレットを使用してください。タイポグラフィにはクリームとディープブラウンを組み合わせ、新品やスパイシーなどのバッジには明るいスパイストーンを使用してください。ヒント: 温かみのある色が料理の画像を圧倒しないように、写真のオーバーレイを微妙に保ちます。

media.ioを使って生成したスパイスルートの画像例

16) 静かな陶磁器

HEX：#F6F1E8 #D7CBBE #B3A399 #8A786B #3A312B

雰囲気：柔らかく、エレガントで、落ち着いた

おすすめ：スキンケアパッケージセット

パウダーニュートラルと温かみのあるトープは、きれいな棚にマットなセラミックピースのように感じます。アーストーンのカラーパレットは、優しい洗練さと読みやすさを求めるスキンケアパッケージに最適です。ライトクリームをベースにしてから、タイプはトープ、成分のハイライトはダークブラウンを使用します。ヒント: 静かな気分に合わせて、コーティングされていない仕上げまたはソフトタッチの仕上げを選択してください。

media.ioを使って生成した静かなセラミックの画像例

17) スモーキー・ティンバー

HEX：#EDE6DC #B9A79A #7D6A5D #4C3E37 #1F1B18

雰囲気：ムーディー、男性的、洗練された

おすすめ：メンズグルーミング製品広告

スモーキーなトープとダークティンバーブラウンは、暖炉の近くで杉と木炭のように感じます。グルーミング広告やプレミアムランディングページでは、背景ブロックにはミッドトーン、太字コピーにはニアブラックトーンを使用してください。明るいベージュで全体的な見た目が重すぎないようにしてくれます。ヒント: 製品ショットで高コントラスト照明を使用して、類似したブラウン間の分離を維持します。

media.ioを使って生成したスモーキーティンバーの画像例

18) 日焼けアドビ

HEX：#F4E1CF #E0B08A #C47A55 #8C523B #3B241D

雰囲気：日差しで暖かく、素朴で、居心地が良い

おすすめ：レストランメニューカバー

アドベの壁と焼き粘土の色調は、パレットを居心地がよく、熱に満ちています。メニューカバー、看板、レストランのブランディングに適合し、プレミアムを読みながらも暖かさが求められます。淡い桃を背景に使用し、タイトルを濃い茶色に配置し、キャラメル粘土でスペシャルを強調します。ヒント: 重い暖かいトーンがレイアウトを混雑させないように、アイコンと仕切りを薄くしてください。

media.ioを使って生成したsunbaked adobeの画像例

19) 石器のキッチン

HEX：#F1EEE6 #D2CABD #A59C8E #6E665B #2C2A25

雰囲気：清潔、家庭的、中立的

おすすめ：レシピカードテンプレート

ストーンウェアグレーと温かみのあるパテトーンは、手作りの食器が並んだきちんとしたキッチンカウンターのように感じられます。この素朴なセットを使用して、明確さが重要な印刷可能なレシピ カードや食品ニュースレター テンプレートを作成してください。オフホワイトを支配的に保ち、セクションラベルにはミッドグレーベージュ、本文テキストにはディープチャコールを使用します。ヒント: パテ調の小さなアクセント バナーを 1 つ追加して、新しい色を導入せずにタイトルを目立たせます。

media.ioを使って生成した石器キッチンの画像例

20) 黄金地衣類

HEX：#F6F0DD #D9C37A #A39A5A #6A7042 #2E311E

雰囲気：フレッシュ、アース、モダン

おすすめ：自然非営利ウェブサイトのヒーロー

黄金色の地衣類と苔のような緑は、明るく、希望に満ちていて、静かにワイルドに感じられます。これらのアースカラーの組み合わせは、ネオンなしで楽観主義を必要とする非営利の web ヒーロー、寄付セクション、レポート カバーに適しています。軽いクリームを使用して広々としたスペースを作り、コントラストのために深い緑色のテキストで地衣類ゴールドのキーボタンを設定します。ヒント: 緑がきれいで読みやすいように、サポート イラストをシンプルにしてください。

media.ioを使って生成した金色地衣類の画像例

21) シエナ オーチャード

HEX：#F4E8D8 #E0B79A #B66B4A #7A6B44 #2F2A20

雰囲気：健康的、暖かい、素朴な

おすすめ：職人ジャムラベル

太陽に照らされたフルーツの皮、焼き土、オリーブの茎が、このアーストーンのミックスに農家の魅力を与えています。特に製品に手作業で季節感を感じさせたい場合は、職人の食品ラベルに強力な選択肢です。ライトクリームをラベルストックとして保管し、ブランドマークにはシエナ、フレーバー名にはオリーブブラウンを使用します。ヒント: 少し質感のある紙で小さなバッチを印刷して、手作りの雰囲気を増幅します。

media.ioを使って生成したsienna orchardの画像例

22) 樹皮とバジル

HEX：#EEE6D9 #CDBB9A #8C8A5E #5A5E36 #2B2E1E

雰囲気：ハーブ、グラウンド、落ち着いた

おすすめ：キッチンブランドのパッケージデザイン

ハーバルバジルグリーンと樹皮のようなニュートラルカラーの組み合わせは、実用的で安心感があります。このアーストーンのカラーパレットは、スパイスのパッケージやパントリーラベル、ナチュラルでミニマルなキッチンブランドにおすすめです。最も明るいニュートラルをメインに使い、主要なパネルにはバジルグリーン、タイポグラフィにはダークグリーンブラックを使用しましょう。ポイント：1つのパネルには1色のグリーンだけを使い、カモ柄のようなごちゃごちゃした見た目を避けましょう。

media.ioを使用して生成した樹皮とバジルのイメージ例

アースカラーと相性の良い色は？

アーシーなパレットは「静かな」ニュートラルや天然素材と最も相性が良いです。温かいホワイト、リネンクリーム、ソフトグレージュ、チャコールブラウン、落ち着いたグリーンです。これらがパレットをまとまりのあるものにし、テラコッタやキャラメル、カッパーなどの暖色系がうるさくならず、意図的な表現になります。

コントラストを出すには、ほぼ黒（エスプレッソ、ディープオリーブブラックなど）をテキストやUI要素に加えましょう。よりモダンな雰囲気を加えたい場合は、ミュートスレート、ダスティティール、ストーングレーなどのクールな色味をアクセントに。ただし彩度は抑え、アーシーさを保ちましょう。

小さなアクセントとして、有機的に感じる色：ライケンゴールド、ラスティ、落ち着きのあるクレイレッドなどを一点投入してください。重要なのは、アクセントの割合を最小限に抑えてデザインが安定するようにし、カラフルになりすぎないことです。

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

まずは役割を割り当てましょう：背景にはライトニュートラル、カードやパネル、パッケージの面には中間色、テキストにはダークカラー、アクションやハイライト用にはアクセントを。アーシーパレットは、ライトニュートラルを広く使うと最も美しく仕上がります。

コントラストに細心の注意を払ってください－多くのアースカラーは明度が近いので、見出しや本文のテキストは思っている以上に暗めを選びましょう。印刷時には実際の用紙（クラフト紙やクリーム紙など）でテストを。紙の色でコントラストが弱まることがあります。

仕上げ材やテクスチャもパレットに合わせると効果的です。マット、非コート紙、リサイクル、ソフトタッチ加工はアーシートーンを引き立てます。一方、光沢仕上げだと暖色系のブラウンが赤っぽくなり、自然さが薄れることがあります。

AIでアースカラーパレットのビジュアルを作成

既にHEXコードがあれば、ブランドボードやメニューカバー、UIのヒーローセクション、ラベル、ポスターなどの簡易ビジュアルをすぐ作成できます。複数のアースカラーの組み合わせを並べて比較したい場合に特に便利です。

Media.ioでは、プロンプトにカラーパレットを入力することで、一貫性のあるテーマ画像を作成できます。プレゼン資料、ムードボード、SNS投稿などに活用可能。例えば「背景をもっとクリームに」や「オリーブのアクセントを追加」など、要素を1つずつ調整しながら、雰囲気をまとめられます。

気に入った方向性が見つかったら、比率やレイアウトを変えたバリエーションをいくつか作り、パレットが実際の使用シーンでどのように見えるかテストしましょう。

次へ： フィエスタカラーパレット