Magento Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #3d7afd; /* Lightish Blue */
  --color-2: #5533ff; /* Meteor Shower */
  --color-3: #bf3cff; /* Magento */
  --color-4: #ff33cc; /* Razzle Dazzle Rose */
  --color-5: #ef347c; /* Extra Fuchsia */
}

Other schemes from Magento

• #BF3CFF

  #D59CFC

  #7FF23E

  #55EE00

  #C1F9A2
  Magento Complementary Color Scheme
• #BF3CFF

  #FFBC3E

  #2AFEB7

  #EEAAFF

  #EEA300
  Magento Triadic Color Scheme
• #BF3CFF

  #D5F534

  #2DFE54

  #AA00FF

  #E8F48C
  Magento Split-complementary Color Scheme
• #BF3CFF

  #FA5B3D

  #7FF23E

  #22DDFF

  #EEAAFF
  Magento Tetradic Color Scheme
• #6611AA

  #AA00FF

  #BF3CFF

  #D783FF

  #EECFFE
  Magento Monochromatic Color Scheme

More Light Purple analogous palettes

• #6699CC

  #6F6ED1

  #9966CC

  #C364C5

  #CC6699
  Amethyst Analogous Color Scheme
• #5577EE

  #8756E4

  #CC55EE

  #EE55CC

  #EE5577
  Bubblegum Baby Girl Analogous Color Scheme
• #93BDE7

  #A899E6

  #CC99EE

  #EE99EE

  #F19CBB
  Dream Vapour Analogous Color Scheme
• #95CCE4

  #9BA0EF

  #B195E4

  #D891EF

  #E399CA
  Dreamy Candy Forest Analogous Color Scheme
• #A1BED9

  #A6A1D7

  #BFA3D9

  #D3A5D6

  #DFA3BA
  Enchanted Lavender Analogous Color Scheme
• #96AEC5

  #9994C0

  #A893C1

  #BF8FC4

  #C58EAB
  Enchanted Lilac Analogous Color Scheme
• #6495ED

  #9878F8

  #CC77EE

  #FF6EC7

  #EE7799
  Fake Love Analogous Color Scheme
• #4E7FFF

  #8855FF

  #DD55FF

  #FF55CC

  #FF5470
  Flaming Flamingo Analogous Color Scheme
• #3366FF

  #6A2DED

  #CC33FF

  #FF33CC

  #FF3366
  Flamingo Queen Analogous Color Scheme
• #8CA8C6

  #9895C5

  #B090C7

  #CA93C1

  #C58EAB
  Fleur-De-Lis Analogous Color Scheme
• #B8C8D3

  #BAB8D3

  #C4BAD2

  #D5B6D4

  #D3B8C5
  Fog Syringa Analogous Color Scheme
• #77AAFF

  #8273FD

  #BF77F6

  #FF77EE

  #FC7AB0
  Illicit Purple Analogous Color Scheme