配色パターン100選！超おしゃれな色の組み合わせでwebデザインを制せよ。

Sayu

どうも、おしゃれな配色研究員のSayuです☺

オシャレブログに欠かせないのはズバリ、【色の使い方】です。

デザインを良くするためにまずは、

どんなカラーを使用するか。を決めましょう！

Sayu

配色を整えると、

メリットがこんなにあるの！▼

どうですか、色について興味が沸いてきましたか？！

でも色の組み合わせって

どうすれば良いの？💦

大丈夫！

今回は１００種類の配色アイデアを紹介するよ！

当記事は、
デザイン初心者さんでもすぐにお洒落な配色に出会える「色の辞書」！！

配色に迷ったときは、是非参考にしていただければと思います☺

参考に！超おしゃれなブログデザイン総まとめ～WordPressテーマ～

おしゃれなブログデザインを参考にすることは、デザインを学ぶ一番の方法です。ワードプレスで作れる、おしゃれブログの法則をお届け！

ulovenglish.com

2024.04.06

関連記事

Canvaの画質が落ちる？！高画質のまま記事に張り付ける裏ワザ大公開！

2024.04.022024.04.07

【ブログ】おしゃれなアイキャッチの作り方 | デザイン初心者でも簡単に作る方法

2024.04.062024.04.07

【Canvaおすすめ素材まとめ】無料なのにクオリティ高！ブランドコード40選

2024.04.062024.04.07

ほんとにCocoon⁈ おしゃれで見やすいブログデザインの作り方 ｜余白の大切さ

2024.04.012024.04.07

WIXのブログ作成方法&使い方！無料？テンプレート変更は？【正直レビュー】

2024.04.032024.04.07

【Cocoonカスタマイズ】人気記事ランキングをおしゃれに！～追加CSS～

2024.04.022024.04.07

参考に！超おしゃれなブログデザイン総まとめ～WordPressテーマ～

2024.04.062024.04.07

禁断のコピーライティング術～例文・テンプレートに当てはめるだけ！バズるキャッチコピーの作り方～

2024.04.022024.04.07

超おしゃれ！フリー素材イラストサイト【商用利用可・無料】を大公開！

2024.04.062024.04.08

【おしゃれな色の組み合わせ】当記事の使い方

本題に入る前に！！！

Sayu

当記事の活用方法・工程をかんたんに説明するよ♪

①好みの配色を見つける

まずは記事内で、あなたがサイトで使用したい配色を探してください。

好みの色もしくはイメージに合う色が見つかればOK！！！

例えば、以下の配色に決めるとしましょう▼

配色が見つかったら、

次はどうするの？？？

つぎは、実際にサイトに色を当てはめていきましょう！！

②配色をサイトに取り入れる

配色が決まれば、サイトに色を取り入れる工程に入ります☺

特にメインとなるのは、ヘッダーやアイキャッチ画像！！

【ブログ】おしゃれなアイキャッチの作り方 | デザイン初心者でも簡単に作る方法

おしゃれなアイキャッチ画像の作り方ご紹介。適切なサイズもテーマ別に解説しています。デザイン初心者にみえないアイキャッチをCanvaで無料で作りましょう！

ulovenglish.com

2024.04.06

先ほどの配色でデザインしてみるとこんな感じ▼

Sayu

すごい！全体が統一されていてオシャレ！！！

このように、３～４色に限定してデザインをするとまとまりがでて

お洒落なサイトが出来上がります☺

配色はコピペでそのまま使っても良し、アレンジを加えてもよし！

自由に使っていただけたら、と思います💛

Sayu

参考にしてくれた場合は

Twitterで教えていただけると超～喜びます！ (笑)

みんなのブログデザインを見てみたい！！！！☺

よ～し！使い方はマスターできたかな？

次に、それぞれの色のイメージを知ろう！

色のイメージ・心理効果・意味とは

全ての色には、それぞれ人に与えるイメージがあります。

Sayu

ブログやサイトの配色は、
あなたが読者に与えたい印象を持つカラーを選ぼう！

例えば、「子ども向けのサイト」なのに白黒だと
イメージとかけ離れてしまいますよね。

コンセプトに合わせた色使いを心掛けよう！

それぞれの色がもたらす感情への効果はこんな感じ▼

ビジネス系・ノウハウ系ブログには
「誠実・知的」を連想させる「青」をメインに。

料理系・主婦向けブログには
「家庭的・健康」を連想させる「オレンジ」をメインに。

という風に、イメージに合った色をチョイスすると配色がうまくいきます👍

色のイメージがついたら

さっそく配色さがしに出かけよう！！

それでは配色のアイデアを、

に分けて、１００種類！！！ご紹介していきます☺

大人っぽい｜おしゃれな配色パターン

大人っぽいおしゃれな配色を８つご紹介します☺

１．真っ赤なドレスで誘惑して

【テーマ：真っ赤なドレスで誘惑して】

いつもより気合いの入ったメイクでパーティーに出かける女の子をイメージ♥

深みのあるレッドがパキッと映える配色です。

例のヘッダー画像はCanvaで作成したよ♪

