パワーポイントで見やすい色の組み合わせ100パターン

  • | 公開 2023年12月29日
資料ノウハウ
パワーポイントで見やすい色の組み合わせ100パターン

いつも見て頂きありがとうございます!「エンプレス」の編集部:sugiyamaです。参考にしたい資料の色の組み合わせを100パターン集めました。

「何色が見やすいか分からない…」
「色選びのセンスがない…」
「色の組み合わせを試したい…」

パワーポイントは色を自由に使えますが、自由だからこそ、その組み合わせには悩みますよね。

選び方次第で「見づらい」「見やすい」も変わってくるため、実際に作られた資料から色を抽出して、今から現場で使える色の組み合わせをまとめました。

このページが、色選びの参考になれれば嬉しいです。

01. 青のグラデーションからアクセントにピンク

資料の配色パターン:01. 青のグラデーションからアクセントにピンク参考:コンバージョン率向上のためのウェブサイト改善 23の施策集

カラー①カラー②カラー③カラー④
#008CE3#63BCE6#E1F9E9#FFFFFF

02. トーンを合わせた青紫のグラデーション

資料の配色パターン:02. トーンを合わせた青紫のグラデーション参考:デジタルマーケティング総合支援サービスご紹介資料

カラー①カラー②カラー③カラー④
#416AC4#47A0CA#AFC7F4#FFFFFF

03. 青色ベタ塗で陰影あり

資料の配色パターン:03. 青色ベタ塗で陰影あり参考:【ガイドブック】ブランディングの成功確率を高める「7ステップ」完全ガイド

カラー①カラー②カラー③カラー④
#3970CD#8ECFE6#FFFFFF#1339A8

04. 青緑に映える黄色

資料の配色パターン:04. 青緑に映える黄色参考:【調査レポート】全国のビジネスパーソン約3,000名に聞いたブランディング意識調査

カラー①カラー②カラー③カラー④
#68A7C6#FFFFFF#FFFF8F#B3E6F7

05. 青色をオーバーレイにして全体の色調を合わせる

資料の配色パターン:05. 青色をオーバーレイにして全体の色調を合わせる参考:映像クリエイティブの力を使った採用プロモーション支援

カラー①カラー②カラー③カラー④
#A4CDE9#6B6B7B#FFFFFF#2171CA

06. マットな青緑に黄色をアクセント

資料の配色パターン:06. マットな青緑に黄色をアクセント参考:【運用初級者向け】リスティング広告コンバージョン成果改善マニュアル

カラー①カラー②カラー③カラー④
#81B3D6#FFFFFF#FEFFAF#004EA1

07. 青紫に白の間違いないパターン

資料の配色パターン:07. 青紫に白の間違いないパターン参考:株式会社サインドのIR・決算

カラー①カラー②カラー③カラー④
#334597#FFFFFF

08. 彩度の低い紺と白の組み合わせ

資料の配色パターン:08. 彩度の低い紺と白の組み合わせ参考:株式会社PR TIMESのIR・決算

カラー①カラー②カラー③カラー④
#2A4C7A#FFFFFF

09. 全体的な水色の中に赤色のアクセント

資料の配色パターン:09. 全体的な水色の中に赤色のアクセント参考:PDFソフトの王道!手軽に使い出せるKdan PDF Reader

カラー①カラー②カラー③カラー④
#81C1FE#BFDDFF#D4E8FF#DA0000

10. 濃い青色の中でも映える赤紫

資料の配色パターン:10. 濃い青色の中でも映える赤紫参考:【ガイドブック】ブランディングしようと思ったら『ブランディング・オーダーシート』

カラー①カラー②カラー③カラー④
#004EA2#FFFFFF#60ABDF#CB003E

11. 青と紫のグラデーション

資料の配色パターン:11. 青と紫のグラデーション参考:AD-PASS(広告チーム立ち上げサービス)

