アースカラー配色は、土・木・石・空・植物など、自然界の色をもとにした配色です。
派手さはないものの、落ち着き・安心感・ナチュラルさが魅力。
一方で、地味に見えたり、古臭い印象になってしまう…といった失敗も起こりがち。
この記事では、
をまとめてご紹介。
ファッション、インテリア、Webデザイン、広告などの参考にもおすすめです。
アースカラー配色の特徴とは？
アースカラーは、自然素材を連想させる色が中心です。
アースカラー配色の基本ルール
おしゃれなアースカラー配色にするためには、以下のルールを抑えておけばOK！
「自然界にありそうか？」を基準にすると、失敗がありません。
アースカラー配色パターン集
ここからは、アースカラー配色をいくつかご紹介していきます。
王道｜ベージュ×ブラウン
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例
おしゃれなアースカラーにしたいのに、なんだか違う気がする…そんなときは、
以上のことに注意して、もう一度配色を考え直してみましょう。
色の調べ方
色を調べるに当たって、Canvaというアプリを利用させていただいています。
フリー画像やデザインはもちろん、画像から色を抽出してくれるのが便利です。
配色におすすめの本
配色に悩んだときにおすすめなのが、こちらの本。
めっちゃオシャレでかわいい配色がたくさん載っているので、お気に入りが見つかること間違いなし！
＼ 中身はこんな感じ ／
まとめ｜アースカラー配色を成功させるコツ
アースカラー配色は、
この3つを意識すると、落ち着きのある、今っぽい雰囲気になります。
今回紹介した配色パターンは、ファッション、インテリア、Webデザイン、広告まで幅広く使えるので、ぜひ保存して活用してみてくださいね。
他のイメージの色も、調べ次第更新していきたいと思います。
リクエストもお待ちしています！！
コメント