ブログの配色が大事なのはわかるけど、どんな組み合わせがいいのかな?
![](https://tumuginote.com/wp-content/uploads/2022/02/S__21749766-1_transparent.png)
色のセンスがないから配色がわからないよ
そんなお悩みを解決するために、ブログの配色にオススメの3色カラーを30パターン用意しました。
この3色の組み合わせを変えることで、また違ったブログのイメージになります。
いろいろブログの配色を楽しんでみてほしいです♪
![](https://tumuginote.com/wp-content/uploads/2022/02/S__21749767-1_transparent-1.png)
![](https://tumuginote.com/wp-content/uploads/2022/02/S__21749767-1_transparent-1.png)
![](https://tumuginote.com/wp-content/uploads/2022/02/S__21749767-1_transparent-1.png)
配色パターンを見る前に、色のイメージからブログの配色を決める方法が知りたい場合はコチラを先に読んでみてくださいね。
ブログ配色パターンの活用法
![](https://tumuginote.com/wp-content/uploads/2022/03/cda1.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cda1.png)
これからブログ配色パターンを紹介していきます。
基本3色になるのですが、同じ3色でも画像の様に組み合わせかたで2~3パターンにアレンジすることができますよ。
この3色が気に入ったというものがあったら、自分でアレンジしてさらに好みの配色パターンを作ってみてくださいね。
ブログ配色パターン
青系の配色パターン
配色パターン1
![](https://tumuginote.com/wp-content/uploads/2022/03/cd1.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd1.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd2.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd2.png)
ミントブルーをつかったやわらかい色合いの配色です。
使用した色
- #B8D8D5
- #D8C29C
- #FFFFF9
配色パターン2
![](https://tumuginote.com/wp-content/uploads/2022/03/cd3.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd3.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd4.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd4.png)
すっきりとしたブルーをメインにやわらかいブルーをあわせた配色です。
使用した色
- #073472
- #DAB021
- #B9D4E8
配色パターン3
![](https://tumuginote.com/wp-content/uploads/2022/03/cd13.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd13.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd14.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd14.png)
やわらかいブルーとむらさきをあわせた配色です。
使用した色
- #B2D8F5
- #B8B5D4
- #FAFDFE
配色パターン4
![](https://tumuginote.com/wp-content/uploads/2022/03/cd27.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd27.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd28.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd28.png)
グレイッシュなブルーをメインに背景にも色をいれた配色です。
使用した色
- #76A1B6
- #C9BE72
- #E8EBE7
配色パターン5
![](https://tumuginote.com/wp-content/uploads/2022/03/cd29.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd29.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd30.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd30.png)
ネイビーとレッドで大人マリンをイメージした配色です。
使用した色
- #002A5B
- #C81D29
- #EAF6FD
紫系の配色パターン
配色パターン6
![](https://tumuginote.com/wp-content/uploads/2022/03/cd17.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd17.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd18.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd18.png)
グレイッシュなむらさきをメインにしたやわらかい配色です。
使用した色
- #B3B9CF
- #F1E7ED
- #DF9F77
配色パターン7
![](https://tumuginote.com/wp-content/uploads/2022/03/cd21.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd21.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd22.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd22.png)
やわらかいむらさきをメインにしたミルキーな配色です。
使用した色
- #C9C2E0
- #F8CCD1
- #C2E2D2
配色パターン8
![](https://tumuginote.com/wp-content/uploads/2022/03/cd37.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd37.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd38.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd38.png)
濃いめの色合いですがやわらかいイメージの配色です。
使用した色
- #A98FAF
- #AEC8CA
- #9E8677
配色パターン9
![](https://tumuginote.com/wp-content/uploads/2022/03/cd51.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd51.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd52.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd52.png)
しっかりした紫をつかった配色です。
使用した色
- #7F5072
- #DBCBC7
- #ACB0A8
ピンク系の配色パターン
配色パターン10
![ブログ配色画像1](https://tumuginote.com/wp-content/uploads/2022/03/col1.png)
![ブログ配色画像1](https://tumuginote.com/wp-content/uploads/2022/03/col1.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd8.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd8.png)
やわらかいピンクとベージュをあわせた配色です。
使用した色
- #F9EDE4
- #8AC8CF
- #EFEBE0
配色パターン11
![](https://tumuginote.com/wp-content/uploads/2022/03/cd23.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd23.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd24.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd24.png)
かわいらしいピンクをたっぷり使った配色です。
使用した色
- #F9D6E2
- #F7F3EC
- #F4AA9A
配色パターン12
![](https://tumuginote.com/wp-content/uploads/2022/03/cd47.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd47.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd48.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd48.png)
元気になるピンクをメインにイエローとブルーをあわせた配色です。
使用した色
- #F3ADC5
- #FFF2B2
- #A7D9DD
配色パターン13
![](https://tumuginote.com/wp-content/uploads/2022/03/cd53.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd53.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd54.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd54.png)
やわらかいピンクにグリーンをあわせたミルキーな配色です。
使用した色
- #ECBBB5
- #BEE0CC
- #E99BC1
茶系の配色パターン
配色パターン14
![](https://tumuginote.com/wp-content/uploads/2022/03/cd25.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd25.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd26.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd26.png)
やさしいベージュをメインにシンプルで品のある配色です。
使用した色
- #ECE4E1
- #C1A37D
- #EAC5B6
配色パターン15
![](https://tumuginote.com/wp-content/uploads/2022/03/cd35.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd35.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd36.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd36.png)
パキッとした茶色をメインにブルーをあわせた配色です。
使用した色
- #8B644A
- #ABD3D2
- #004F89
配色パターン16
![](https://tumuginote.com/wp-content/uploads/2022/03/cd49.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd49.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd50.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd50.png)
やさしい茶色とグリーンをあわせた配色です。
使用した色
- #AA998A
- #EADFCA
- #9EC3BC
配色パターン17
![](https://tumuginote.com/wp-content/uploads/2022/03/cd55.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd55.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd56.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd56.png)
やわらかいオレンジをメインにちょっとポップなイメージの配色です。
使用した色
- #FACA7B
- #E0F1F4
- #F096A0
配色パターン18
![](https://tumuginote.com/wp-content/uploads/2022/03/cd61.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd61.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd62.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd62.png)
やわらかい茶色をメインにマフラーのようなイメージの配色です。
使用した色
- #997B6C
- #D7BDAC
- #D78576
緑系の配色パターン
配色パターン19
![](https://tumuginote.com/wp-content/uploads/2022/03/cd9.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd9.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd10.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd10.png)
ミルキーグリーンをメインにやわらかいピンクをあわせた配色です。
使用した色
- #8AB0BC
- #F8F5B5
- #E6AFCF
配色パターン20
![](https://tumuginote.com/wp-content/uploads/2022/03/cd11.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd11.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd12.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd12.png)
グレイッシュな色合いのやわらかい配色です。
使用した色
- #BFC9BD
- #EFE5CB
- #C1D1E0
配色パターン21
![](https://tumuginote.com/wp-content/uploads/2022/03/cd15-1.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd15-1.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd16.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd16.png)
オリーブをメインにやわらかいベージュをあわせたナチュラルな配色です。
使用した色
- #95A9A2
- #F4E0CC
- #BF9077
配色パターン22
![](https://tumuginote.com/wp-content/uploads/2022/03/cd31.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd31.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd32.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd32.png)
グレイッシュなグリーンにパキッとしたむらさきをアクセントにした配色です。
使用した色
- #ACB0A8
- #DBCBC7
- #7F5072
配色パターン23
![](https://tumuginote.com/wp-content/uploads/2022/03/cd33.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd33.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd34.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd34.png)
あかるいグリーンをメインに元気な色合いの配色です。
使用した色
- #BCD537
- #D9EAEC
- #74A64C
配色パターン24
![](https://tumuginote.com/wp-content/uploads/2022/03/cd41.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd41.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd42.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd42.png)
オリーブをメインにやわらかいブルーやピンクをあわせた配色です。
使用した色
- #958F6F
- #C3DBDA
- #DCAD99
配色パターン25
![](https://tumuginote.com/wp-content/uploads/2022/03/cd45.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd45.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd46.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd46.png)
やさしいグリーンをメインに背景にも色をいれたやわらかい配色です。
使用した色
- #D4DFBB
- #F3EED5
- #E4AF9B
赤系の配色パターン
配色パターン26
![](https://tumuginote.com/wp-content/uploads/2022/03/cd59.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd59.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd60.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd60.png)
やわらかい赤とパキッとしたピンクをあわせた配色です。
使用した色
- #C86265
- #B9337F
- #EED1DE
配色パターン27
![](https://tumuginote.com/wp-content/uploads/2022/03/cd57.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd57.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd58.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd58.png)
濃いめの赤・ベージュ・グリーンをあわせた配色です。
使用した色
- #B15A5E
- #D4B572
- #003740
配色パターン28
![](https://tumuginote.com/wp-content/uploads/2022/03/cd39.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd39.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd40.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd40.png)
ピンクよりの赤をメインにベージュをあわせた配色です。
使用した色
- #D6828E
- #DBD3C6
- #301920
配色パターン29
![](https://tumuginote.com/wp-content/uploads/2022/03/cd19.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd19.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd20.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd20.png)
グレイッシュな赤をメインにやわらかい紫をあわせた配色です。
使用した色
- #D2AFAE
- #CDE0DF
- #A199C7
配色パターン30
![](https://tumuginote.com/wp-content/uploads/2022/03/cd5.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd5.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd6.png)
![](https://tumuginote.com/wp-content/uploads/2022/03/cd6.png)
朱色をメインにグレイッシュなグリーンをあわせた配色です。
使用した色
- #ACA28E
- #CC533C
- #F9EDE4
まとめ
ブログの配色に悩むあなたに、ブログに使いやすい配色を30パターン用意しました。
同じ3色でも、パターンをアレンジすることでイメージが変わりますよ。
そんな風に配色をたのしんでいただけたら本当にうれしいです。
ブログの配色やデザインが整うとブログを書くのが楽しくなりますよね。
デザインは自分でアレンジするのもいいですが、有料テーマにしてしまうのも一つです。
SWELLならオシャレなデザインが手に入るので、あとは配色やカスタマイズで自分色のブログがつくれますよ。
![](https://tumuginote.com/wp-content/uploads/2022/02/ai20220131-300x169.png)
![](https://tumuginote.com/wp-content/uploads/2022/02/ai20220131-300x169.png)
コメント