まずはCookie🍪の設定をしてください

当社は、Canvaを機能させるために必須Cookieを使用します。他のCookieは、ユーザー向けにウェブサイトを改善およびパーソナライズし、当社およびパートナーサイトの広告をカスタマイズし、当社ウェブサイトのパフォーマンスを分析するために使用されます。ただし、お客様が承諾した場合に限られます。Cookieのオプションについて詳しくは、当社のCookieポリシーをご覧ください。

  1. デザインをセンスアップする“いけてる配色パターン”100選!

デザインをセンスアップする“いけてる配色パターン”100選!

Canvaデザインツールで簡単に配色が試せます!
今すぐCanvaでデザインを始める!(新しいタブまたはウィンドウで開く)
100-color-combinations

最終更新日 : 2025年3月27日

色彩はデザインをイキイキさせてくれます。

色は注意を引いたり、雰囲気を作ったりするだけなく、感情や視覚にさえ影響を与えるのです。

しかし、時に、デザインを始めるにあたってカラーパレットを選ぶ時、どこからはじめて良いのかわからなくなりますよね。

そこで、私たちCanvaチームが自然や、食べ物&飲み物、旅、日用品(日常のモノ・コト)などから着想したカラーコンビネーション(配色)を100通りご用意しました!

このカラーコンビネーション(配色)をCanvaで使いたい? Canvaへの登録がまだなら、ここをクリックして無料登録を

Canva上でカラーメニューの6桁コードを入れると、あなたのデザインの色が変えられるようになりました。やり方は下のビデオを見てくださいね。

自然

01. 新鮮&鮮明

color-combo-1-tb-728x0

Photo credit: Flickr/u2tryololo

摘みたての草木や色とりどりの花は、長い冬を越えて、春を歓迎しているように見えます。このカラーパレットは、デザインをポップにしてくれるグリーンの明暗とコーラルの色合いで構成されています。この色タイプは、春か夏のシーズンイベントのポスターや、新鮮さや若さを表したい広告などに使えるでしょう。

02. 控えめ&熟練

color-combo-2-tb-728x0

Photo credit: Flickr/Vincent D’Amico

赤と青は企業がブランディングや真っ当な感じを出すために使う一般的な色です。赤は“自信と力強さ”を、青は“落ち着きと信頼性”を表します。このパレットでは強すぎないよう彩度をわずかに暗くし、赤と青をちょっとずつ出しています。控えめな青とグレーに、暗めのレンガ色を加えると、プロっぽくはありながら、余計に色が際立ちます。これは、どんな企業背景でも、より“重い・熱い”デザインプロジェクトにでも、うまく作用します。動画編集(新しいタブまたはウィンドウで開く)のときにもおすすめの配色です。

03. 暗さ&土臭さ

color-combo-3-tb-728x0

Photo credit: Flickr/Wolfgang Staudt

砂漠の風景はドラマティックな対比でみちています。それがこの配色です。明るく、派手な感じからよりトーンを下げる予想もつかないカラーコンビネーションには、プラムと赤みがかったオレンジの色合いを含めたこのペアを試してみてください。

04. 爽やか&ドラマティック

color-combo-10-tb-728x0

Photo credit: Flickr/Alexander Shchukin

アイスランドの自然の美しさは伝説的で、このパレットはこのドラマティックなコントラストを捉えようとしています。温かみがあり灰色の地色の上2つは、涼しげなグリーンと見事に対比しています。色合いの明暗の幅は、他の2〜3色と互いに補完し合いながらも、調和を取りやすくします。

05. クールブルー

color-combo-5-tb-728x0

単色の組み合わせは(様々な濃淡、色調、ちょっとしたニュアンスから作られる)、とんでもなく応用範囲が広いんです。このパレットは技術的定義からするとモノクロ(単色)とは認識されないかもしれませんが、視覚的には、同様の効果を出します。青と同じくらい多目的な色として、このコンビネーションは、どんなところにでもうってつけです。名刺作成や名刺印刷(新しいタブまたはウィンドウで開く)に活用すれば爽やかなイメージを演出できます。

06. アウトドア&自然

color-combo-6-tb-728x0

Photo credit: Flickr/PapaPiper

もしあなたが自然や“緑”の質を強調するブランドやデザインが必要なら、この緑と茶色を含むカラーパレットは論理的選択です。典型的で単調な陰影より、このパレットはライムグリーンの鮮やかさで、雰囲気を明るくしています。

