Mauve Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #e0b0ff; /* Mauve */
  --color-2: #ffe0af; /* Creamy Oat */
  --color-3: #b8ffeb; /* Peppermint Frosting */
  --color-4: #f8ebfc; /* Placebo Fuchsia */
  --color-5: #ffc265; /* Gold’s Great Touch */
}

Other schemes from Mauve

• #E0B0FF

  #F8EBFC

  #C8FFB0

  #B1FF65

  #F1FDE9
  Mauve Complementary Color Scheme
• #B1D1FC

  #B5AFFF

  #E0B0FF

  #FFB2F0

  #FFB2D0
  Mauve Analogous Color Scheme
• #E0B0FF

  #FEFCAF

  #B6FFBB

  #C760FF

  #FFFFE5
  Mauve Split-complementary Color Scheme
• #E0B0FF

  #FFB9B2

  #C8FFB0

  #B2FCFF

  #F8EBFC
  Mauve Tetradic Color Scheme
• #AD0AFD

  #C760FF

  #E0B0FF

  #F8EBFC

  #F8EBFC
  Mauve Monochromatic Color Scheme

More Very Light Purple triadic palettes

• #DEBEEF

  #F0DEBD

  #BEEDDC

  #F8EBFC

  #E7BF81
  Beefy Pink Triadic Color Scheme
• #CAC0E1

  #E0CAC0

  #C1E0C8

  #F1F2F8

  #CA9D8D
  Digital Lavender Triadic Color Scheme
• #C9A0FF

  #FFC7A0

  #AAFFCC

  #F0EBFC

  #FD9A52
  Diva Triadic Color Scheme
• #CFC9DF

  #DFCFCA

  #CADECE

  #F1F2F8

  #C3A598
  Dust of the Moon Triadic Color Scheme
• #D5C7E8

  #E8D5C6

  #C9EAD4

  #F0EBFC

  #D2AA92
  Foggy Love Triadic Color Scheme
• #D1C0DC

  #DAD1C0

  #C2DDD3

  #F3F1F3

  #C1AE91
  Girl Crush Triadic Color Scheme
• #EDE9EF

  #F1EEE8

  #E5F1EE

  #F3F1F3

  #D2CAB7
  Greek Goddess Triadic Color Scheme
• #F0E5F5

  #F4F0E5

  #E2F7F1

  #F3E9F7

  #E1D0AF
  Holographic Lavender Triadic Color Scheme
• #E5E0EC

  #EEE5E1

  #E1EBE5

  #F3F1F3

  #D0BCB1
  Homoeopathic Lavender Triadic Color Scheme
• #D6D1DC

  #E0D5CC

  #CFE0D7

  #F3F1F3

  #C3B09D
  Iron Maiden Triadic Color Scheme
• #CEC3DD

  #DFCEC2

  #C5DDD0

  #F3F1F3

  #C2A593
  Lavender Bliss Triadic Color Scheme
• #CEA2FD

  #FDCFA1

  #AAFFCC

  #F0EBFC

  #FFA756
  Lilac Triadic Color Scheme