ブログの配色が大事なのはわかるけど、どんな組み合わせがいいのかな?

色のセンスがないから配色がわからないよ
そんなお悩みを解決するために、ブログの配色にオススメの3色カラーを30パターン用意しました。
この3色の組み合わせを変えることで、また違ったブログのイメージになります。
いろいろブログの配色を楽しんでみてほしいです♪



配色パターンを見る前に、色のイメージからブログの配色を決める方法が知りたい場合はコチラを先に読んでみてくださいね。
ブログ配色パターンの活用法


これからブログ配色パターンを紹介していきます。
基本3色になるのですが、同じ3色でも画像の様に組み合わせかたで2~3パターンにアレンジすることができますよ。
この3色が気に入ったというものがあったら、自分でアレンジしてさらに好みの配色パターンを作ってみてくださいね。
ブログ配色パターン
青系の配色パターン
配色パターン1




ミントブルーをつかったやわらかい色合いの配色です。
使用した色
- #B8D8D5
- #D8C29C
- #FFFFF9
配色パターン2




すっきりとしたブルーをメインにやわらかいブルーをあわせた配色です。
使用した色
- #073472
- #DAB021
- #B9D4E8
配色パターン3




やわらかいブルーとむらさきをあわせた配色です。
使用した色
- #B2D8F5
- #B8B5D4
- #FAFDFE
配色パターン4




グレイッシュなブルーをメインに背景にも色をいれた配色です。
使用した色
- #76A1B6
- #C9BE72
- #E8EBE7
配色パターン5




ネイビーとレッドで大人マリンをイメージした配色です。
使用した色
- #002A5B
- #C81D29
- #EAF6FD
紫系の配色パターン
配色パターン6




グレイッシュなむらさきをメインにしたやわらかい配色です。
使用した色
- #B3B9CF
- #F1E7ED
- #DF9F77
配色パターン7




やわらかいむらさきをメインにしたミルキーな配色です。
使用した色
- #C9C2E0
- #F8CCD1
- #C2E2D2
配色パターン8




濃いめの色合いですがやわらかいイメージの配色です。
使用した色
- #A98FAF
- #AEC8CA
- #9E8677
配色パターン9




しっかりした紫をつかった配色です。
使用した色
- #7F5072
- #DBCBC7
- #ACB0A8
ピンク系の配色パターン
配色パターン10




やわらかいピンクとベージュをあわせた配色です。
使用した色
- #F9EDE4
- #8AC8CF
- #EFEBE0
配色パターン11




かわいらしいピンクをたっぷり使った配色です。
使用した色
- #F9D6E2
- #F7F3EC
- #F4AA9A
配色パターン12




元気になるピンクをメインにイエローとブルーをあわせた配色です。
使用した色
- #F3ADC5
- #FFF2B2
- #A7D9DD
配色パターン13




やわらかいピンクにグリーンをあわせたミルキーな配色です。
使用した色
- #ECBBB5
- #BEE0CC
- #E99BC1
茶系の配色パターン
配色パターン14




やさしいベージュをメインにシンプルで品のある配色です。
使用した色
- #ECE4E1
- #C1A37D
- #EAC5B6
配色パターン15




パキッとした茶色をメインにブルーをあわせた配色です。
使用した色
- #8B644A
- #ABD3D2
- #004F89
配色パターン16




やさしい茶色とグリーンをあわせた配色です。
使用した色
- #AA998A
- #EADFCA
- #9EC3BC
配色パターン17




やわらかいオレンジをメインにちょっとポップなイメージの配色です。
使用した色
- #FACA7B
- #E0F1F4
- #F096A0
配色パターン18




やわらかい茶色をメインにマフラーのようなイメージの配色です。
使用した色
- #997B6C
- #D7BDAC
- #D78576
緑系の配色パターン
配色パターン19




ミルキーグリーンをメインにやわらかいピンクをあわせた配色です。
使用した色
- #8AB0BC
- #F8F5B5
- #E6AFCF
配色パターン20




グレイッシュな色合いのやわらかい配色です。
使用した色
- #BFC9BD
- #EFE5CB
- #C1D1E0
配色パターン21




オリーブをメインにやわらかいベージュをあわせたナチュラルな配色です。
使用した色
- #95A9A2
- #F4E0CC
- #BF9077
配色パターン22




グレイッシュなグリーンにパキッとしたむらさきをアクセントにした配色です。
使用した色
- #ACB0A8
- #DBCBC7
- #7F5072
配色パターン23




あかるいグリーンをメインに元気な色合いの配色です。
使用した色
- #BCD537
- #D9EAEC
- #74A64C
配色パターン24




オリーブをメインにやわらかいブルーやピンクをあわせた配色です。
使用した色
- #958F6F
- #C3DBDA
- #DCAD99
配色パターン25




やさしいグリーンをメインに背景にも色をいれたやわらかい配色です。
使用した色
- #D4DFBB
- #F3EED5
- #E4AF9B
赤系の配色パターン
配色パターン26




やわらかい赤とパキッとしたピンクをあわせた配色です。
使用した色
- #C86265
- #B9337F
- #EED1DE
配色パターン27




濃いめの赤・ベージュ・グリーンをあわせた配色です。
使用した色
- #B15A5E
- #D4B572
- #003740
配色パターン28




ピンクよりの赤をメインにベージュをあわせた配色です。
使用した色
- #D6828E
- #DBD3C6
- #301920
配色パターン29




グレイッシュな赤をメインにやわらかい紫をあわせた配色です。
使用した色
- #D2AFAE
- #CDE0DF
- #A199C7
配色パターン30




朱色をメインにグレイッシュなグリーンをあわせた配色です。
使用した色
- #ACA28E
- #CC533C
- #F9EDE4
まとめ
ブログの配色に悩むあなたに、ブログに使いやすい配色を30パターン用意しました。
同じ3色でも、パターンをアレンジすることでイメージが変わりますよ。
そんな風に配色をたのしんでいただけたら本当にうれしいです。
ブログの配色やデザインが整うとブログを書くのが楽しくなりますよね。
デザインは自分でアレンジするのもいいですが、有料テーマにしてしまうのも一つです。
SWELLならオシャレなデザインが手に入るので、あとは配色やカスタマイズで自分色のブログがつくれますよ。


コメント