WEB業界で働く人や興味がある人に役立つ情報サイト“qam（カム）”

投稿者： くりりん
カテゴリー： デザイン >デザイン参考

2025年のトレンドカラーがPantoneから発表され、豊かさが感じられる温かみのあるブラウンの色合い、PANTONE 17-1230 モカムースが選ばれました。
チョコレートやコーヒーのおいしさを連想させるこの色は、心地よさへの欲求に応え、癒しを与えてくれる色合いです。
またニュートラルなブラウンなため、控えめで落ち着いたイメージや、贅沢なイメージなど、配色にあわせて印象を変えることができます。
メインカラーとしてもアクセントカラーとしても使い勝手が良さそうですね！

PANTONE 17-1230 Mocha Mousse「モカムース」

まずはカラーデータを見ていきましょう！

【sRGB】164, 120, 100
【LAB】54.79, 17.05, 18.56
【HEX】#A47864

PANTONE 17-1230 モカムースカラーパレット

シンプルで心地よい：柔らかく温かみのあるブラウン
洗練された素朴なエレガンスを備えた PANTONE 17-1230 Mocha Mousse は、単独で使用することも、多目的な基盤として使用することもでき、ミニマリストから細部までこだわったデザインまで、色彩を重視するあらゆる業界の幅広いパレットやアプリケーションを強化します。

Pantoneから提案されているPANTONE 17-1230 モカムースカラーパレットの例を2つ見てみましょう。

PANTONE 17-1230 Mocha Mousseをフィーチャーした5つのカラーパレット【リラックスしたエレガンス】。

Pantone Color of Year 2025

柔らかなモカと陰影のある柳の緑が混ざり合った、カラーパレット【花の小道】。

Pantone Color of Year 2025

どちらも洗練さ、エレガンスさが表現されていて、イメージがダイレクトに伝わってきます。このようにカラーパレット例があると、デザイン時の参考になりますね。

トレンドカラー「モカムース」を使用した配色

続いてモカムースを使用した配色パターンの紹介です。

【補色】カラー・ホイールで真向かいの位置にある色が補色です。メインカラーに対して、補色をアクセントとして使用すると人目を引く効果が期待できます。

【3色配色】カラー・ホイールで等しい距離にある3つの色の組み合わせがトライアドです。バランスが良く、安定感があります。

【類似色】カラー・ホイールで隣り合う色の組み合わせが類似色です。自然界でも多くみられる色の組み合わせなので、人間の目には調和のとれた配色として映ります。

【分裂補色】カラー・ホイールで真向かいの位置にある色の両隣の色を組み合わせると、スプリット・コンプリメンタリになります。 補色ほどのアクセントはありませんが、調和と鋭さを兼ね備えた色の組み合わせを得ることができます。

まとめ

Webデザインでの活用テクニックとして、モカムースの落ち着いた雰囲気は、ユーザーの視線を邪魔せずコンテンツを引き立てるため、背景色に入れるのに適しています。
アクセントカラーとの組み合わせなど奥行きのあるデザイン表現ができるので、配色パターンなどを参考に、トレンドカラーを取り入れてみてください！