Magentle Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #0011aa; /* Extravehicular Activity */
  --color-2: #5500aa; /* Aubergine Perl */
  --color-3: #aa11aa; /* Magentle */
  --color-4: #a50b5e; /* Banafsaji Purple */
  --color-5: #aa1111; /* Büchel Cherry */
}

Other schemes from Magentle

• #AA11AA

  #ED24ED

  #15B01A

  #04650D

  #2CE335
  Magentle Complementary Color Scheme
• #AA11AA

  #A2A415

  #0DACA7

  #FF33EE

  #696006
  Magentle Triadic Color Scheme
• #AA11AA

  #55AA11

  #1FAB58

  #660066

  #8EEF15
  Magentle Split-complementary Color Scheme
• #AA11AA

  #A75E09

  #15B01A

  #0D5EAF

  #FF33EE
  Magentle Tetradic Color Scheme
• #1F0B1E

  #660066

  #AA11AA

  #EF1DE7

  #EE66EE
  Magentle Monochromatic Color Scheme

More Dark Pink analogous palettes

• #330099

  #720B98

  #990066

  #960018

  #993300
  8 Bit Eggplant Analogous Color Scheme
• #551199

  #991199

  #980B4A

  #991111

  #995511
  Aristocratic Velvet Analogous Color Scheme
• #5500BB

  #BB00BB

  #BB0066

  #B9030A

  #BB5500
  Aztec Warrior Analogous Color Scheme
• #391285

  #661188

  #871466

  #84172C

  #883311
  Bane of Royalty Analogous Color Scheme
• #5A226F

  #772277

  #7E203F

  #772F21

  #715B2E
  Beet Red Analogous Color Scheme
• #551199

  #991199

  #990F4B

  #911911

  #995915
  Berry Analogous Color Scheme
• #6611AA

  #BB0099

  #B0003C

  #B21B00

  #B17304
  Bindi Red Analogous Color Scheme
• #49017E

  #7D0061

  #7B002C

  #771100

  #7F4C00
  Bordeaux Analogous Color Scheme
• #5500BB

  #AA00BB

  #B70272

  #BE0119

  #B64701
  Botticelli Analogous Color Scheme
• #4F467E

  #68447C

  #7E4071

  #7E4258

  #784D40
  Bruise Analogous Color Scheme
• #332244

  #40243D

  #44232F

  #432722

  #443724
  Castro Analogous Color Scheme
• #660099

  #990088

  #9E003A

  #991100

  #9A6200
  Cranberry Analogous Color Scheme