２．太陽が似合うおしゃれ海外ガール

【テーマ：太陽が似合うおしゃれ海外ガール】

Sayu

太陽の下で日焼けする海外の女の子をイメージしたよ☺

夏っぽさや日焼けを連想させる褐色と、淡いブルーを組み合わせることで

バランスの取れたとってもお洒落なカラーに♪

濃い色は、薄い色で調和してあげよう！

３．個性派トレンド女子

【テーマ：個性派トレンド女子】

暖色にあえて透明感のあるパープルを入れることで

一味ちがう、垢抜けたデザインに仕上がります☺

A子先生

大人っぽさと現代風モダンの

欲張りカラー♥

４．フェミニン大人女子

【テーマ：フェミニン大人女子】

たまさん(@lovetama_8)からのリクエスト▼

・透明感のあるピンクとグレーが好き

・クリア、シンプル、おしゃれ、大人可愛い感じ

彩度を抑えたピンクとグレーでフェミニンさあふれる配色に♪

このピンクなら、多用してもいやらしくならない！

５．こなれ女子のテラコッタ

【テーマ：こなれ女子のテラコッタ】

テラコッタとは少しくすんだオレンジがかった茶色のことで

ワンポイント取り入れるだけで、上品かつ大人っぽさが出るんです！

ファッションに取り入れるとこなれ感も出せるから

女性に人気のカラーなの♥

おしゃれかつトレンド感を出したい方におススメ！

６．大人アリス

【テーマ：大人アリス】

ミレイさん(＠mirei_nurse)からのリクエスト▼

大人の不思議の国のアリスをイメージした配色が知りたい！

子どもっぽくならないよう、
くすみブルーとゴールドで女性の上品さ・大人っぽさを演出しました☺

Sayu

背景は真っ白よりも、くすんだグレーが合うね！

７．赤レンガの家に住むあの子

【テーマ：赤レンガの家に住むあの子】

「５．こなれ女子のテラコッタ」よりも赤レンガ感の強いテラコッタに

赤みを帯びたくすんだ黄色を合わせた配色。

８．色褪せないドライフラワー

【テーマ：色褪せないドライフラワー】

いくこさん(＠ikukon0ikuji)からのリクエスト▼

・シンプルで目に優しいくすみカラー

・ゆったりのんびりしているイメージ

ドライフラワーから抽出したようなくすみカラーは

やさしくゆったりとした、品のある印象を与えてくれますね☺

ナチュラル｜おしゃれな配色パターン

自然・素朴なイメージには「緑」をうまく取り入れましょう。

ナチュラルな配色を７つ提案します☺

９．自然、ありのまま。

【テーマ：自然、ありのまま。】

その名の通り、植物そのままの自然な色でできたカラーパレット。

落ち着いたグリーンとブラウンの相性は抜群ですね！！

ゆったりと癒されるようなサイトデザインにしたい方におススメ☺

１０．痛くないサボテン

【テーマ：痛くないサボテン】

観葉植物やサボテンを連想させるナチュラルカラー。

Sayu

やわらかいイメージだから「痛くないサボテン」(笑)

深緑を程よく取り入れると、全体が引き締まってバランスがとれます☺

１１．癒しのアロマキャンドルはいかが？

【テーマ：癒しのアロマキャンドルはいかが？】

yukkoさん(＠y_u_k_k_o_4)からのリクエスト▼

シンプルで自然感ある癒しブログにしたい

「癒し・スピリチュアル」なイメージを持つ紫、

「ナチュラルで優しい」くすみブルーとグリーンを合わせた
癒される配色です☺

なんだかいい香りがしてきそう！！！

１２．天然オーガニックさん

【テーマ：天然オーガニックさん】

Sayu

「３色だけでセンスの良い色」から

お気に入りの配色を紹介するよ！

この本をマネするだけで
簡単にオシャレな配色が出来上がるので、重宝しています☺

デザイン初心者でも、素人っぽくない仕上がりになるの！