07. 湿った感じ(薄い)のブルーグリーン

color-combo-7-tb-728x0

08. 思いっきりひねるための基本色

color-combo-8-tb-728x0

Photo credit: Flickr/Clint Losee

09. 清々しさ&可愛さ

color-combo-9-tb-728x0

爽やかなターコイズ色には、イースターのキャンディーを思い出させるカラーパレットとして、明るい黄色と風船ガムのピンクを合わせています。もし、ピンクがあなたのデザインに“ガーリー”すぎるなら、明るく綺麗なコンビンーションのために、ピンクを外し、上2つのアクアの色合いに黄色を加える選択をしましょう。YouTube動画編集(新しいタブまたはウィンドウで開く)に使用すればかわいい動画を作成できます。

10. 陽気なグリーンとブルー

color-combo-10-tb-728x0

Photo credit: Flickr/Shandi-lee Cox

このセレクションの一番上と一番下の青みがかった色合いは、灰色の地色が透けていて、ほとんど無色のようです。これはライムグリーンのようにもっと大胆な色合いで遊ぶための、素晴らしい基盤となります。

11. 新鮮&エネルギッシュ

color-combo-11-tb-728x0

Photo credit: Flickr/Tambako The Jaguar

青と緑のほとんど蛍光色に近い色合いは、より控えめな他の2色と均衡が取れていて、配色に元気さを出す明るい爽やかさを加えています。 この類の配色はフィットネスブランドや、事務的な感じとエネルギッシュな雰囲気とのバランスを取る必要があるデザインなどにむいているでしょう。

12. サーフ&ターフ(波と芝生)

color-combo-12-tb-728x0

Photo credit: Flickr/Cycling Man

この風景は目立つ色合いと控えめな色合いそれぞれに、暖色と寒色の両方を含んでいます。ビーチのような暖かみのあるカラーパレットは、この風景の中に見られるコントラストからインスパイアされていて、島での休暇を過ごすリラックスした気持ちを思い起こさせます。特定の場所、雰囲気、感情と色を関連づける良い一例です。

13. バーモントの秋

color-combo-13-tb-728x0

Photo credit: Flickr/Stanley Zimny

バーモント=アメリカ北東部の州。The Green Mountain Stateとの愛称で呼ばれるほど自然が美しいです。

14. 氷のような青とグレー

color-combo-14-tb-728x0

暖かみのあるグレーと涼しげで氷のような青との対比は、くすんだ青とグレーの標準的な配色に比べてより視覚的に面白い、生き生きとした配色を生み出します。もしより控えめなパレットが必要なら、ネイビーとダークグレーを選択する代わりに、より薄く、明るい色調を試してみてください。ビジネス向けのプレゼンテーション(新しいタブまたはウィンドウで開く)にもおすすめの配色です。

15. 鳥とベリー

color-combo-15-tb-728x0

Photo Credit: Flickr/John&FishPhoto Credit: Flickr/John&Fish

16. 昼と夜

color-combo-16-tb-728x0

Photo credit: Flickr/Mirai Takahashi

17. スタイリッシュ&レトロ

color-combo-17-tb-728x0

この抑えた色合いの配色は、1950年代から60年代に特に人気色だった薄いアクアとゴールドで、ビンテージの雰囲気があります。でも、それはこの配色が古臭く見えるということではありません。これらの色(そして、一般的にミッドセンチュリーの近代的美意識)は、人気が再燃していて、未だに洒落て見えるのです。

18. 柑橘系の色合い

color-combo-18-tb-728x0

Photo credit: Flickr/Prachanart Viriyaraks

19. 日没の夕暮れ

color-combo-19-tb-728x0

20. 鮮明&トロピカル

color-combo-20-tb-728x0

Photo credit: Flickr/Lou Gabian

21. 暖かな自然

color-combo-21-tb-728x0

Photo credit: Flickr/shutterbugamar

22. 立派なベリー

color-combo-22-tb-728x0

Photo credit: Flickr/taro

23. 夏のひまわり

color-combo-23-tb-728x0

Photo credit: Flickr/Tina

この配色は夏の野球の試合のような感じがします。グラウンドの赤土、外野の草の緑、頭上の青い空に輝く太陽…。しかし、これは#6(アウトドア派&自然)の明らかな緑と茶色というより、もっと微妙な感じ(そして、よりいろいろな色がある)です。

