Coca Mocha Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #bd9d95; /* Coca Mocha */
  --color-2: #a5be8f; /* Praying Mantis */
  --color-3: #91b2bc; /* Lucy Blue */
  --color-4: #af92bd; /* Lavender Earl */
  --color-5: #e5d7d4; /* Lost Love */
}

Other schemes from Coca Mocha

• #BD9D95

  #E3D1CC

  #91B2BC

  #6797A2

  #D4E2E6
  Coca Mocha Complementary Color Scheme
• #BF91B2

  #BE9AA2

  #BD9D95

  #BEB394

  #B4BE93
  Coca Mocha Analogous Color Scheme
• #BD9D95

  #90BE9D

  #9791BC

  #E5D7D4

  #6CA178
  Coca Mocha Triadic Color Scheme
• #BD9D95

  #95BFB2

  #92A2BB

  #A57164

  #C3DCD5
  Coca Mocha Split-complementary Color Scheme
• #705046

  #A47365

  #BD9D95

  #D9CAC3

  #F4EFEE
  Coca Mocha 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