カラー①カラー②カラー③カラー④
#A2EDFB#79A4F9#E5FAFE#005AEE

12. 紺と発色のいい水色・緑

資料の配色パターン:12. 紺と発色のいい水色・緑参考:Geckoboard(ゲッコーボード)

カラー①カラー②カラー③カラー④
#00133A#00D8D6#0DD354#C6E2CC

13. さわやかな青色と水色の組み合わせ

資料の配色パターン:13. さわやかな青色と水色の組み合わせ参考:アニメ好きターゲティング×インタラクティブ動画

カラー①カラー②カラー③カラー④
#2464AC#66BDD0#F6E8C1#FFFFFF

14. 紫の濃淡で色相を合わせる

資料の配色パターン:14. 紫の濃淡で色相を合わせる参考:freee株式会社のIR・決算

カラー①カラー②カラー③カラー④
#EEF2FE#5050ED#1C169E

15. 青と緑のグラデーションで濃淡を付ける

資料の配色パターン:15. 青と緑のグラデーションで濃淡を付ける参考:Web広告のプロが教えるWebマーケティングの考え方

カラー①カラー②カラー③カラー④
#F0F9F8#E3F2ED#4EC4D2#5071B8

16. 水色で色相を合わせた配色パターン

資料の配色パターン:16. 水色で色相を合わせた配色パターン参考:【保存版】BtoBマーケティング デジタル施策リスト

カラー①カラー②カラー③カラー④
#79CAFA#ABDAF4#FFFFFF

17. 色相を合わせた青の中を白でくりぬく

資料の配色パターン:17. 色相を合わせた青の中を白でくりぬく参考:BSM SaaS「Pro-Sign」のご案内

カラー①カラー②カラー③カラー④
#004183#296299#FFFFFF#098CDA

18. 紺と白の中にアクセントで橙

資料の配色パターン:18. 紺と白の中にアクセントで橙参考:定期通販限定!5か年EC事業計画シミュレーション

カラー①カラー②カラー③カラー④
#12275B#FFFFFF#DFE0F6#F4AD5E

19. 藍色のトーンに合わせた組み合わせ

資料の配色パターン:19. 藍色のトーンに合わせた組み合わせ参考:正確なデータを集める!アンケート作成術「7つのポイント」

カラー①カラー②カラー③カラー④
#336699#100C0B#72563D#FFFFFF

20. 彩度の高い水色に濃い青を組み合わせ

資料の配色パターン:20. 彩度の高い水色に濃い青を組み合わせ参考:地域No1になるための社名認知獲得~タレントキャスティングにおけるデジタルマーケティング活用~

カラー①カラー②カラー③カラー④
#00B0F0#FFFFFF#004EA2#FFFF99

21. トーンを合わせた青とベージュ

資料の配色パターン:21. トーンを合わせた青とベージュ参考:マーケティング人材とのマッチングサービス「カイコク」

カラー①カラー②カラー③カラー④
#F4F3F1#91D2F0#258FBF#F6E02F

22. 青の濃淡でコントラストを付ける

資料の配色パターン:22. 青の濃淡でコントラストを付ける参考:【GOOD例&BAD例つき】LP改善 21の施策集

カラー①カラー②カラー③カラー④
#FFFFFF#E6EDF5#87C1E9#004EA1

23. 彩度を落とした青紫で全体を覆う

資料の配色パターン:23. 彩度を落とした青紫で全体を覆う参考:他社と圧倒的差別化!リサーチ型コンテンツ作成支援「アンケトス」

カラー①カラー②カラー③カラー④
#484F85#FFFFFF#F2EEED#2051A2

24. 青で色彩を合わせて黄色をアクセント

資料の配色パターン:24. 青で色彩を合わせて黄色をアクセント参考:住宅購入の調査レポート

カラー①カラー②カラー③カラー④
#FFFFFF#E5EDF6#CADDFE#004EA2

25. 白をベースに紺と赤で彩りを

