配色パターンはデザインの中でも、与える印象を左右する重要な要素の一つです。しかし、色の組み合わせは無限にあるため、配色に悩む方も多いのではないでしょうか。最近では、色柄の見本帳や配色の提案サービスも多く出ています。
この記事では、無料で使えるかわいいパステル調の配色パターンを120選紹介します。
それでは、ご紹介していきましょう。
配色パターン
カラーコード : #ABCDE8 #C7DEF1 #FCFCFE #C4B7F7
配色パターン
カラーコード : #ABE8DA #C7F1E8 #FCFDFE #B7D4F7
配色パターン
カラーコード : #ABF3D3 #C0F4E1 #F2EFFE #F4E1F4
配色パターン
カラーコード : #AEE8AB #C9F1C7 #FCFEFD #B7F7E4
配色パターン
カラーコード : #AFABF3 #C7C0F4 #FEEFF3 #F4EAE1
配色パターン
カラーコード : #BBABE8 #D3C7F1 #FEFCFE #F7B7F4
配色パターン
カラーコード : #BEFBE9 #EFD6F0 #FCE2ED #FCF9EE
配色パターン
カラーコード : #C0D2FC #F1F8BC #F7FBFA #D3FFDA
配色パターン
カラーコード : #C0F1F8 #CAE2FA #EADEF8 #F8E5EF
配色パターン
カラーコード : #C0FCCC #F8BCD3 #FAFBF7 #FFF0D3
配色パターン
カラーコード : #C0FCF4 #F8CDBC #F7FBF7 #F1FFD3
配色パターン
カラーコード : #C4EBFF #DFC3FF #FFB8C3 #D7FFCD
配色パターン
カラーコード : #C4FFEB #C3CFFF #FFB8F3 #F8FFCD
配色パターン
カラーコード : #C5F8F2 #E3F9FC #F3F7FB #F6E3F1
配色パターン
カラーコード : #C9F1FF #FFE9D9 #FFF2F1 #FFFFFF
配色パターン
カラーコード : #CBBEFB #F0E2D6 #FAFCE2 #EEFCF2
配色パターン
カラーコード : #CBCEF4 #E7E3FD #E1D6F0 #D8C2D5
配色パターン
カラーコード : #CBEAF7 #DAEACA #C1E8BA #FFFFFF
配色パターン
カラーコード : #CBF4DC #E3FDF4 #D6F0EE #C2CAD8
配色パターン
カラーコード : #CBF7E7 #EAE5CA #E0E8BA #FFFFFF
配色パターン
カラーコード : #CDF4F7 #C9D9FA #CFCDF9 #FAE5F6
配色パターン
カラーコード : #CEC4FF #FFC3ED #FFE7B8 #CDFFED
配色パターン
カラーコード : #CEFCFF #FDE8DF #FFFFFF #F5E2FF
配色パターン
カラーコード : #CEFFC4 #C3FFFD #D0B8FF #FFDCCD
配色パターン
カラーコード : #D0F2E8 #D6F1F8 #F1E0E6 #FBEEED
配色パターン
カラーコード : #D1CBF7 #CAEAD5 #BAE8D9 #FFFFFF
配色パターン
カラーコード : #D2DFF3 #FEFAB9 #DCD79F #F1FBF9
配色パターン
カラーコード : #D2DFF3 #FEFAB9 #F6F0A7 #F1FBF9
配色パターン
カラーコード : #D2F3D6 #FEB9DF #DC9FC2 #F8FBF1
配色パターン
カラーコード : #D2F3D6 #FEB9DF #F6A7D4 #F8FBF1
配色パターン
カラーコード : #D3D4FC #D3FAFF #FFE6E2 #C7FFB3
配色パターン
カラーコード : #D3FCE7 #E4FFD3 #F4E2FF #FFC5B3
配色パターン
カラーコード : #D4F7CB #EACACA #E8CABA #FFFFFF
配色パターン
カラーコード : #D4FFFD #FFE1F9 #F5E9D6 #CBFFC1
配色パターン
カラーコード : #D5F8C0 #CAFACA #DEF8F7 #E5E5F8
配色パターン
カラーコード : #D6C0FC #C9F8BC #F7F9FB #D3FFF7
配色パターン
カラーコード : #D6F2FA #C6B3B5 #B6A995 #EAF0FD
配色パターン
カラーコード : #D6FFC9 #FCD9FF #F9F1FF #FFFFFF
配色パターン
カラーコード : #D7D0F2 #EED6F8 #EEF1E0 #F3FBED
配色パターン
カラーコード : #D7E8AB #E5F1C7 #FCFEFC #B7F7BA
配色パターン
カラーコード : #D7E8F4 #DACDEB #FADEE5 #FAFDEA
配色パターン
カラーコード : #D9C5F8 #F3E3FC #FBF3FB #F6F1E3
配色パターン
カラーコード : #D9F4D7 #CDEBE9 #E5DEFA #FDEAF0
配色パターン
カラーコード : #DFF1D1 #E8F4E1 #FFFCFE #F4F2FD
配色パターン
カラーコード : #DFF7CD #C9FAD2 #CDF9E5 #E5EBFA
配色パターン
カラーコード : #DFFEFF #F7E2FF #FFFCF0 #FFD0D5
配色パターン
カラーコード : #DFFFEB #E4E2FF #FFF2F0 #FFD0F4
配色パターン
カラーコード : #E0FAD6 #BAB3C6 #B695B2 #EAFDED
配色パターン
カラーコード : #E3C0F8 #FACAFA #F8DEDF #F8F7E5
配色パターン
カラーコード : #E3D1F1 #EDE1F4 #FCFFFD #FAFDF2
配色パターン
カラーコード : #E3FFCE #F7DFFD #FFFFFF #E2FAFF
配色パターン
カラーコード : #E4ABE8 #EFC7F1 #FEFCFD #F7B7CA
配色パターン
カラーコード : #E4F8C5 #ECFCE3 #F3FBF3 #E3E7F6
配色パターン
カラーコード : #E5CDF7 #FAC9F1 #F9CDE1 #FAF4E5
配色パターン
カラーコード : #E6FAFD #FCF7FD #F7E4FC #CCC6FB
配色パターン
カラーコード : #E6FCC0 #EBBCF8 #FBF9F7 #FFD3DB
配色パターン
カラーコード : #E7D4FF #FFF6E1 #D6F5DA #C1EAFF
配色パターン
カラーコード : #E7F9FC #E1FCFC #D9E0FB #FCE2CD
配色パターン
カラーコード : #E8ABB9 #F1C7D0 #FEFDFC #F7DAB7
配色パターン
カラーコード : #E8C6AB #F1DAC7 #FEFEFC #EAF7B7
配色パターン
カラーコード : #E9F1F9 #CAC8F6 #C9B1F0 #C591EB
配色パターン
カラーコード : #E9F9E9 #C8F6E1 #B1F0E8 #91E4EB
配色パターン
カラーコード : #EACEFF #E5FDDF #FFFFFF #FFE7E2
配色パターン
カラーコード : #EBF2D0 #E0F8D6 #E3E0F1 #F5EDFB
配色パターン
カラーコード : #EBFFD4 #E1EAFF #F5D6F1 #FFD6C1
配色パターン
カラーコード : #EBFFFA #FAE5FF #C2FFE1 #FFFFFF
配色パターン
カラーコード : #EECBF7 #CAEAEA #BAD8E8 #FFFFFF
配色パターン
カラーコード : #EEF3AB #EDF4C0 #EFFEF9 #E1EAF4
配色パターン
カラーコード : #EEFBBE #D6E4F0 #E4E2FC #FCEEF8
配色パターン
カラーコード : #EEFCE7 #EEFCE1 #D9FBE3 #F9CDFC
配色パターン
カラーコード : #EEFDE6 #F7FBFD #E4F5FC #C6FBE7
配色パターン
カラーコード : #EEFFDF #E2F8FF #FFF0FA #E3D0FF
配色パターン
カラーコード : #F0D6FA #BEC6B3 #95B699 #FDEAF9
配色パターン
カラーコード : #F0DFFF #FFE9E2 #F0FFF5 #ECFFD0
配色パターン
カラーコード : #F0EBFF #FFEDE5 #C3C2FF #FFFFFF
配色パターン
カラーコード : #F1D3D1 #F4E3E1 #FCFDFF #F2FDFA
配色パターン
カラーコード : #F1F7CB #EACADF #E8BAC9 #FFFFFF
配色パターン
カラーコード : #F2C9FF #DCFFD9 #F7FFF1 #FFFFFF
配色パターン
カラーコード : #F2D0DA #F8DDD6 #E0F1EB #EDFAFB
配色パターン
カラーコード : #F2D7F4 #EBCDCF #F3FADE #EAFDF6
配色パターン
カラーコード : #F3ABCB #F4C0D3 #FBFEEF #E1F4E1
配色パターン
カラーコード : #F3D2EF #B9FED7 #9FDCB8 #F4F1FB
配色パターン
カラーコード : #F3D2EF #B9FED7 #A7F6C9 #F4F1FB
配色パターン
カラーコード : #F3E6D2 #B9BDFE #9FA4DC #FBF1F3
配色パターン
カラーコード : #F3E6D2 #B9BDFE #A7ADF6 #FBF1F3
配色パターン
カラーコード : #F3FCFF #DEF7FF #C6E1FF #DAD3FF
配色パターン
カラーコード : #F4CBE2 #FDE3EC #F0D6D8 #D8D0C2
配色パターン
カラーコード : #F4E3D7 #DEEBCD #DEFAF3 #EDEAFD
配色パターン
カラーコード : #F4E7FC #EEE1FC #FBD9F1 #CFFCCD
配色パターン
カラーコード : #F4F1CB #F9FDE3 #E5F0D6 #C2D8C5
配色パターン
カラーコード : #F5C4FF #FFC3C5 #E7FFB8 #CDF0FF
配色パターン
カラーコード : #F5FFC4 #C3FFD5 #B8D0FF #FFCDDF
配色パターン
カラーコード : #F6FFF3 #E7FFDE #C6FFC7 #D3FFF0
配色パターン
カラーコード : #F7CBDB #CACFEA #C2BAE8 #FFFFFF
配色パターン
カラーコード : #F7D8CB #DACAEA #E1BAE8 #FFFFFF
配色パターン
カラーコード : #F7F2FD #F4FCF1 #ECFAE7 #DDF3D6
配色パターン
カラーコード : #F8C7C0 #FAE2CA #ECF8DE #E5F8EE
配色パターン
カラーコード : #F8F3FB #EDDBF5 #F6E9DB #EDE4B6
配色パターン
カラーコード : #F8FDF2 #F8F1FC #F5E7FA #ECD6F3
配色パターン
カラーコード : #F9E9F9 #F6C8DD #F0B1B9 #EB9891
配色パターン
カラーコード : #F9F1E9 #F4F6C8 #D8F0B1 #B7EB91
配色パターン
カラーコード : #FADED6 #B3C6C4 #95A2B6 #FDF7EA
配色パターン
カラーコード : #FAFFEB #E5F7FF #FEFFC2 #FFFFFF
配色パターン
カラーコード : #FBBED0 #D7F0D6 #E2FCF1 #EEF1FC
配色パターン
カラーコード : #FBF4F3 #F5E0DB #DBF6DC #B6EDC9
配色パターン
カラーコード : #FCC0C8 #BCE7F8 #FBF7FB #E1D3FF
配色パターン
カラーコード : #FCC0F0 #BCF8E1 #F8F7FB #D3E2FF
配色パターン
カラーコード : #FCD3E8 #EED3FF #ECFFE2 #B3EDFF
配色パターン
カラーコード : #FCEAC0 #C3BCF8 #FBF7F8 #FFD3F8
配色パターン
カラーコード : #FCFBD3 #FFD8D3 #E2FBFF #EBB3FF
配色パターン
カラーコード : #FCFCFD #E3D2EC #C4ADD1 #C9FAE0
配色パターン
カラーコード : #FCFDFC #DBECD2 #BAD1AD #FAC9E3
配色パターン
カラーコード : #FCFDFD #D2E8EC #ADCCD1 #FAF8C9
配色パターン
カラーコード : #FDE9E6 #F8FDF7 #E9FCE4 #F5FBC6
配色パターン
カラーコード : #FDFCFC #ECD6D2 #D1B2AD #C9CBFA
配色パターン
カラーコード : #FFC4D7 #FFF3C3 #B8FFC4 #D4CDFF
配色パターン
カラーコード : #FFD1CE #DFF4FD #FFFFFF #ECFFE2
配色パターン
カラーコード : #FFD4D6 #E1FFE7 #D6E2F5 #F5C1FF
配色パターン
カラーコード : #FFD7C9 #D9EFFF #F1FEFF #FFFFFF
配色パターン
カラーコード : #FFD8C4 #E3FFC3 #B8FFF3 #F5CDFF
配色パターン
カラーコード : #FFDFF3 #FDFFE2 #F0FDFF #D0FFDB
配色パターン
カラーコード : #FFE0DF #EAFFE2 #F0F3FF #D0FFFA
配色パターン
カラーコード : #FFEBF0 #EAFFE5 #FFC2E0 #FFFFFF
配色パターン
カラーコード : #FFFBDF #E2FFF3 #F9F0FF #D0DCFF
まとめ
以上、かわいいパステル調の4色の配色パターン見本120選でした。配色パターンは全て当サイトオリジナルのものなので、デザインやイラストなどにご自由にお使いください。
それでは、最後までご閲覧いただき誠にありがとうございました。