かわいい配色は少し間違えると、チープに見えたり、ごちゃごちゃしてしまいがち…。
この記事では、
をまとめてご紹介いたします。
Web・SNS・資料・イラストの参考にもおすすめです。
かわいいグラデーションの基本ルール

淡い色を中心に、ふわっとした色を選びます。
色数を抑えて、トーンをそろえるだけで、一気に洗練されたかわいさになります。
かわいいグラデーション配色パターン集
ここからは、かわいいグラデーション配色パターン集を5つご紹介していきます。
モニター環境や印刷条件によって、色味が多少異なって見える場合があります。
あくまで参考値としてご活用ください。
①ふんわりピンク
C U T E
王道の愛されピンクグラデーション。
SNS画像・美容系・女性向けデザインにおすすめです。
| カラー | カラーコード | RGB |
| チェリーピンク | #F472B6 | 244, 114, 182 |
| なでしこピンク | # | 249, 168, 212 |
| さくらピンク | # | 252, 231, 243 |
②ラベンダーミルク
C U T E
ふんわりとした透明感のある、ラベンダーグラデーション。
Web背景・ブログ・イラストにおすすめです。
| カラー | カラーコード | RGB |
| ライトパープル | # | 196, 181, 253 |
| ラベンダー | # | 233, 213, 255 |
| ミルクラベンダー | # | 250, 245, 255 |
③ベビーブルー
C U T E
さわやかで清潔感あふれる、ベビーブルーグラデーション。
資料・子育て系・ナチュラルデザインに向いています。
| カラー | カラーコード | RGB |
| スカイブルー | # | 125, 211, 252 |
| ベビーブルー | # | 186, 230, 253 |
| アリスブルー | # | 236, 254, 255 |
④ミントソーダ
C U T E
明るくて軽やかな印象の、ミントソーダグラデーション。
Web・イベント・ポップな装飾などに◎。
| カラー | カラーコード | RGB |
| ミントグリーン | # | 110, 231, 183 |
| ライトミント | # | 167, 243, 208 |
| ペールミント | # | 236, 253, 245 |
⑤ピーチミルク
C U T E
親しみとあたたかさが感じられる、ピーチミルクグラデーション。
ブログ・バナー・やさしいブランドなどに。
| カラー | カラーコード | RGB |
| アプリコット | # | 253, 186, 116 |
| ピーチ | # | 254, 215, 170 |
| ピーチミルク | # | 255, 247, 237 |
かわいいグラデーションのNG例
「かわいい」は弱め・淡め・少なめが正解です。
まとめ
かわいいグラデーションは、派手にしないほど長く使える配色。
淡い色をなめらかに変化させるだけで、誰でも「ちょうどいいかわいさ」が作れます。



コメント