24. モダン&新鮮

color-combo-24-tb-728x0

Flickr/Ramesh Rasaiyan

白黒と明るく爽やかな緑との組み合わせは、真面目すぎず洗練された現代的パレットになります。白黒に赤や青を合わせる代わりに、ちょっとした緑で新鮮味を出しましょう。

25. 色褪せない航海

color-combo-25-tb-728x0

Photo credit: Flickr/Mirai Takahashi

食べ物&飲み物

26. 中間&多目的

color-combo-26-tb-728x0

グレーの陰影やここにある小麦色のような中間色は、かなり用途が広く、ほとんど何にでも組み合わせることができます。しかし、すべての中間色の配色は、そこそこ良い感じにしかなりません。デザインの中でどのように使うかによって、豪華で洗練された感じ(高級ホテルのブランディングを思い浮かべてください)、もしくは落ち着いて心地よい感じ(近所の珈琲屋さんの装飾を思い浮かべてください)になります。

27. 元気のいい明るさ

color-combo-27-tb-728x0

Photo credit: Flickr/Mirai Takahashi

28. 庭の新鮮さ

color-combo-28-tb-728x0

Photo credit: Flickr/ccharmon

29. 夏のバーベキュー

color-combo-29-tb-728x0

Flickr/Pink Sherbet Photography

30. ブルーベリー

color-combo-30-tb-728x0

31. レモネードスタンド(屋台)

color-combo-31-tb-728x0

Photo credit: Flickr/Katie Ring

32. 穏やか&温泉のような

color-combo-32-tb-728x0

Photo credit: Flickr/Lisa Murray

落ち着いた温泉のような緑と青、それ自体ステキだけれど、そこにアクセントカラーとしてラズベリーを散らすと、ちょっとだけ生き生きとした感じに見えます。控えめな色選択に、明るめや、より目立つアクセントカラーを加えることは、カラーパレットを陽気なものにしたり、やや面白みを加えたりするのに適したテクニックです。

33. 楽しさ&トロピカル

color-combo-33-tb-728x0

Photo credit: Flickr/Louis Vest

この楽しい色の混ぜ合わせは、真面目すぎになることはありません。夏のパーティーの招待状をデザインする? 子どもイベントのポスターや広告を作る? このようなパレットは、楽しいことはどこかを明確にしてくれます。

34. スパイスのような中間色

color-combo-34-tb-728x0

Photo credit: Flickr/Michael Stern

明るいから暗いまでの色合い(陰影)の範囲ゆえに、このカラーパレットはデザインに応用しやすいです。たった4色から、背景色、文字色、1つ2つのアクセントカラーを選べるだけの、コントラストがこのパレットにはあるのです。

35. パステル

color-combo-35-tb-728x0

Photo credit: Flickr/Michael Stern

パステルパレットを使うことには幾分制限があります。イースター、春、赤ちゃん、ティーパーティーのデザインに使うのは、安全な選択です。パステルカラーは一般的に可愛くて繊細な感じになります。なので、このカラーコンビネーションを使いたい時は、そのような雰囲気のデザインにしたいかどうか、確かめてからにしましょう。

36. くっきり&洗煉

color-combo-36-tb-728x0

Photo credit: Flickr/Michael Stern

37. 陽気な柑橘系

color-combo-37-tb-728x0

Photo credit: Flickr/Michael Stern

38. 明瞭な補完色

color-combo-38-tb-728x0

Photo credit: Flickr/Michael Stern

赤と緑は伝統的な色相環の補色(もしくは反対)3組のうちの1つです。他の2組はオレンジと青、紫と黄色です。これらの色は組み合わせると、コントラストが強くて際立つので、注意して使わないと、やや目障りな感じなります。それゆえ、このパレットの赤と緑は、バランスをとり、色調を抑えて(クリスマスデコレーションに見られるような赤と緑の彩度ではなく)補完的なカラーパレットをやや新しい方向にひねってあります。

39. 温かみと素朴さ

color-combo-39-tb-728x0

Photo credit: Flickr/Michael Stern

40. ギラギラした夜

color-combo-40-tb-728x0

Photo credit: Flickr/Michael Stern

41. 宝石のような色調

color-combo-50-tb-728x0