資料の配色パターン:25. 白をベースに紺と赤で彩りを参考:月額たったの5,000円で使える入社手続きシステム「SPIRAL HRクラウド LT」

カラー①カラー②カラー③カラー④
#FFFFFF#0D2761#00759C#FF0000

26. 水色のオーバーレイを重ねて写真のトーンを合わせる

資料の配色パターン:26. 水色のオーバーレイを重ねて写真のトーンを合わせる参考:専門家キャスティング×インタビュー軸マーケティングコンテンツ制作サービス「Authorize」

カラー①カラー②カラー③カラー④
#FFFFFF#55F3F9#030303#2D96C9

27. 青の色相から外れないようバランスよく組み合わせ

資料の配色パターン:27. 青の色相から外れないようバランスよく組み合わせ参考:歯科タウン 広告メニュー

カラー①カラー②カラー③カラー④
#FFFFFF#70C9E4#A6CBF7#012038

28. 彩度を落とした青が映えるような組み合わせ

資料の配色パターン:28. 彩度を落とした青が映えるような組み合わせ参考:ECの受注処理が0になる!受注管理システム「コマースロボ」

カラー①カラー②カラー③カラー④
#FFFFFF#035484#D7D7D7#77B3D7

29. 水色と赤色のトーンを合わせて色合いを合わせる

資料の配色パターン:29. 水色と赤色のトーンを合わせて色合いを合わせる参考:ここが凄いUIshare!社内・外で使える動画共有プラットフォーム

カラー①カラー②カラー③カラー④
#FFFFFF#23212E#55A1C8#EF4F3F

30. 青と緑に合う黄色をアクセントに

資料の配色パターン:30. 青と緑に合う黄色をアクセントに参考:ここが凄いRanabase!仕事の「見える化」で業務改善を促すツール

カラー①カラー②カラー③カラー④
#FFFFFF#8CD2F4#33A2AE#FEF67A

31. 強めの青色をポイントで使用

資料の配色パターン:31. 強めの青色をポイントで使用参考:キジクラ

カラー①カラー②カラー③カラー④
#F2F0F4#000000#214B9E#6789CD

32. 青の面積を増やして全体的に締まりを演出

資料の配色パターン:32. 青の面積を増やして全体的に締まりを演出参考:NFTに特化した情報サイト「NFT Media」

カラー①カラー②カラー③カラー④
#FFFFFF#0768BD#192884#94A38F

33. ワンポイントに濃い青を入れて印象を作る

資料の配色パターン:33. ワンポイントに濃い青を入れて印象を作る参考:株式会社コマースOneホールディングスのIR・決算

カラー①カラー②カラー③カラー④
#FFFFFF#3240A1#5C8EB9#0D1323

34. 白色と水色のコントラストがキレイ

資料の配色パターン:34. 白色と水色のコントラストがキレイ参考:ここが凄いBiz cotoco!温かみのあるデジタルギフト

カラー①カラー②カラー③カラー④
#FFFFFF#00B0F0#323232#F0E7E2

35. 上下に濃い青を入れることでバランスを整える

資料の配色パターン:35. 上下に濃い青を入れることでバランスを整える参考:【導入事例】操作ミスやサボりがなくせる業務可視化ツールEye”247″

カラー①カラー②カラー③カラー④
#FFFFFF#004191#F2F2F2#EBBF57

36. 色数は多いものの重要な紺を広く使い印象を統一

資料の配色パターン:36. 色数は多いものの重要な紺を広く使い印象を統一参考:業務可視化・分析サービス【Eye”247” Work Smart Cloud】早わかりガイド

カラー①カラー②カラー③カラー④
#FFFFFF#003466#FCD045#1FD0A0

37. 彩度の高い藍色の中に黄色でキレイな印象を

資料の配色パターン:37. 彩度の高い藍色の中に黄色でキレイな印象を参考:外壁塗装の元請け集客成功ノウハウ

