アースカラー配色は、土・木・石・空・植物など、自然界の色をもとにした配色です。
派手さはないものの、落ち着き・安心感・ナチュラルさが魅力。
一方で、地味に見えたり、古臭い印象になってしまう…といった失敗も起こりがち。
この記事では、
をまとめてご紹介。
ファッション、インテリア、Webデザイン、広告などの参考にもおすすめです。
アースカラー配色の特徴とは？
アースカラーは、自然素材を連想させる色が中心です。
アースカラー配色の基本ルール
おしゃれなアースカラー配色にするためには、以下のルールを抑えておけばOK！
「自然界にありそうか？」を基準にすると、失敗がありません。
＼＼ すぐに使えるテンプレートで時間短縮 ／／
アースカラー配色パターン集（3色）
ここからは、アースカラー配色を5つご紹介していきます。
モニター環境や印刷条件によって、色味が多少異なって見える場合があります。
あくまで参考値としてご活用ください。
＼＼ 知識ゼロでもすぐに始められるAI画像生成 ／／
①王道｜ベージュ×ブラウン
earth color
ブラウン系で統一した、定番のアースカラー配色です。
| カラー | カラーコード | RGB |
| メイン | # | 230, 211, 177 |
| サブ | # | 123, 74, 46 |
| アクセント | # | 247, 244, 239 |
②ナチュラル｜カーキ×生成り
earth color
カーキを使って、ナチュラルで落ち着く雰囲気のアースカラー。
| カラー | カラーコード | RGB |
| メイン | # | 107, 123, 74 |
| サブ | # | 245, 240, 230 |
| アクセント | # | 74, 59, 42 |
③洗練｜グレー×グリーン
earth color
グレージュとチャコールに、爽やかなグリーンをプラス。
| カラー | カラーコード | RGB |
| メイン | # | 207, 198, 188 |
| サブ | # | 159, 184, 160 |
| アクセント | # | 80, 80, 80 |
④アウトドア｜ブラウン×グリーン
earth color
森や土の色で、アウトドアなイメージに。
| カラー | カラーコード | RGB |
| メイン | # | 47, 93, 80 |
| サブ | # | 123, 74, 46 |
| アクセント | # | 230, 211, 177 |
⑤都会的｜グレー×ブラウン
earth color
穏やかな色味で、おしゃれなのに安心感のある配色です。
| カラー | カラーコード | RGB |
| メイン | # | 218, 218, 218 |
| サブ | # | 90, 62, 43 |
| アクセント | # | 247, 244, 239 |
アースカラー配色の黄金比
アースカラー配色では、「色の割合」がとても重要です。
アクセントは控えめが◎。
アースカラー配色のNG例
おしゃれなアースカラーにしたいのに、なんだか違う気がする…そんなときは、
以上のことに注意して、もう一度配色を考え直してみましょう。
まとめ｜アースカラー配色を成功させるコツ
アースカラー配色は、
この3つを意識すると、落ち着きのある、今っぽい雰囲気になります。
今回紹介した配色パターンは、ファッション、インテリア、Webデザイン、広告まで幅広く使えるので、ぜひ保存して活用してみてくださいね。
コメント