Photo credit: Flickr/Michael Stern

42. 磨き上げ、人をひきつける

color-combo-42-tb-728x0

Photo credit: Flickr/Michael Stern

ポップな黄金色とともに使う暖かいグレーは、インリアデザインや室内装飾の中で見かける配色です。本来中間色ですが(グレーの暖かみは落ち着きと人を惹きつける感じがあります)、黄色は陽気さと活気を加えて、古臭くなく、洗練された感じをパレット全体に与えます。

43. フレッシュグリーン(新鮮な緑)

color-combo-43-tb-728x0

44. 冬の赤

color-combo-44-tb-728x0

冬のベリーや雪空にさらされるむき出しの枝を連想させるこのカラーコンビネーションは、伝統的なクリスマスや休暇を連想させるパレットに代わる提案になります。深みのある赤と紫がかったグレーのペアは洗練さがありながらも、お祭り感もあります。

45. 夏祭り

color-combo-45-tb-728x0

46. チョコレートブラウン

color-combo-46-tb-728x0

誰が茶色はつまんないと言ったのでしょう? 下地に赤と紫を加えてごらんなさい、チョコレートカップケーキのような、少し退廃的に感じる、豊かで深みのあるカラーパレットになりますよ。

47. 自然な上品さ

color-combo-47-tb-728x0

48. 居心地良さと暖かさ

color-combo-48-tb-728x0

49. バイオレットサンセット(紫の夕焼け)

color-combo-49-tb-728x0

50. いちごクリーム

color-combo-50-tb-728x0

Photo credit: Flickr/Michael Stern

旅行

51. ギリシャの休日

color-combo-51-tb-728x0

52. 強調とベーシック

color-combo-52-tb-728x0

白、黒(今回の場合、とっても暗い紺)、赤、黄色はとても一般的な組み合わせです。しかし、この陰影満載の感じだと、全くつまらなくはないですね。もしあまり使われない色を撒き散らすのではなく、それでいて強くて、アイキャッチとして機能する強調のパレットを探しているのなら、この配色は使いやすいものの一つです。

53. ワイン畑の中間色

color-combo-53-tb-728x0

54. 近代的&都会的

color-combo-54-tb-728x0

55. 霞んだ緑

color-combo-55-tb-728x0

56. 太陽いっぱいの村

color-combo-56-tb-728x0

地中海沿いの断崖に囲まれた多くの村々は、暖かいパステルで彩られています。この色合いの選択で、陽気で屈託のない感じを再現でき、デザインにイタリアの甘い生活(dolce vita)をちょっと入れたり、暖かく、居心地の良さそうな効果を生むことができます。

57. 太陽と空

color-combo-57-tb-728x0

58. アクアブルー

color-combo-58-tb-728x0

59. 都会のオアシス

color-combo-59-tb-728x0

60. キャンディーで包まれたような明るさ

color-combo-60-tb-728x0

これら活気溢れた色はキャンディーストアに並んでいそうで、若々しいエネルギーをデザインに与えてくれるに違いありません。ただ、デザイン全体がやや“うるさく”なってしまうのがOKかどうかははっきりしておきましょう。これらの色が落書きから連想されたように、決して静かな色ではなく、主張してしまうからです。

61. 控えめ&アンティーク

color-combo-61-tb-728x0

62. クラッシー&タイムレス(不朽のシャレもの)

color-combo-62-tb-728x0

のっぺりした色でメタリック効果を作るのは難しいですが、ダークブルーとゴールドは、派手なパーティーの招待状から、エリート学校やスポーツチームのオフィシャルカラーまで、あらゆるところで見かけるでしょう。デザインに高級感をちょっと加えるために、その2色のコンビネーションを試してみてください。(もし、デザインを金の箔を使って印刷できるなら、なお良し!!)

63. コスモポリタン

color-combo-63-tb-728x0

64. 元気いっぱい、フレンドリー

color-combo-64-tb-728x0

65. ナイトライフ

color-combo-65-tb-728x0

すべての印刷機で使われているこのインクの色(CMYKと省略される、シアン・マジェンタ・イエロー・ブラック)は大都会の夜に輝くネオンサインに似た、魅力的な配色になります。

66. 海岸沿い

color-combo-66-tb-728x0

67. 海の輝き

color-combo-67-tb-728x0

68. ビンテージの魅力

color-combo-68-tb-728x0