カラー①カラー②カラー③カラー④
#0097C6#FFFFFF#FFFF93#FFCA28

38. 色がキレイな青緑を広く使い見栄えがいい

資料の配色パターン:38. 色がキレイな青緑を広く使い見栄えがいい参考:オープンコミュニケーションツール「チームポット」サービス資料

カラー①カラー②カラー③カラー④
#21C5E3#FFFFFF#000000#FFC000

39. 深緑に発色のいい黄色でアクセント

資料の配色パターン:39. 深緑に発色のいい黄色でアクセント参考:インフレ時代を生き抜く!固定費削減のアイデア

カラー①カラー②カラー③カラー④
#51B8C3#81CBD3#FFFF00#FFFFFF

40. 藍色と白の三段階構成

資料の配色パターン:40. 藍色と白の三段階構成参考:売れる営業がこぞって使う商談ツール「どこでもSHOWBY」

カラー①カラー②カラー③カラー④
#358CAE#FFFFFF#EEE341#DE2726

41. 緑を写真の上に載せてトーンを合わせる

資料の配色パターン:41. 緑を写真の上に載せてトーンを合わせる参考:環境可視化IoTソリューション「ワークプレイスコネクト」

カラー①カラー②カラー③カラー④
#FFFFFF#6CAF41#F2F2F0#F4A61B

42. 緑の濃淡で色相を合わせたパターン

資料の配色パターン:42. 緑の濃淡で色相を合わせたパターン参考:【営業責任者必見】少ないリソースで売上を一気に上げる成約重視の営業戦略

カラー①カラー②カラー③カラー④
#FFFFFF#CEE7E6#66B7A5#19A78E

43. ベージュの色相から外れない緑でバランスよく

資料の配色パターン:43. ベージュの色相から外れない緑でバランスよく参考:【調査レポート】関節症患者と病院のミスマッチを防ぐポイントと再生医療の認知について

カラー①カラー②カラー③カラー④
#FFFFFF#DDD6C6#B9AB8E#1CB57C

44. 白の中にポイントで青緑を入れる

資料の配色パターン:44. 白の中にポイントで青緑を入れる参考:簡易調査ツールFreeasy(フリージー)

カラー①カラー②カラー③カラー④
#FFFFFF#3CB1CD#9AD2E3#B0D260

45. 白の中に青竹色(あおたけいろ)

資料の配色パターン:45. 白の中に青竹色(あおたけいろ)参考:美容カウンセリングのAI化でスキル補填できるフェイススキャン診断®

カラー①カラー②カラー③カラー④
#FFFFFF#96D2D2#130A1B#E6DDE0

46. 二隅にポイントで緑

資料の配色パターン:46. 二隅にポイントで緑参考:「事業再構築補助金」申請サポート

カラー①カラー②カラー③カラー④
#FFFFFF#2AAB9F#414141#82CCD2

47. 相性のいい紺と緑の組み合わせ

資料の配色パターン:47. 相性のいい紺と緑の組み合わせ参考:WEBライティング制作サービス資料

カラー①カラー②カラー③カラー④
#FFFFFF#1D2A4E#2E6F12#232A34

48. 白をベースに青緑と濃い黒でバランスよく

資料の配色パターン:48. 白をベースに青緑と濃い黒でバランスよく参考:ここが凄いNitte(ニッテ)!ストレスフリーな日程調整ツール

カラー①カラー②カラー③カラー④
#FDFDFD#291B0F#F7F4F1#429F9F

49. 黒色で写真のトーンを合わせて白でくりぬく

資料の配色パターン:49. 黒色で写真のトーンを合わせて白でくりぬく参考:ECサポートpro

カラー①カラー②カラー③カラー④
#8C9DA7#252525#FFFFFF#8D343E

50. 白が映えるように黒の濃淡を作る

資料の配色パターン:50. 白が映えるように黒の濃淡を作る参考:ブランディング・マーケティングのための動画活用資料

