デザインにおいて、与える印象を左右する重要な要素の1つです。しかし、色の組み合わせは無限大にあるので、配色に時間がかかる方も多いのではないでしょうか。最近は配色パターン見本帳の本や、カラースキームの提案サービスも多いですよね。
この記事では、無料で使用できるゆめかわいい4色の配色パターンを120個紹介いたします。
それでは、紹介していきます。
配色パターン
カラーコード : #62F6C5 #E8E3E4 #FEFDFD #CEFAEC
配色パターン
カラーコード : #66ACA9 #CEF4DA #F5FEC2 #FBDEDE
配色パターン
カラーコード : #6BA7FF #A5CCFF #C8F6FE #FFF5E0
配色パターン
カラーコード : #6BFF79 #A5FFAB #DBFEC8 #FFE0F9
配色パターン
カラーコード : #7AA9FF #8EF0FF #AFFFA3 #C5F9FF
配色パターン
カラーコード : #7AFF8D #B8FF8E #FFC5A3 #DCFFC5
配色パターン
カラーコード : #8666AC #CED5F4 #C2FEE9 #ECFBDE
配色パターン
カラーコード : #89A0F8 #C7FAD5 #EDC8D1 #F999B6
配色パターン
カラーコード : #89F8AA #FAEEC7 #D2C8ED #AC99F9
配色パターン
カラーコード : #8CAC66 #F4EDCE #FEC2D7 #ECDEFB
配色パターン
カラーコード : #8E8EF6 #F196DF #F69BAC #F1B8B1
配色パターン
カラーコード : #8EF6C2 #96B1F1 #B79BF6 #D8B1F1
配色パターン
カラーコード : #94EED0 #AFB6FF #E3B4E8 #EAE3B9
配色パターン
カラーコード : #96FAEA #A09EF6 #D69EF5 #EBB1EE
配色パターン
カラーコード : #A1E7E2 #C2EDEB #FFFDF9 #FEE3ED
配色パターン
カラーコード : #A1FBA3 #FDFDFD #D2CEFF #BBE1E9
配色パターン
カラーコード : #A1FBEE #FDFDFD #FACEFF #BBBBE9
配色パターン
カラーコード : #A394EE #FFAFDE #E8C9B4 #B9EACB
配色パターン
カラーコード : #A3BCE4 #C3E2BA #F1DDB3 #C5E5D8
配色パターン
カラーコード : #A3E4AA #E2C5BA #F1B3E6 #E2E5C5
配色パターン
カラーコード : #AC6669 #F4CEE8 #CBC2FE #DEFBFB
配色パターン
カラーコード : #ADBFFF #EDC4FF #FFB0C4 #FFE9CD
配色パターン
カラーコード : #B7FFC2 #CEFFB7 #DAF9FF #F9FFFD
配色パターン
カラーコード : #B896FA #F69EC8 #F5AB9E #EECCB1
配色パターン
カラーコード : #BFA1E7 #D5C2ED #F9FFFA #FAFEE3
配色パターン
カラーコード : #C1A1FB #FDFDFD #FFE2CE #E9BBD2
配色パターン
カラーコード : #C1CEFC #D3C5F2 #D4D4F6 #EBE0FF
配色パターン
カラーコード : #C1FCD2 #C5F2E9 #D4F6E5 #E0FFFA
配色パターン
カラーコード : #C6FCA9 #FDFDFD #CEDAFE #BEEAE3
配色パターン
カラーコード : #C7EDFF #FFEEFD #FEC6FF #A87EFF
配色パターン
カラーコード : #C7FFEC #F6EEFF #D8C6FF #7EAAFF
配色パターン
カラーコード : #C9CCFD #BCFEFF #E5BAFF #CFFFC9
配色パターン
カラーコード : #C9E7A1 #D9EDC2 #FFF9FE #E7E3FE
配色パターン
カラーコード : #C9FDE0 #DDFFBC #BAF6FF #FFDEC9
配色パターン
カラーコード : #CED4FF #BFACEF #ECA6E6 #C16C7A
配色パターン
カラーコード : #CEDFFF #BAB6FF #FBD0FE #FDBCDB
配色パターン
カラーコード : #CEFFD6 #B6FFDE #D0EAFE #BEBCFD
配色パターン
カラーコード : #CEFFE1 #ACEFE0 #A6C3EC #896CC1
配色パターン
カラーコード : #D0C7FF #FFEEEF #FFC6D0 #FF7EEB
配色パターン
カラーコード : #D5FFF1 #EBFBD1 #C5FCC6 #F7D1E2
配色パターン
カラーコード : #D5FFF3 #9DFFF8 #A8C0FF #7E73FF
配色パターン
カラーコード : #D8EBFD #FFE5F3 #F6FFDD #E8FFFB
配色パターン
カラーコード : #D8FA96 #9EF6CC #9EE8F5 #B1D2EE
配色パターン
カラーコード : #D9FDD8 #E5E6FF #FFDDE5 #F8FFE8
配色パターン
カラーコード : #DCD5FF #D1FBF6 #C5E0FC #F5F7D1
配色パターン
カラーコード : #DEA9FC #FDFDFD #FEF2CE #EABEC5
配色パターン
カラーコード : #DED5FF #C79DFF #FFA8EC #FF73AE
配色パターン
カラーコード : #DEFCEF #CAEFFC #BEC9F0 #B6A8E9
配色パターン
カラーコード : #DFEE94 #AFFFD0 #B4D3E8 #EAB9D8
配色パターン
カラーコード : #E0DEFC #F0CAFC #F0BEE2 #E9A8BA
配色パターン
カラーコード : #E0E1F8 #A1A6FC #D7A2FB #FF97E8
配色パターン
カラーコード : #E0F8EB #A1FCCA #A2F2FB #97B4FF
配色パターン
カラーコード : #E1FCFA #CFE3FE #C7C3F3 #CDABE9
配色パターン
カラーコード : #E3FDF4 #CBF5EB #A6E9D9 #71CEB5
配色パターン
カラーコード : #E4A3DD #BAD7E2 #B3F1BE #C8C5E5
配色パターン
カラーコード : #E4CAA3 #D9BAE2 #B3C7F1 #E5C5D2
配色パターン
カラーコード : #E4F1F5 #AFA6DF #D688E5 #C86E9A
配色パターン
カラーコード : #E6FEF9 #FCE1E1 #F7D3CF #ECB1AB
配色パターン
カラーコード : #E6FFD8 #E4EDFF #FFD9EF #FFFDE6
配色パターン
カラーコード : #E7A1A6 #EDC2C4 #F9FBFF #E3FEF4
配色パターン
カラーコード : #E7E3FD #D6CBF5 #B7A6E9 #8671CE
配色パターン
カラーコード : #E7F9F3 #F9CDE4 #EFB2D1 #F2B9B9
配色パターン
カラーコード : #E8F5E4 #A6DFCB #88C5E5 #6F6EC8
配色パターン
カラーコード : #E8F9F9 #B6EBF0 #ECB6F2 #E36CCB
配色パターン
カラーコード : #E9B7D3 #FDF6FC #DEDAF4 #B5A6B8
配色パターン
カラーコード : #EAE7F9 #F9F8CD #EFEEB2 #D6F2B9
配色パターン
カラーコード : #ECE1FC #FECFFA #F3C3D7 #E9AEAB
配色パターン
カラーコード : #EDE6FE #EEFCE1 #DFF7CF #C5ECAB
配色パターン
カラーコード : #EE94B2 #FFF8AF #B9E8B4 #B9BFEA
配色パターン
カラーコード : #F0E4F5 #DFA6B9 #E5A888 #C7C86E
配色パターン
カラーコード : #F0E8F9 #D8B6F0 #F2CEB6 #E3BF6C
配色パターン
カラーコード : #F0F9E8 #CEF0B6 #B6DAF2 #6C8FE3
配色パターン
カラーコード : #F0FCE1 #CFFED2 #C3F3DF #ABE6E9
配色パターン
カラーコード : #F1D8FF #FFF6E4 #D9FFE9 #E6E7FF
配色パターン
カラーコード : #F4FFCE #CBF0DF #B5BFEA #E9C7EA
配色パターン
カラーコード : #F5E8E4 #D6DFA6 #97E588 #6EC89C
配色パターン
カラーコード : #F5FFF7 #E2FFE4 #CCFFDE #D5FFFE
配色パターン
カラーコード : #F68EC2 #F1D596 #D9F69B #CAF1B1
配色パターン
カラーコード : #F6F68E #96F1A8 #9BF6E5 #B1EAF1
配色パターン
カラーコード : #F6F9E7 #CDCEF9 #B2B3EF #D5B9F2
配色パターン
カラーコード : #F6FFC7 #EEFFFE #C6FFF5 #7EFF92
配色パターン
カラーコード : #F6FFD5 #D5FF9D #A8FFBB #73FFC4
配色パターン
カラーコード : #F7FCFB #D6EFF2 #B9E7EA #76BCCD
配色パターン
カラーコード : #F7FEE6 #EEE1FC #E7CFF7 #D2ABEC
配色パターン
カラーコード : #F889D7 #C7D2FA #E3EDC8 #E5F999
配色パターン
カラーコード : #F8E0ED #FCA1D3 #FBABA2 #FFE297
配色パターン
カラーコード : #F8E189 #FAC7EC #C8EDE4 #99F9DC
配色パターン
カラーコード : #F8F7E0 #FCF7A1 #C6FBA2 #97FFAE
配色パターン
カラーコード : #F8FFD5 #FBD1D6 #FCE1C5 #D3D1F7
配色パターン
カラーコード : #F9E7ED #CDF9E2 #B2EFD0 #B9F2F1
配色パターン
カラーコード : #F9E8E8 #F0BBB6 #BCF2B6 #6CE384
配色パターン
カラーコード : #F9F7FC #E7D6F2 #D4B9EA #B276CD
配色パターン
カラーコード : #F9FDE3 #EAF5CB #D8E9A6 #B9CE71
配色パターン
カラーコード : #FA96A6 #F4F69E #BDF59E #B4EEB1
配色パターン
カラーコード : #FAFCDE #D6FCCA #BEF0CC #A8E9D7
配色パターン
カラーコード : #FAFCF7 #E1F2D6 #CFEAB9 #91CD76
配色パターン
カラーコード : #FCB5A9 #FDFDFD #CEFEDA #DBEABE
配色パターン
カラーコード : #FCC1EB #F2C5CD #F6D4E5 #FFE0E4
配色パターン
カラーコード : #FCDEEB #FCD7CA #F0E5BE #DAE9A8
配色パターン
カラーコード : #FCE1E3 #FEEACF #EFF3C3 #C7E9AB
配色パターン
カラーコード : #FCEFC1 #E4F2C5 #F6F6D4 #F4FFE0
配色パターン
カラーコード : #FCF7F7 #F2D9D6 #EABCB9 #CD8776
配色パターン
カラーコード : #FDC9E6 #DEBCFF #FFC3BA #C9EAFF
配色パターン
カラーコード : #FDE3EC #F5CBD5 #E9A6B6 #CE718A
配色パターン
カラーコード : #FDE9D8 #E5FFF1 #E6DDFF #FFE8EC
配色パターン
カラーコード : #FDFAC9 #FFBDBC #D3FFBA #F9C9FF
配色パターン
カラーコード : #FEE6EB #E1FCFC #CFF3F7 #ABE6EC
配色パターン
カラーコード : #FF6BF1 #FFA5F9 #EBC8FE #E0FFE6
配色パターン
カラーコード : #FF7AEC #D58EFF #A3DDFF #E8C5FF
配色パターン
カラーコード : #FFC36B #FFD8A5 #FED0C8 #E0E9FF
配色パターン
カラーコード : #FFC7DA #F7FFEE #ECFFC6 #FFD37E
配色パターン
カラーコード : #FFCEEC #EFACBA #ECCFA6 #A4C16C
配色パターン
カラーコード : #FFCEF7 #FFB6D6 #FEE4D0 #FBFDBC
配色パターン
カラーコード : #FFCF7A #FF9D8E #F3A3FF #FFCBC5
配色パターン
カラーコード : #FFD5E1 #FF9DA4 #FFE7A8 #F3FF73
配色パターン
カラーコード : #FFDDD8 #E4FFE8 #D9DCFF #FFE6F4
配色パターン
カラーコード : #FFE6B7 #FFC4B7 #E6FFDA #FEFFF9
配色パターン
カラーコード : #FFEECE #FBFFB6 #D3FED0 #BCFDDE
配色パターン
カラーコード : #FFF5FD #FFE2FD #FFCCED #FFD5D6
配色パターン
カラーコード : #FFF9CE #DCEFAC #A6ECAC #6CC1B3
配色パターン
カラーコード : #FFFCF5 #FFF2E2 #FFF7CC #EBFFD5
まとめ
以上、ゆめかわいい・病みかわいい4色の配色パターン見本120選でした。配色パターンは全て当サイトオリジナルのものなので、デザインやイラストなどにご自由にお使いください。
それでは、最後までご閲覧いただき誠にありがとうございました。