69. 控えめで多目的

color-combo-69-tb-728x0

70. 北極の夜明け

color-combo-70-tb-728x0

青とグレーはいつだって互いに素敵に作用します。(このパレットの下3つは確実に役に立ちます)しかし、薄いコーラルピンクを加えると、明るい青と一緒になることによって、ちょっとだけキラキラ感が増します。

71. 地中海の午後

color-combo-71-tb-728x0

誰かイタリアンレストランでランチ? イタリア料理につきものの、ワイン、恋トマトソース、手作りの生パスタなどなどは、この配色の見た感じをすべて表しています。デザインにいくらか暖かみと味わいを加えたいなら試してみてください。クリーム色の中間色を含んでいるのは、もっと色とりどりの選択肢と釣り合うようにするためです。これは背景としても、ベースカラーとしても、1色以上の他の色へのセンスの良いアクセントとしても使えます。

72. かすんだグレー(靄のかかったグレー)

color-combo-72-tb-728x0

73. 都市の景観(街の眺め)

color-combo-73-tb-728x0

74. レトロ&リラックス

color-combo-74-tb-728x0

75. 草原

color-combo-75-tb-728x0

日用品

76. 独特&予想外

color-combo-76-tb-728x0

77. スマート&モダン

color-combo-77-tb-728x0

黒、グレー、白はいつでも受け入れやすく、使い易い色です。しかし、コバルトブルーを加えると、それらの平凡で中間的な色合いは、企業から流行を追ったものまで、どんなデザインにでも使えるような、モダンで、魅力的なパレットになるのです。

78. オレンジアクセント

color-combo-78-tb-728x0

79. 白黒を超えて

color-combo-79-tb-728x0

赤や青は基本的な黒・白との一般的な組み合わせかもしれません。しかし、ここでは、より深い赤とより明るいターコイズブルーを一緒にすると、よくある組み合わせに新しいひねりを与えます。

80. 古くてシックな中間色

color-combo-80-tb-728x0

81. 寒暖(暖かさと涼やかさ)

color-combo-81-tb-728x0

82. 産業的と統制

color-combo-82-tb-728x0

83. 秋のオレンジと補完的な中間色

color-combo-83-tb-728x0

84. プールパーティー

color-combo-84-tb-728x0

85. いぶし銀

color-combo-85-tb-728x0

86. ほのかさと多様性

color-combo-86-tb-728x0

これらの色で思い浮かべるのはビーチハウスの内装かもしれません、このパレットは中間色よりで、わずかに色あせていて、ビンテージな感じです。でもここに含まれている色は、特有のスタイルには入れられません。とっても用途が広く、ほのかで、あなたのデザインを圧倒することはありません。

87. プロフェッショナル&トラディショナル

color-combo-87-tb-728x0

88. 薄い中間色

color-combo-88-tb-728x0

Photo credit: Flickr/Teresa Romano

89. 謎めいてドラマティック(影&ドラマティック)

color-combo-89-tb-728x0

90. 金色の午後

color-combo-90-tb-728x0

91. 暗いハンサム(ダークな男前)

color-combo-91-tb-728x0

黒みがかった木、革、古い本…古い映画の中で、イングリッシュパブや紳士クラブにあるようなものですね。デザインで柔らかく知的な感じにしたいなら、深い茶色にちょっと薄めで、くすんだ中間色の色合いを加えた組み合わせを試してみてください。

92. テクノロジーと自然との出合い

color-combo-92-tb-728x0

93. 陽気な青とピンク

color-combo-93-tb-728x0

94. 異国風&インパクト大

color-combo-94-tb-728x0

95. 学校が始まる

color-combo-95-tb-728x0

96. 明るく絵画的

color-combo-96-tb-728x0

97. アーバンリビング

color-combo-97-tb-728x0

98. 1950年代のキッチン

color-combo-98-tb-728x0

99. くすんだ紫

color-combo-99-tb-728x0

100. 最先端で都会的(トレンド&メトロポリタン)

あなたに何かしらインスパイアできたらいいと思ってこの記事を執筆しました。 いかがでしたか?お気に入りの配色が見つかったら、是非ともCanvaでデザインを始めてみてください!(新しいタブまたはウィンドウで開く)

Happyなデザインを!

関連記事

すべて表示

アイディアを形に

もっとも簡単なデザイン作成サービス