Magentle Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #aa11aa; /* Magentle */
  --color-2: #a2a415; /* Fistfull of Green */
  --color-3: #0daca7; /* Teal Me No Lies */
  --color-4: #ff33ee; /* Lurid Pink */
  --color-5: #696006; /* Green Brown */
}

Other schemes from Magentle

• #AA11AA

  #ED24ED

  #15B01A

  #04650D

  #2CE335
  Magentle Complementary Color Scheme
• #0011AA

  #5500AA

  #AA11AA

  #A50B5E

  #AA1111
  Magentle Analogous 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 triadic palettes

• #990066

  #669900

  #006699

  #FF00AA

  #3C4D03
  8 Bit Eggplant Triadic Color Scheme
• #980B4A

  #419C03

  #0C4792

  #EE1177

  #35530A
  Aristocratic Velvet Triadic Color Scheme
• #BB0066

  #66BB00

  #0B67BE

  #F42C93

  #376D03
  Aztec Warrior Triadic Color Scheme
• #871466

  #65801D

  #16698C

  #DD22AA

  #304112
  Bane of Royalty Triadic Color Scheme
• #7E203F

  #346E23

  #20377F

  #CA3767

  #21421E
  Beet Red Triadic Color Scheme
• #990F4B

  #419C03

  #0F4D92

  #EE2277

  #35530A
  Berry Triadic Color Scheme
• #B0003C

  #33AA00

  #0038A8

  #FF1166

  #226600
  Bindi Red Triadic Color Scheme
• #7B002C

  #337700

  #062A78

  #E40058

  #113300
  Bordeaux Triadic Color Scheme
• #B70272

  #77BB00

  #0072B5

  #FE28A2

  #4D6D08
  Botticelli Triadic Color Scheme
• #7E4071

  #6D7E40

  #45747E

  #B26BA2

  #434C28
  Bruise Triadic Color Scheme
• #44232F

  #37412A

  #263145

  #88455E

  #0F180A
  Castro Triadic Color Scheme
• #9E003A

  #339900

  #033B9A

  #FF0066

  #195905
  Cranberry Triadic Color Scheme