カラー①カラー②カラー③カラー④
#414141#0A0A0A#FFFFFF#8F8F8F

51. グレーに合わせた紫と青のグラデーション

資料の配色パターン:51. グレーに合わせた紫と青のグラデーション参考:マーケティング担当、 経営者など1,500名に聞いた「マーケティング活動に関する組織課題調査」

カラー①カラー②カラー③カラー④
#404040#9C32D2#97E5FC#FFFFFF

52. グレーに合わせた紫と橙のグラデーション

資料の配色パターン:52. グレーに合わせた紫と橙のグラデーション参考:コンテンツマーケティングを成功させるためのポイント

カラー①カラー②カラー③カラー④
#3B3B3B#70286B#84584C#FFFFFF

53. 黒をベースに質感を入れて高級感を演出

資料の配色パターン:53. 黒をベースに質感を入れて高級感を演出参考:富裕層ママターゲティング

カラー①カラー②カラー③カラー④
#28292D#4E4D52#FFFFFF

54. グレーの中に赤紫をワンポイントで入れる

資料の配色パターン:54. グレーの中に赤紫をワンポイントで入れる参考:株式会社リベロのIR・決算

カラー①カラー②カラー③カラー④
#F2F2F2#ECECEC#323232#C41F38

55. バランスのいい黒色・灰色・白色

資料の配色パターン:55. バランスのいい黒色・灰色・白色参考:法人営業向けの企業情報調査支援ツール「MeeFa Assistant(ミーファ アシスタント)」

カラー①カラー②カラー③カラー④
#FFFFFF#020303#A7A7A7#F5F6FA

56. 黒でトーンを合わせた鉄板パターン

資料の配色パターン:56. 黒でトーンを合わせた鉄板パターン参考:<建設業・製造業向け>クロジカ大容量ファイル管理

カラー①カラー②カラー③カラー④
#FFFFFF#EEEEEE#000000

57. 黒の中にアクセントで橙を入れる

資料の配色パターン:57. 黒の中にアクセントで橙を入れる参考:集客できるホームページ制作とは?制作・集客・商談の流れを解説!

カラー①カラー②カラー③カラー④
#FFFFFF#231F20#F36E21#1FA3D3

58. 緑・青・紫の色相を合わせたグラデーション

資料の配色パターン:58. 緑・青・紫の色相を合わせたグラデーション参考:日程調整ツール Jicoo(ジクー)

カラー①カラー②カラー③カラー④
#3FB599#3885B0#7C38AD#FFFFFF

59. 紫の濃淡で作ったグラデーション

資料の配色パターン:59. 紫の濃淡で作ったグラデーション参考:現場の実践力を重視したDX人材の教育プログラム

カラー①カラー②カラー③カラー④
#D050DE#4C33AA#FFFFFF#FF0000

60. 彩度を落とした紫と青で淡いグラデーション

資料の配色パターン:60. 彩度を落とした紫と青で淡いグラデーション参考:株式会社テラスカイのIR・決算

カラー①カラー②カラー③カラー④
#5075C6#460180#1A1E43#FFFFFF

61. 写真に紫をオーバーレイして全体の色調を合わせる

資料の配色パターン:61. 写真に紫をオーバーレイして全体の色調を合わせる参考:株式会社プラスアルファ・コンサルティングのIR・決算

カラー①カラー②カラー③カラー④
#350B9F#5C4CAF#FFFFFF#880504

62. 紫に近しい色相を使ったグラデーション

資料の配色パターン:62. 紫に近しい色相を使ったグラデーション参考:インフォコム株式会社のIR・決算

カラー①カラー②カラー③カラー④
#FFFFFF#AF2467#6427BB#0D0831

63. 薄葡萄色(うすぶどう)で淡い色合い

資料の配色パターン:63. 薄葡萄色(うすぶどう)で淡い色合い参考:SNSのアルゴリズムに対応したアカウント運⽤サービス

