カラーパレット

ミニマルなカラーパレット

ミニマルな配色は色数を絞り、余白をたっぷり取るのが基本です。ニュートラルカラーをベースに、アクセントカラーは多くてもひとつだけ。Webサイト、パーソナルブランド、インテリア、プレゼン資料に使える12の組み合わせです。

白とやわらかい黒

もっとも汎用性の高い基本配色。文字が読みやすく、清潔感があります。

温かみのあるベージュ

インテリア、ナチュラルコスメ、アパレルショップに。

グレーと青のアクセント

ソフトウェアのWebサイトやポートフォリオの定番です。

サンドベージュとチャコール

落ち着きと温かさを両立。建築や写真に便利です。

穏やかなセージ

自然で穏やかな印象。エコ商品によく合います。

テラコッタのアクセント

暖色をひとつ加えるだけで、ボタンや見出しが引き立ちます。

スレートブルー

クールで整った印象。アプリや管理画面に向いています。

グレージュ

グレーとベージュの中間色で、冷たく見えません。

黒と控えめなゴールド

高級感をほんのり加えたミニマリズム。

くすみピンク

やさしい印象で、美容ブランドやシンプルな結婚式に。

ミニマルなフォレストグリーン

ニュートラルカラーに深い緑をアクセントとして添えて。

クールなモノクロ

テクノロジー、フィンテック、技術文書に。

色をタップするとHEXコードをコピーできます。鉛筆アイコンからエディターでパレットを開いて編集できます。

アクセントカラーはひとつだけ

ニュートラルカラーを3〜4色使い、強い色はボタン、リンク、ロゴなど大事な部分だけにとっておきましょう。すべてに色をつけると、何も目立たなくなります。

文字のコントラストに注意

明るいグレーは上品に見えますが、読みにくくなりがちです。本文には明るい背景にダークグレーかほぼ黒(#222222など)を使い、十分なコントラストがあるか確認しましょう。

暖色系と寒色系のニュートラルを混ぜない

ベースを暖色系(ベージュ、クリーム色)にするか寒色系(ブルーグレー)にするか決めましょう。両方を混ぜると、くすんでだらしない印象になりやすいです。

これらのパレットで使われている色

白ホワイトスモークシルバーダークグレーエボニーオフホワイトアラバスターボーンホワイトオックスフォードグレープラチナコールブラックグレージュ鉛色漆黒パールグレーストーングレー

よくある質問

ミニマルデザインではどんな色を使いますか?

主に白、黒、グレー、ベージュです。青、緑、テラコッタなどのアクセントカラーを、ごく一部の要素にだけ加えることもあります。

ミニマルな配色は何色にすべきですか?

ニュートラルカラーを含めて3〜5色が一般的です。それ以上になると、すっきりした印象が薄れていきます。

スタイルのパレットをもっと見る

さらに探す