Heart’s Content Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #e2b5bd; /* Heart’s Content */
  --color-2: #d6e1b4; /* Fern Shadow */
  --color-3: #b5e1db; /* Festival de Verano */
  --color-4: #cabae0; /* Viking Diva */
  --color-5: #f7efef; /* Vienna Dawn */
}

Other schemes from Heart’s Content

• #E2B5BD

  #F7EFEF

  #B5E1DB

  #77CABD

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

  #E6B5D7

  #E2B5BD

  #E3C1B3

  #E3DBB7
  Heart’s Content Analogous 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
• #B5485D

  #C87F89

  #E2B5BD

  #F6EBEE

  #F7EFEF
  Heart’s Content Monochromatic Color Scheme

More Light Red tetradic palettes

• #EE5851

  #9CEF43

  #45E9FD

  #AA55EE

  #F5B1AA
  Amour Tetradic Color Scheme
• #F04E45

  #9CEF43

  #45E9FD

  #AB46EC

  #F9A7A4
  Angry Flamingo Tetradic Color Scheme
• #FF7A83

  #CCFD7F

  #73FDFF

  #A675FE

  #FFE4E1
  Anime Blush Tetradic Color Scheme
• #E35A63

  #B2EC5D

  #5EE7DF

  #9457EB

  #F1B3B6
  Aphrodisiac Tetradic Color Scheme
• #DC7B7C

  #AFD77F

  #78D8D9

  #B57EDC

  #F1CBCD
  Babe Tetradic Color Scheme
• #FA6E79

  #BEFD73

  #66EEEE

  #B36FF6

  #FDD0D5
  Begonia Tetradic Color Scheme
• #D75E6C

  #ABD35D

  #55DDCC

  #9955CC

  #ECB2B3
  Berrylicious Tetradic Color Scheme
• #D47D72

  #9CD572

  #71CBD2

  #B56EDC

  #ECC5C0
  Bite My Tongue Tetradic Color Scheme
• #FF474C

  #A6FD44

  #41FDFE

  #9955FF

  #FFB0AC
  Blood Burst Tetradic Color Scheme
• #DD99AA

  #CCDD99

  #99DDCC

  #B19CD9

  #F5E6EA
  Blush Bomb Tetradic Color Scheme
• #FF6F91

  #D4FB79

  #73FCD6

  #9878F8

  #FFD6DD
  Blush Hour Tetradic Color Scheme
• #E58787

  #BBEE88

  #96E2E1

  #BF8FE5

  #F8DCDB
  Boho Blush Tetradic Color Scheme