文字には、この配色に合わせたレーズンカラー(#5b424c)を使用しています☺

１３．上品ミントでおしとやかに

【テーマ：上品ミントでおしとやかに】

みさきさん(＠mi21_fc)からのリクエスト▼

・優しい雰囲気かつ品のある感じ

・グリーンが好きだから淡いグリーンは入れたい

淡いミントグリーンが上品さを引き出しています。

包み込むようなやさしさを感じますね☺

１４．ふんわり桜もちをお食べ

【テーマ：ふんわり桜もちをお食べ】

さくらさん(@SakuraM_blog)からのリクエスト▼

イメージは「桜」の配色で

ピンクに合う色が知りたい！！

子どもっぽくならないような「桜もちパレット」に仕上げました☺

くすみ系ピンクでまとめると、春の優しい香りが漂うカラーに♪

１５．夏旅はリゾートへ

【テーマ：夏旅はリゾートへ】

夏に行きたいリゾート地をイメージ。

ゴールドが入ると「高級感・エレガントさ」のある洗練されたデザインに☺

レトロ｜おしゃれな配色パターン

アンティークってすごくおしゃれなんです！

6つのレトロな配色をお楽しみください☺

１６．ヴィンテージSTYLE

【テーマ：ヴィンテージSTYLE】

色褪せたようなくすみカラーを合わせた、ヴィンテージ味あふれる配色。

おちついた雰囲気に仕上がります☺

A子先生

文字のカラーコードは「#1a1a1a」だよ👍

１７．夜更けのレコードTIME

【テーマ：夜更けのレコードTIME】

昔ながらのビニールレコードを連想させる配色。

「１日の終わりにゆっくり聴く音楽」をイメージしました☺

１８．古着のスケーターBOY

【テーマ：古着のスケーターBOY】

古着のストリートファッションをイメージした配色。

黒をたま～に入れるのがレトロ感を出すポイントです👍

１９．ロンドンっ子のアフタヌーンTEA

【テーマ：ロンドンっ子のアフタヌーンTEA】

アンティークでおしゃれなロンドンのカフェを連想させる配色です。

A子先生

レトロで大人っぽい雰囲気になるよ☺

２０．90年代アメリカンGIRLS

【テーマ：90年代アメリカンGIRLS】

90年代アメリカの女子高生ファッションをイメージした配色。

レトロ + 可愛いサイトに仕上げたい人におススメです👍

A子先生

90年代風ファッションは

現代の女の子たちにも大人気なの！

２１．穴場のアンティークSHOP

【テーマ：穴場のアンティークSHOP】

知る人ぞ知る、お洒落レトロな雑貨やさんをイメージ。

茶色いクラフト紙のような背景色から、アンティークショップの香りがしそう！！

高級感｜おしゃれな配色パターン

高級感をだすには「ゴールド」をいかにうまく入れるかがポイント👍

相性抜群のカラーパレットがこの５つ！！▼

２２．高級ブランドのご褒美

【テーマ：高級ブランドのご褒美】

シックなカラーに、あえて鮮やかなオレンジを入れると

高級感かつ洒落た雰囲気を出すことができます。

A子先生

オレンジのアクセントで

印象的なデザインに♪

２３．上品に、エレガントに

【テーマ：上品に、エレガントに】

上品なゴールドを基調としたカラーパレット。

特に、女性向けサイトに向いているのではないでしょうか☺

文字の色はグレーがかった黒 (#373737) がよく合います👍

２４．上質なペルシャ絨毯はお好き？

【テーマ：上質なペルシャ絨毯はお好き？】

高級絨毯にありそうなシックでエレガントなカラー。

おちついた大人っぽい雰囲気に仕上がります☺

２５．デパコスでおめかしして

【テーマ：デパコスでおめかしして】

エレガントさもありつつ、可愛らしさも忘れない配色は

まさにデパートコスメって感じですね♡

Sayu

大人っぽさ、可愛らしさ、上品さ全部兼ね揃えてる！

２６．今夜はワインで乾杯

【テーマ：今夜はワインで乾杯】

深~いワインレッドとゴールドで高級感溢れる配色に。

例では背景に赤を使っていますが、
ホワイトの背景にポイントで赤をもってきてもおしゃれ！☺

アウトドア｜おしゃれな配色パターン

クロマルさん(＠kuromaru_plants)からのリクエスト▼

アウトドアな雰囲気の配色が知りたい！

５種類のアウトドアな配色をご覧ください。

２７．わくわくキャンプ

【テーマ：わくわくキャンプ】

アウトドアと言えば「山」ということで
(私の個人的なイメージですがw)

土とコケを連想させるカラーを組み合わせました。

A子先生

オレンジをアクセントに、わくわく感あふれる配色に♪

２８．高山に登ろう

【テーマ：高山に登ろう】

グレーや緑で落ち着いた雰囲気がでる、大人っぽい配色。

本来の高山をもとにした色だから、とってもナチュラル！

A子先生

トーンが暗すぎると感じる場合は

背景を白にしてもOK！👍

２９．鮮やかマリンビーチ

【テーマ：鮮やかマリンビーチ】

山の次は、海っ！！！ということで

王道のマリンカラー！！！

爽やかで可愛らしい雰囲気が出ます☺

３０．たそがれビーチ

【テーマ：たそがれビーチ】

とっきーさん(＠moshiblo)からのリクエスト▼

エモい配色が知りたい！

夕暮れの日の入りを見ながら
思いふける瞬間ってまさにエモい気持ちになりますよね！

絶妙なオレンジが

心地よい配色だね♡

３１．ハワイで見たサンセット

【テーマ：ハワイで見たサンセット】

見渡す限りの夕暮れをイメージした配色。

まるでリゾート地に居るかのような気分にさせてくれます☺

ビジネス｜おしゃれな配色パターン

ビジネスのキリっと感を表現するには、

「誠実・インテリ」のイメージを持つ「青」がピッタリ👍

スッキリ感を出すコツは

背景を白にして余白を多めに使うこと！！！

8つの配色を見ていきましょう！

３２．できるサラリーマン

【テーマ：できるサラリーマン】

さとるさん(＠satorunooffice)からのリクエスト▼

・キリッとしたクールなイメージ

・ビジネスや仕事についての考え方にあう色

アオミネさん(＠aomine_blog)からのリクエスト▼

・理系っぽさ & 知的な雰囲気の配色

・青を基調に

ブルー系の３色をバランスよく組み合わせた配色。

なんだか、バリバリ仕事をこなせそう！！！

３３．私はキャリアウーマン

【テーマ：私はキャリアウーマン】

仕事がデキるかっこいい女性のスーツ姿を連想させる配色。

清潔感のある、スタイリッシュなサイトに仕上がります👍

３４．初心者にやさしいノウハウ先生

【テーマ：初心者にやさしいノウハウ先生】

ハス山さん(＠hasuyama0526)からのリクエスト▼

・記事に集中できるようなシンプルな感じ

・ノウハウ解説系のブログに合う色

ケイさん(＠GqxmcfrjfzDd)からのリクエスト▼

・シンプルで誰でも包み込むような優しさ

・ビジネスのようなキリッと感もある感じ

・青は入れて欲しい

やわらかい緑とオレンジベージュでやさしさのある雰囲気に。

穏やかな色には落ち着かせる効果があるから、記事に集中できそう！

例にあるイラストは、
ビジネス系のイラストが豊富なサイト「Storyset」からダウンロードできます。

無料 & 商用フリー画像のおススメサイトまとめはこちら▼

超おしゃれ！フリー素材イラストサイト【商用利用可・無料】を大公開！

おしゃれなフリー素材イラストサイト(商用利用可、無料)まとめ。イラスト、アイコン、人物、かわいい女の子、ビジネス、動物、料理、ファッションなど全て無料のサイトをご紹介します！

ulovenglish.com

2024.04.06

３５．初心を忘れずに

【テーマ：初心を忘れずに】

「初めての社会人で緊張しながらも、ワクワクする！！」
というイメージの配色。

Sayu

明るいオレンジは

紺とグレーで調和してあげよう☺

３６．テクノロジーはお任せあれ

【テーマ：テクノロジーはお任せあれ】

ケビンさん(@kebinblog)からのリクエスト▼

・少し知的
・ガジェット

・シンプルなおしゃれ

蛍光色や青色はテクノロジーを連想させる効果があるので

「ネット・ビジネス・電化製品」などのテーマにおススメです。

蛍光色は多用するとダサくなりがち💦

メインではなく、ポイントで使うのがコツだよ！

３７．はい！ひらめきました！

【テーマ：はい！ひらめきました！】

つるさん(＠tsuru_3_1118)からのリクエスト▼

「人の悩みを解決する」をテーマにした配色

「ひらめき」のイメージを持つ黄色を合わせた配色。

悩みが無くなってスッキリ！という気分にさせてくれますね！

彩度の高い色は純度100％じゃなく、

透明度を上げて透かせると

ライトで今風な仕上がりになるよ！

３８．熱中できる仕事、みつけた！

【テーマ：熱中できる仕事、みつけた！】

赤は「やる気・熱血」を連想させる色だから

仕事がはかどりそう！！！

３９．あなたを守ります。

【テーマ：あなたを守ります。】

ケニーさん(＠KennyShroffJp)からのリクエスト▼

「セキュリティ」な配色が知りたい！

緑は「安心・安全」。青は「プロフェッショナル・デジタル」

といったイメージを与えてくれます。

ふんわりしたイエローのおかげで

優しく守ってくれるような印象に♥

可愛い｜おしゃれな配色パターン

ポップで可愛らしい配色を１４個ご紹介します♪

４０．アイスクリームポップ

【テーマ：アイスクリームポップ】

クリーミーなパステルカラーがアイスクリームみたいで可愛いっ♥

目立たせたいタイトルなどは、赤色で引き立たせましょう。

４１．最近はやりの淡色女子

【テーマ：最近はやりの淡色女子】

べるさん(＠zuborahack)からのリクエスト▼

・30〜40代主婦向け

・可愛らしい感じ

・優しいピンク色メイン

あむさいさん(＠amusai00blog)からのリクエスト▼

シンプルで優しい感じ！

ほんわかなブログ意識

淡いピンク・ブラウン・ベージュでクリーミーな配色に。

シンプル・女性らしさ・親しみやすさにピッタリのカラーです👍

４２．ファンシーマカロン

【テーマ：ファンシーマカロン】

3色だけで簡単にできる、可愛らしいパステルカラー！

ちなみにまた「3色だけでセンスの良い色」を参考にデザインしています▼

ふんわり女の子らしいサイトにしたい方にもってこいだね👍

４３．絵の具でらくがきしちゃおっ

【テーマ：絵の具でらくがきしちゃおっ】

濃密な絵の具をイメージしました☺

彩度を落とした配色で、カラフルだけど落ち着いた印象に♪

背景がピンクがかったベージュなので、温かさや親しみやすさも生まれます。

背景が暗すぎる場合は、少しトーンを上げてみてね！

４４．バレンタイン大作戦

【テーマ：バレンタイン大作戦】

かわいいいいいい～～～♡

これぞ、恋する乙女！！！な配色をイメージしました。

Sayu

深めの赤だから子どもっぽくならない！

４５．カップケーキでインスタ映え

こんなに素敵なカップケーキがあったら、絶対にインスタグラムに載せたい！

可愛らしさには、やっぱりパステルカラーが最強ですね💛

４６．大きなリボンで視線をあつめて

【テーマ：大きなリボンで視線をあつめて】

ガーリーな女の子らしさを演出する配色💛

A子先生

可愛さで読者をトリコにしちゃおっ

４７．パステルな外車で海辺ドライブ

【テーマ：パステルな外車で海辺ドライブ】

パステルカラーの外車で、エメラルドグリーンの海辺を走り抜けるイメージ。

使い方次第で、ガーリーにもシンプルにもなる配色です☺

４８．幸せのお届けもの

【テーマ：幸せのお届けもの】

ここぽさん(＠cocopo_seikatu)からのリクエスト▼

・元気で可愛くて、でもうるさすぎない感じ！

・ガチャガチャしすぎないイメージ

「元気さ」を連想させる黄色に

淡いグリーンとピンクで可愛らしさをプラス♥

目に優しい色だからゴチャゴチャしない！！

４９．チョコミントな気分

【テーマ：チョコミントな気分】

クリーミーなベージュにエメラルドグリーンを合わせた、チョコミントカラー♥

甘くなり過ぎないけど、可愛らしさも忘れない。
そんな配色です☺

５０．とにかくモテるおっとり女子

【テーマ：とにかくモテるおっとり女子】

きよさん(＠kiyo_20210701)からのリクエスト▼

・女性の読者向け

・すっきりしつつもちょっとかわいらしく

・空とトリが好き

おとなしめで可愛らしい、まさに「モテ女子」カラー！

みんなから愛されるサイトを作りましょ💛

５１．ふわふわマシュマロの夢

今にも溶けてしまいそうな、フワフワ～な配色。

なんだかジェラート〇ケを着ている女の子っぽい！！(笑)

５２．ラベンダーカモミールの香り

【テーマ：ラベンダーカモミールの香り】

みこやまさん(＠miko_writer)からのリクエスト▼

・30代女性

・女性特有の悩み

・落ち着いた感じ

・シンプルだけどかわいさも忘れない

・くすんだ紫が欲しい

くすんだ紫は「大人の女性の悩み」にピッタリのカラーですね！

おちついたイエローで可愛さもプラス♥

５３．夢の中のディズニーランド

【テーマ：夢の中のディズニーランド】

夢の中に出てくる、テーマパークの空をイメージした配色。

ふんわり可愛らしいデザインに仕上がります☺

シンプル｜おしゃれな配色パターン

シンプルで洗練された印象をだすには、「余白」をいかに活用できるかが重要👍

余白の取り入れ方はこちら▼

ほんとにCocoon⁈ おしゃれで見やすいブログデザインの作り方 ｜余白の大切さ

おしゃれで見やすいブログデザインには、余白が欠かせません。Cocoonでサイト型のようなデザインにするカスタマイズ方法をご紹介。効果的なアイキャッチの作り方も紹介しています。

ulovenglish.com

2024.04.01

白によく合う4つの配色を提案します。

５４．ミニマルなくらし

ミニマリストというと「モノクロ」をイメージする方も多いとおもいますが

ワンポイント「色」をいれても、シンプルで洗練されたデザインになります☺

Sayu

おちついたグリーンが映えておしゃれ！！

５５．やさしいコットンで包み込んで

【テーマ：やさしいコットンで包み込んで】

Emmaさん(＠EmmaDiaries24)からのリクエスト▼

白を基調に洗練された雰囲気のデザインが知りたい！

やわらかいコットンのような、繊細なカラーパレット。

ニュアンスカラー(グレーがかった曖昧な色)は、最近のトレンドなんです👍

Sayu

流行を取り入れたい！

大人っぽいデザインが好き！という人におすすめ♡

５６．シックなひとり暮らし

【テーマ：シックなひとり暮らし】

シックで落ち着いた色は、白と相性抜群！

スタイリッシュで洗練されたデザインに仕上がります。

Sayu

こんな部屋に住んでみたい、、💛

５７．透きとおる雪景色

【テーマ：透きとおる雪景色】

サニーさん(＠sunnysan_2021)からのリクエスト▼

シンプルだけど、オシャレな配色が知りたい！

すみわたる美しい雪景色をイメージした、
すっきりお洒落なカラーパレットです☺

韓国｜おしゃれな配色パターン

ヨロイさん(＠yochanblog)からのリクエスト▼

韓国っぽい配色が知りたい！

４種類の韓国っぽい配色をご紹介します☺

５８．韓国の雑貨屋さん

【テーマ：韓国の雑貨屋さん】

るんぱんさん(＠runrunpan13571)からのリクエスト▼

・明るく楽しい感じ

・素朴っぽさも欲しい！

カーキ・からし色・くすみピンクで

カラフルで可愛らしいけど素朴っぽさもある雰囲気に☺

５９．K-POPアイドルに恋して

【テーマ：K-POPアイドルに恋して】

韓国アイドルをイメージしたパステルカラー♡

ファンシーで可愛らしい雰囲気のサイト向けです！

６０．ようこそ、韓ドラの沼へ

【テーマ：ようこそ、韓ドラの沼へ】

韓ドラって、一度ハマったら引きこもりになってしまいますよね。(今の私w)

部屋でダラダラとくつろぐような、ゆったりとした配色です☺

６１．ソウルでカフェ巡り

【テーマ：ソウルでカフェ巡り】

パきっとした青色でも、組み合わせ次第でおしゃれな配色に👍

韓国ポップをイメージしました。

A子先生

濃い色は広範囲ではなく、ポイントで使うのがコツだよ！

モダン・スタイリッシュ｜おしゃれな配色パターン

現代風なカラーを５つ提案します！

A子先生

トレンド感たっぷりの配色を

使いこなそう！

６２．癒しのリラックスモダン

【テーマ：癒しのリラックスモダン】

やむやむさん(@yambiyori)からのリクエスト▼

おしゃれでシンプルで落ち着いてる感じだけど、

行き過ぎてなくて、親しみのあるイメージ

親しみやすさには【オレンジ】がよく合います。

目に優しいグリーンで癒しも感じる色合いに♪

６３．和みのおしゃれモダン

【テーマ：和みのおしゃれモダン】

リッチーさん(＠richy_invest)からのリクエスト▼

・落ち着いててオシャレな感じ！

・ライトブルーを入れて欲しい

暖色と寒色を組み合わせた、斬新でおしゃれなカラーパレット。

ブラウンを入れると一気に落ち着いた印象になりますね！

６４．和×モダン

【テーマ：和×モダン】

「和 × モダン」のテイストに仕上げた現代風な配色です。

和モダンとは、

日本の伝統的な柄・イラストを使いながら
近代風なデザインにしていくというもの。

日本の美を現代風にイメージさせる、

トレンドデザインなの！！

６５．周りと差がつくテラゾーモダン

【テーマ：周りと差がつくテラゾーモダン】

テラゾーとは人工大理石のことで、

モダンなインテリアなどで多用されている
トレンドデザインなんです！

Sayu

テラゾーにピッタリな配色を作ってみたよ！

砕いた石をちりばめたような柄がおしゃれですよね♪

６６．元気なカラフルモダン

【テーマ：元気なカラフルモダン】

まんもすばななさん(＠manmosubanana)からのリクエスト▼

元気で今風な感じ！！

元気・陽気なイメージには【黄色】が一番あう！

蛍光色のイエローが引き立つ、クリエイティブで今風な配色です。

白い余白を多くいれると

色が映えておしゃれになるよ👍

おちついた親近感｜おしゃれな配色パターン

親しみやすい、ほっこりとした配色を１１個ご紹介します♪

６７．甘味たっぷり秋の柿

【テーマ：甘味たっぷり秋の柿】

完熟の柿を連想させるカラーパレット。

深い緑とオレンジがおちついた印象を与えてくれます☺

６８．コーヒー豆のきもち

【テーマ：コーヒー豆のきもち】

暖色を組み合わせた、温かい配色。

コーヒー豆の「きもち」は分かりませんが(笑)、

おいしいコーヒーを飲んでホッと一息できそうなカラーですね☺

６９．ほっこりテラコッタ

【テーマ：ほっこりテラコッタ】

ORIMOさん(@Oorimokorimo7)からのリクエスト▼

・シンプルで洗練された感じ

・手書きイラストが合う、温かみも感じられるデザイン

テラコッタ、紺色、くすみピンクが温かいイメージを引き出す配色。

重めの3色を使用していますが

背景のベージュを多めに取り入れると
シンプルで洗練されたデザインに仕上がります☺

７０．おいしいもの大好き！

【テーマ：おいしいもの大好き！】

きなこさん(＠kinako_pupipu)からのリクエスト▼

・ここ行ってみよう！となるような感じ

・食欲をかきたてる色

・ママさん達に親しんで貰いたい

食欲をそそる色は、赤やオレンジなどの暖色です。

また暖色は、親しみやすさを感じる色でもあるんです！

赤には、行動を促す効果があるから

ここに行ってみよう！と感じさせるのにピッタリなの♪

７１．自炊で健康生活

【テーマ：自炊で健康生活】

食欲がわくカラー第２弾！！

濃密でおちついた暖色は、家庭の味を連想させますね☺

７２．スパイス香る抹茶ラテ

【テーマ：スパイス香る抹茶ラテ】

モスさん(＠moskun39)からのリクエスト▼

・優しくて親しみがある感じ

・緑がほしい

抹茶ラテのようなクリーミーな緑とベージュで、落ち着いた雰囲気に。

アクセントに親しみを感じるオレンジを持ってくることで

印象的なサイトに仕上げることができます☺

７３．都会のカフェでひとやすみ

【テーマ：都会のカフェでひとやすみ】

sumikaさん(@sumika_diary)からのリクエスト▼

・安心感

・都会的な雰囲気＋かわいらしさ

・また来たいな…と思い出してもらえるようなワンポイント

通いたい！と思うような都会のカフェのイメージ♪

落ち着いたブラウンに、淡いブルーをプラスすると

安心感 & 可愛いらしい印象になる！！

７４．陶芸でつくる私だけの器

【テーマ：陶芸でつくる私だけの器】

粘土を連想させるような滑らかな配色。

陶芸のお皿ってこんな色じゃないですか、そのイメージです (笑)

人の肌に近いヌーディーカラーだから

おちついた印象に♡

７５．くすみオリーブでほっこりと

【テーマ：くすみオリーブでほっこりと】

fukusukeさん(@K25jTnCP3qJV2Oa)からのリクエスト▼

・シンプルかつ温かみのあるイメージ

・グレーやカーキなどくすんだ色が好き

くすんだカーキ、グレーに温かみのあるオレンジをプラス。

ほっこりと心地の良い配色です☺

Sayu

似た配色で【女性らしい柔らかさ】プラスした

バージョンも▼

ゆんさん(＠daily_phn)からのリクエスト▼

優しく温かい雰囲気があって、

オレンジとか目に優しい緑のイメージ

グレーではなくベージュを使うと、また一味違う雰囲気になりますね♪

７６．思い出ぽろぽろ

【テーマ：思い出ぽろぽろ】

なんだか実家の香りがしそうな、落ち着いた配色。

「家庭的・ほんわか」なイメージによく合います👍

７７．甘～いかぼちゃをじっくり煮込んで

【テーマ：甘～いかぼちゃをじっくり煮込んで】

甘味たっぷりのかぼちゃの煮つけを連想させる配色です☺

A子先生

ほくほく感が伝わってくる！！

夏っぽい爽やか｜おしゃれな配色パターン

爽やかで涼しげな配色アイデアを５つ提案します☺

７８．ウキウキおまかせ海外ツアー

【テーマ：ウキウキおまかせ海外ツアー】

penpenさん(@penpenbloger)からのリクエスト▼

旅行系でわくわくする感じ！

海・空をイメージさせる「エメラルドグリーン」で旅行っぽさ、

黄みがかった「オレンジ」でわくわく感、高揚感をあらわした配色。

A子先生

旅行したくなってきた！！

７９．搾りたて！フレッシュジュース

【テーマ：搾りたて！フレッシュジュース】

みずみずしい果物をイメージした配色。

元気あふれる、明るい印象に仕上がります👍

８０．新生活、はじめました。

【テーマ：新生活、はじめました。】

ゆまるさん(＠shuhuneet)からのリクエスト▼

新婚生活の爽やかさを出しつつ、くすんだ落ち着いた感じ

くすみブルーをくすみイエローで

新鮮さ・爽やかさプラス、落ち着いた雰囲気に♪

８１．しゅわしゅわ弾けるクリームソーダ

【テーマ：しゅわしゅわ弾けるクリームソーダ】

まさにメロンソーダからそのまま抜き取ったような配色。

爽やかさと可愛さを兼ね揃えていますね。

８２．星の数ほど恋をしよう

【テーマ：星の数ほど恋をしよう】

とっきーさん(＠moshiblo)からのリクエスト▼

恋愛の甘酸っぱさがある爽やかな配色が知りたい！

涼しげなライトブルーで「青春の爽やかさ」を表現。

鮮やかなイエローを組み合わせると、
フレッシュな甘酸っぱさが生まれます☺

子ども向け｜おしゃれな配色パターン

１３種類の子ども向けサイトに合う配色をお楽しみください☺

８３．ハローベイビー

【テーマ：ハローベイビー】

赤ちゃんにぴったりな、やわらかくて優しい配色パレット。

全体がふんわりとした印象に仕上がります☺

８４．みんなで仲良し

【テーマ：みんなで仲良し】

ちゃむマユさん(＠mayutoito)からのリクエスト▼

・子どもと遊ぶ、ポップな感じ

・やさしい配色

めぇぷるさん(＠maple_mama55)からのリクエスト▼

・子ども向けで可愛く

・うるさすぎない感じでシンプルな配色

奇抜な色は避けて、目に優しいカラーでまとめてみました☺

あえてグレーを使うと子どもっぽくなり過ぎない！！

８５．恐竜さんどこかな？

【テーマ：恐竜さんどこかな？】

どちらかというと、男の子を連想させるカラー。

わんぱくで可愛らしい印象に仕上がります☺

８６．いつでもあなたの味方です

【テーマ：いつでもあなたの味方です】

くまこさん(＠kumako_blog)からのリクエスト▼

・シンプルでおだやか

・子どもとの心地よい暮らしのイメージ

・ただのんびりゆったりまったりじゃなく、芯のある強さも表現

モチさん(＠mochinomad)からのリクエスト▼

・おしゃれで穏やかなイメージ

・乳児から中学生まで使える、子どもっぽくない感じ

温かみのあるオレンジとピンクで可愛らしい穏やかな雰囲気をだしつつ

黒で引き締まったメリハリのある配色にすると、子どもっぽくない！

Sayu

「わが子を見守るお母さんの気持ち」をイメージしたよ！

８７．くまくんとお友達

【テーマ：くまくんとお友達】

やわらかいブラウンとオリーブカラーで

自然のナチュラルさを演出しました。

A子先生

優しいイメージ、子供っぽくないデザイン

にしたい人におススメ！

８８．わんぱくポップ

【テーマ：わんぱくポップ】

わくわく感あふれるカラフルな配色。

A子先生

彩度が高い色を使うときは、

背景色のトーンを抑えるのがポイント！！

このような濃い色は、
周りに余白を多めに取るとバランスの取れた配色に仕上がります☺

８９．ミルクの良い香り

【テーマ：ミルクの良い香り】

とっても優しいパステルカラーがかわいらしい配色。

ミルクの優しい香りがする赤ちゃんを連想させますね☺

９０．森のつみき屋さん

【テーマ：森のつみき屋さん】

つみき専門店というものが実際にあるのか。というのはさておき

生い茂る森のような深緑がナチュラルな配色です☺

A子先生

かなり濃い緑だけど

ナチュラルだから全体に使ってもオシャレなの！

もっとシンプルに仕上げたい人は
真ん中のベージュを多く取り入れるといい感じになります👍

９１．うさぎさんとお昼寝

【テーマ：うさぎさんとお昼寝】

ピンクブラウンでまとめた、同系色のおちついた配色。

どちらかというと、女の子っぽい印象を与えます☺

９２．きみも勉強が好きになる

【テーマ：きみも勉強が好きになる】

ともままさん(＠tomomama_10)からのリクエスト▼

勉強・学習系だけど、
難しく感じさせない親しみやすさがあるイメージ

集中力を高める効果がある「青」と、落ち着いた「うすピンク」で

親しみやすさのある配色に。

青は、学校や塾のHPでもよく使われるカラーなの♪

９３．おままごとで遊ぼっ

【テーマ：おままごとで遊ぼっ】

だるまさん(＠uchihoku)からのリクエスト▼

子供向けでほっこりしたイメージ

暖色でほっこりしたイメージをだしつつ、

明るいグリーンで遊び心をプラスした配色です☺

９４．ヴィンテージキッズ

【テーマ：ヴィンテージキッズ】

子どもっぽくなり過ぎないよう、トーンを抑えてヴィンテージ味のある配色に。

くすみカラーが好きな人におススメです♪

９５．おさんぽ日和

【テーマ：おさんぽ日和】

あさぴぴさん(@asa_pipi2021)からのリクエスト▼

お日様×子供＋ママ向けの感じ。

温かさ、素朴さ、親しみやすさのある配色を知りたい！

暖色でまとめて、あたたかみ溢れる配色に。

もう少しやわらかい印象にしたい方は、彩度を落とすのがおススメ👍

個性的｜おしゃれな配色パターン

周りと被りたくない！という人にもってこいの

変わり種カラーパレットを５つご紹介します♪

９６．インパクトで勝負！

【テーマ：インパクトで勝負！】

一度見たら忘れないような、インパクトのある配色。

芸術的で良いですね～！！

９７．”デザイン上級者”に！俺はなる！

【テーマ：”デザイン上級者”に！俺はなる！】

緑とも黄色とも言えない絶妙なカラーを加えた、変わり種な配色。

まさに「デザイン上級者に！俺はなる！」って感じですね (？)

ワンピースで英語学習｜名言、名シーンは英語版で何て言う？

アニメ、ONE PIECE(ワンピース)の英語版の漫画で英語を学習しましょう。名言や名シーンの英語表現を紹介。学習のやり方も説明しています。

ulovenglish.com

2024.04.06

え？シレっと記事リンクを貼ります。はい。

９８．ネオン！ネオン！ネオン！

【テーマ：ネオン！ネオン！ネオン！】

その名の通り、ネオンカラーを組み合わせた配色。

ポップなサイトが好きな人におススメです☺

９９．個性あってなんぼ！

【テーマ：個性あってなんぼ！】

こちらもなかなか見ない配色ですね！

しっかりと自分の個性を出していきましょう👍

１００．デザインは自由だ！！

【テーマ：デザインは自由だ！！】

最後は「デザインは自由だ！！」ということで

遊び心のあるポップな色を「これでもかっ！」と詰め込みました。

Sayu

自由に楽しんでこそ、良いデザインができるの！！！

１００種類もの配色にお付き合いいただき、ありがとうございました☺

【おしゃれな配色パターンと色の組み合わせ】まとめ

色の図鑑はいかがでしたか？

あなたの好みの色は見つかりましたか？

この記事が、デザインについて分からない方のお役に立てたらな。
と思っています(´▽｀*)

Sayu

また素敵な色が見つかれば、シェアするね！！

ブログデザインに使えるフリー素材サイトまとめはこちら▼

超おしゃれ！フリー素材イラストサイト【商用利用可・無料】を大公開！

おしゃれなフリー素材イラストサイト(商用利用可、無料)まとめ。イラスト、アイコン、人物、かわいい女の子、ビジネス、動物、料理、ファッションなど全て無料のサイトをご紹介します！

ulovenglish.com

2024.04.06

最後まで読んで頂きありがとうございました。

皆さんのブログがもっと充実しますように♥