Heart’s Content Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #d6b7e2; /* Pretty Petunia */
  --color-2: #e6b5d7; /* Pink Gems */
  --color-3: #e2b5bd; /* Heart’s Content */
  --color-4: #e3c1b3; /* Sunwashed Brick */
  --color-5: #e3dbb7; /* Tempered Sage */
}

Other schemes from Heart’s Content

• #E2B5BD

  #F7EFEF

  #B5E1DB

  #77CABD

  #ECF7F7
  Heart’s Content Complementary Color Scheme
• #E2B5BD

  #BFE5B1

  #B6BFE5

  #F7EFEF

  #91CB7D
  Heart’s Content Triadic Color Scheme
• #E2B5BD

  #B9E1C2

  #B7D2E3

  #C87F89

  #EBF8EF
  Heart’s Content Split-complementary Color Scheme
• #E2B5BD

  #D6E1B4

  #B5E1DB

  #CABAE0

  #F7EFEF
  Heart’s Content Tetradic Color Scheme
• #B5485D

  #C87F89

  #E2B5BD

  #F6EBEE

  #F7EFEF
  Heart’s Content Monochromatic Color Scheme

More Light Red analogous palettes

• #EE55EE

  #E95295

  #EE5851

  #EFA84C

  #EEEE55
  Amour Analogous Color Scheme
• #FF44EE

  #F7468A

  #F04E45

  #F3A347

  #EEEE44
  Angry Flamingo Analogous Color Scheme
• #FB7EFD

  #FF6EC7

  #FF7A83

  #FFB278

  #FCF679
  Anime Blush Analogous Color Scheme
• #CC55EE

  #FE54A3

  #E35A63

  #E69656

  #E1D956
  Aphrodisiac Analogous Color Scheme
• #DD77DD

  #DF7BA4

  #DC7B7C

  #DDAA77

  #D3DE7B
  Babe Analogous Color Scheme
• #F06FFF

  #FF66BB

  #FA6E79

  #F7AA6F

  #FBF073
  Begonia Analogous Color Scheme
• #CC55DD

  #D85DA1

  #D75E6C

  #D88E5F

  #D7C65B
  Berrylicious Analogous Color Scheme
• #CC77CC

  #D47194

  #D47D72

  #D1AC71

  #CAD175
  Bite My Tongue Analogous Color Scheme
• #FF44FF

  #FE46A5

  #FF474C

  #FF9D45

  #FBFB4C
  Blood Burst Analogous Color Scheme
• #CC99DD

  #DA9EC8

  #DD99AA

  #DDAA99

  #DDCC99
  Blush Bomb Analogous Color Scheme
• #DF73FF

  #FF66CC

  #FF6F91

  #FE9773

  #FDDB6D
  Blush Hour Analogous Color Scheme
• #EE88EE

  #E290B2

  #E58787

  #E5B584

  #E8E287
  Boho Blush Analogous Color Scheme