Magentle Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #aa11aa; /* Magentle */
  --color-2: #a75e09; /* Raw Umber */
  --color-3: #15b01a; /* Pikkoro Green */
  --color-4: #0d5eaf; /* Greek Flag Blue */
  --color-5: #ff33ee; /* Lurid Pink */
}

Other schemes from Magentle

• #AA11AA

  #ED24ED

  #15B01A

  #04650D

  #2CE335
  Magentle Complementary Color Scheme
• #0011AA

  #5500AA

  #AA11AA

  #A50B5E

  #AA1111
  Magentle Analogous Color Scheme
• #AA11AA

  #A2A415

  #0DACA7

  #FF33EE

  #696006
  Magentle Triadic Color Scheme
• #AA11AA

  #55AA11

  #1FAB58

  #660066

  #8EEF15
  Magentle Split-complementary Color Scheme
• #1F0B1E

  #660066

  #AA11AA

  #EF1DE7

  #EE66EE
  Magentle Monochromatic Color Scheme

More Dark Pink tetradic palettes

• #990066

  #997B00

  #009933

  #011993

  #FF00AA
  8 Bit Eggplant Tetradic Color Scheme
• #980B4A

  #8F9805

  #009B54

  #120A8F

  #EE1177
  Aristocratic Velvet Tetradic Color Scheme
• #BB0066

  #BFAC05

  #00BB55

  #0000BB

  #F42C93
  Aztec Warrior Tetradic Color Scheme
• #871466

  #937016

  #059033

  #1C3382

  #DD22AA
  Bane of Royalty Tetradic Color Scheme
• #7E203F

  #777722

  #2E7B52

  #29217A

  #CA3767
  Beet Red Tetradic Color Scheme
• #990F4B

  #889911

  #00955E

  #0A1195

  #EE2277
  Berry Tetradic Color Scheme
• #B0003C

  #92B300

  #00A877

  #1100AA

  #FF1166
  Bindi Red Tetradic Color Scheme
• #7B002C

  #6F7C00

  #007755

  #110077

  #E40058
  Bordeaux Tetradic Color Scheme
• #B70272

  #BAA208

  #00BB44

  #0011BB

  #FE28A2
  Botticelli Tetradic Color Scheme
• #7E4071

  #7E6B43

  #437B48

  #405978

  #B26BA2
  Bruise Tetradic Color Scheme
• #44232F

  #464826

  #234537

  #2A2243

  #88455E
  Castro Tetradic Color Scheme
• #9E003A

  #889900

  #009E60

  #00009C

  #FF0066
  Cranberry Tetradic Color Scheme