カラー①カラー②カラー③カラー④
#E4CDED#000000#FFFFFF

64. 発色のいい紫と水色でインパクトのあるグラデーション

資料の配色パターン:64. 発色のいい紫と水色でインパクトのあるグラデーション参考:顧客対応・社内問合せの自動化!ChatGPT連携「SELFBOT」のご紹介

カラー①カラー②カラー③カラー④
#FFFFFF#201A14#F43399#07D5FC

65. 主張しすぎない淡い水色・紫・ピンク

資料の配色パターン:65. 主張しすぎない淡い水色・紫・ピンク参考:音声コンテンツが最短24時間で作れるKOEPAL(コエパル)

カラー①カラー②カラー③カラー④
#FFFFFF#A3FCFD#868AF5#F49EE9

66. 中心に紫・赤紫のグラデーションで視線を集める

資料の配色パターン:66. 中心に紫・赤紫のグラデーションで視線を集める参考:動画クリエイティブを作り放題のSHUTTLEROCK360

カラー①カラー②カラー③カラー④
#FFFFFF#3C1790#C12E71#0092D5

67. 橙色を大胆にベタ塗

資料の配色パターン:67. 橙色を大胆にベタ塗参考:セルフ型ネットリサーチツール「サーベロイド」ご紹介資料

カラー①カラー②カラー③カラー④
#ED7D31#FFFFFF

68. 山吹色と白とグレーのコントラスト

資料の配色パターン:68. 山吹色と白とグレーのコントラスト参考:RPAで丸投げDXの初めの一歩(定型作業の自動化)

カラー①カラー②カラー③カラー④
#F39428#FFFFFF#3B4552#312B29

69. 橙色で色相を合わせたバランスのいい組み合わせ

資料の配色パターン:69. 橙色で色相を合わせたバランスのいい組み合わせ参考:株式会社ホットリンクのIR・決算

カラー①カラー②カラー③カラー④
#E5A635#E18C2F#DB5928#FFFFFF

70. 橙色の濃淡で作るグラデーション

資料の配色パターン:70. 橙色の濃淡で作るグラデーション参考:Retty株式会社のIR・決算

カラー①カラー②カラー③カラー④
#FF9A04#FFFFFF

71. 彩度の高い黄色の中にグレーを入れて色を印象を引き締める

資料の配色パターン:71. 彩度の高い黄色の中にグレーを入れて色を印象を引き締める参考:Hamee株式会社のIR・決算

カラー①カラー②カラー③カラー④
#FFF100#4B4645

72. トーンを合わせて黄土色をアクセントに

資料の配色パターン:72. トーンを合わせて黄土色をアクセントに参考:【非デザイナー向け】「しない」だけで見栄えが変わる!資料作成6つの「しない」

カラー①カラー②カラー③カラー④
#FFFFFF#AE9358#231F20#CDD3D7

73. 色相を整えた緑と橙

資料の配色パターン:73. 色相を整えた緑と橙参考:クラウド在庫管理ソフト「zaico」説明資料

カラー①カラー②カラー③カラー④
#FFFFFF#FDCA7C#72C6D0#232323

74. 濃い・薄い橙色で明暗を作る

資料の配色パターン:74. 濃い・薄い橙色で明暗を作る参考:ここが凄いスケコン!あなたの挑戦を支える日程調整ツール

カラー①カラー②カラー③カラー④
#FFFFFF#EFB518#DD5412#030303

75. イメージUPの薄い黄色を青紫の組み合わせ

資料の配色パターン:75. イメージUPの薄い黄色を青紫の組み合わせ参考:株式会社カオナビのIR・決算

カラー①カラー②カラー③カラー④
#FFFFFF#EFDB41#6274DC#212026

76. 濃い目の黄色をベースにして黒で視線を集める

資料の配色パターン:76. 濃い目の黄色をベースにして黒で視線を集める参考:発注側・受注側の両方が楽になる調達管理システム「EXtelligence EDIFAS」

