Loveland Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #e6718d; /* Loveland */
  --color-2: #cae277; /* Idocrase Green */
  --color-3: #6fe7db; /* Turquoise Chalk */
  --color-4: #9878f8; /* Forgotten Purple */
  --color-5: #f4c8d5; /* Mountain Laurel */
}

Other schemes from Loveland

• #E6718D

  #F5BFD1

  #6FE7DB

  #2DC5BB

  #C5F5E8
  Loveland Complementary Color Scheme
• #CC69E4

  #E56CC0

  #E6718D

  #E58E73

  #E2CA73
  Loveland Analogous Color Scheme
• #E6718D

  #88EE77

  #6488EA

  #F4C8D5

  #58D332
  Loveland Triadic Color Scheme
• #E6718D

  #7BE892

  #76C5E7

  #DD3355

  #B8EBC5
  Loveland Split-complementary Color Scheme
• #AC1E3A

  #DD3355

  #E6718D

  #F4B3C2

  #F8EAED
  Loveland 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