カラー①カラー②カラー③カラー④
#F4B916#FDF6E1#231F20#BA272D

77. 黄・橙・赤をバランスよく配合

資料の配色パターン:77. 黄・橙・赤をバランスよく配合参考:立ち上げから年商100億まで対応可能なECシステム「W2 Repeat」

カラー①カラー②カラー③カラー④
#FFFFFF#FFDD03#F82D51#FC701B

78. 相性のいい黄土色とグレー

資料の配色パターン:78. 相性のいい黄土色とグレー参考:【2023年最新版】BtoBメルマガに関するユーザーの実態調査

カラー①カラー②カラー③カラー④
#FFFFFF#B99D4C#404041#8D8D8D

79. 桃色をアクセントに色相を合わせてバランスを整える

資料の配色パターン:79. 桃色をアクセントに色相を合わせてバランスを整える参考:稼げるキャッチコピーの作り方24選

カラー①カラー②カラー③カラー④
#F7E9DF#441E2D#4E2804#FF6464

80. 暗めな赤に他の色も合わせてバランスよく

資料の配色パターン:80. 暗めな赤に他の色も合わせてバランスよく参考:株式会社ブレインパッドのIR・決算

カラー①カラー②カラー③カラー④
#9E1C1A#E0E0E0#8B1B31#29282D

81. 赤の濃淡グラデーションで白が映える

資料の配色パターン:81. 赤の濃淡グラデーションで白が映える参考:株式会社SHIFTのIR・決算

カラー①カラー②カラー③カラー④
#D60026#FFFFFF

82. 紫の色相から重なりでグラデーションを作る

資料の配色パターン:82. 紫の色相から重なりでグラデーションを作る参考:株式会社ラバブルマーケティンググループのIR・決算

カラー①カラー②カラー③カラー④
#B71453#D54C6E#CF0B8A#FFFFFF

83. 見やすい赤と白の鉄板の組み合わせ

資料の配色パターン:83. 見やすい赤と白の鉄板の組み合わせ参考:株式会社出前館のIR・決算

カラー①カラー②カラー③カラー④
#EB3335#FFFFFF

84. 明度の低い暗めな赤の濃淡

資料の配色パターン:84. 明度の低い暗めな赤の濃淡参考:株式会社プレイドのIR・決算

カラー①カラー②カラー③カラー④
#390804#531008#9E212B#FFFFFF

85. 桃色の濃淡をちりばめる

資料の配色パターン:85. 桃色の濃淡をちりばめる参考:専門家キャスティングサービス「専門家ドットコム」

カラー①カラー②カラー③カラー④
#FFFFFF#FFB2BD#FFE2E6#595959

86. 桃色をポイントに赤とグレーで整える

資料の配色パターン:86. 桃色をポイントに赤とグレーで整える参考:3分でわかる!勤怠管理システム「タッチオンタイム」

カラー①カラー②カラー③カラー④
#FFFFFF#FF7F8C#D61518#3D3A39

87. 赤紫をワンポイントに入れて色を強調

資料の配色パターン:87. 赤紫をワンポイントに入れて色を強調参考:株式会社エフ・コードのIR・決算

カラー①カラー②カラー③カラー④
#FFFFFF#D83E62#6F6F6F

88. 赤と黒の割合がうまい

資料の配色パターン:88. 赤と黒の割合がうまい参考:株式会社kubell(旧:Chatwork株式会社)のIR・決算

カラー①カラー②カラー③カラー④
#FFFFFF#E83545#132539

89. 部分的に赤を差し込んで色の印象を作る

資料の配色パターン:89. 部分的に赤を差し込んで色の印象を作る参考:株式会社ショーケースのIR・決算

カラー①カラー②カラー③カラー④
#FFFFFF#CED1DA#000000#DB203F

90. グレーと赤の配分を真似たい組み合わせ

資料の配色パターン:90. グレーと赤の配分を真似たい組み合わせ参考:新卒採用強化のためのYouTubeチャンネル運用サービス

カラー①カラー②カラー③カラー④
#404040#F7F7F7#FFCC99#F21F2D

91. 彩度の低い青をベースに色相を合わせて配色

資料の配色パターン:91. 彩度の低い青をベースに色相を合わせて配色参考:株式会社いい生活のIR・決算

カラー①カラー②カラー③カラー④
#F4F5F9#FFFFFF#02AAE2#17B4B9

92. グレーを軸にワンポイントの黄色を添えて

資料の配色パターン:92. グレーを軸にワンポイントの黄色を添えて参考:ブラックマーケティング式ランディングページ制作サービス【バズLP】

カラー①カラー②カラー③カラー④
#F7F7F7#F0F1F1#354341#FEED01

93. トーンを合わせて落ち着いた印象

資料の配色パターン:93. トーンを合わせて落ち着いた印象参考:minne広告メニュー

カラー①カラー②カラー③カラー④
#FFFFFF#DFE1E0#7E898F#0057AA

94. 明度が高い薄い青と赤のグラデーションで見栄えを作る

資料の配色パターン:94. 明度が高い薄い青と赤のグラデーションで見栄えを作る参考:株式会社メルカリのIR・決算

カラー①カラー②カラー③カラー④
#FFFFFF#CAE3F7#D8827C#000000

95. 黒とグレーと白のバランスがいい配分

資料の配色パターン:95. 黒とグレーと白のバランスがいい配分参考:アララ株式会社のIR・決算

カラー①カラー②カラー③カラー④
#FFFFFF#000000#343335

96. ワンポイントに赤を取り入れる

資料の配色パターン:96. ワンポイントに赤を取り入れる参考:ここが凄いコンビーズメールプラス!華やかなメールも簡単作成

カラー①カラー②カラー③カラー④
#FFFFFF#000000#E74C3C

97. 全体的にグレーで印象をまとめる

資料の配色パターン:97. 全体的にグレーで印象をまとめる参考:株式会社ワンキャリアのIR・決算

カラー①カラー②カラー③カラー④
#FFFFFF#333333

98. 黒・グレーで濃淡を作る

資料の配色パターン:98. 黒・グレーで濃淡を作る参考:株式会社CINCのIR・決算

カラー①カラー②カラー③カラー④
#FFFFFF#000000#A1A1A1

99. 深緑が映えるように背景全体は白で

資料の配色パターン:99. 深緑が映えるように背景全体は白で参考:フィードフォースグループ株式会社のIR・決算

カラー①カラー②カラー③カラー④
#FFFFFF#1A270A

100. 白と黒の配分が最高

資料の配色パターン:100. 白と黒の配分が最高参考:ビジョナル株式会社のIR・決算

カラー①カラー②カラー③カラー④
#FFFFFF#000000

成果に直結する資料が作れていない方へ

プレゼン用の資料や、マーケティング用のホワイトペーパーなど、リソース不足で十分に作れない場合は、私たち資料サービス「エンプレス」へぜひお任せください。

資料ダウンロード用ホワイトペーパー作成

どんな小さなことでも大丈夫!お気軽にご相談ください。

著者:エンプレス編集部 sugiyama(運営会社ファングリー
住所:東京都渋谷区南平台町15-13 帝都渋谷ビル5F
2012年よりwebデザイナーとしてデジタルマーケティングの支援を開始。その後はマッチングプラットフォームの立ち上げ、売上ゼロからグロースに携わり黒字化後に事業譲渡。現在は「エンプレス」にてプロジェクトマネージャーを務め、コンテンツ制作から運用、100社以上のお客様支援を通して得たノウハウもコラムで投稿中。
Twitter

貴社の製品・サービスをエンプレスへ掲載しませんか?

※ 掲載の手間はかからないのでご安心ください