White Mecca Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #ecf3e1; /* White Mecca */
  --color-2: #e2ecf2; /* Out Cold */
  --color-3: #f3e0eb; /* Taffeta Tint */
  --color-4: #f2f8ed; /* Unwind */
  --color-5: #aec9dc; /* Whiting Cottage */
}

Other schemes from White Mecca

• #ECF3E1

  #F2F8ED

  #E7E0EE

  #B6ADD8

  #F0EBFC
  White Mecca Complementary Color Scheme
• #F3E8E1

  #F3F1E1

  #ECF3E1

  #E4F3E0

  #E5F2E7
  White Mecca Analogous Color Scheme
• #ECF3E1

  #E1E6F2

  #EFE2F2

  #CADEA5

  #E9EDF6
  White Mecca Split-complementary Color Scheme
• #ECF3E1

  #E1F2F0

  #E7E0EE

  #F4E2E1

  #F2F8ED
  White Mecca Tetradic Color Scheme
• #A6C875

  #CADEA5

  #ECF3E1

  #F2F8ED

  #F2F8ED
  White Mecca Monochromatic Color Scheme

More Very Light Green triadic palettes

• #DBE0C4

  #C5DCE0

  #E1C6D6

  #F4F7EE

  #95BCC5
  Airy Fields Triadic Color Scheme
• #C6E1BC

  #BBC5E2

  #E4BDC2

  #F1F8EC

  #8895C5
  Ambrosia Triadic Color Scheme
• #F8FBEB

  #E8F7FD

  #FCEBFA

  #F8FBEB

  #ACE1F0
  Amnesiac White Triadic Color Scheme
• #C0FFEE

  #EFC0FE

  #FFEFC1

  #E7FAFA

  #DF73FF
  Arabica Mint Triadic Color Scheme
• #E6F2EA

  #ECE7F2

  #F2EBE6

  #EFF5F1

  #C0B2D7
  Bath Bubbles Triadic Color Scheme
• #EAEEDA

  #DBEAED

  #EDDBE9

  #F4F7EE

  #A6CCD6
  Bethlehem Superstar Triadic Color Scheme
• #EAEED8

  #DAEBEF

  #EFD7E7

  #F6F7ED

  #A1CED7
  Blissful Serenity Triadic Color Scheme
• #DCE7CB

  #C9DCE7

  #E6CCDD

  #F4F7EE

  #9CBACD
  Breath of Celery Triadic Color Scheme
• #D8FFF3

  #EEDDFF

  #FFF2D7

  #EBFCF5

  #D783FF
  Candied Snow Triadic Color Scheme
• #CAF0E5

  #EECCEE

  #F1E4CB

  #E9F9F5

  #CC88DD
  Caribbean Triadic Color Scheme
• #DBE9DF

  #DCDDE7

  #E8DEDB

  #EFF5F1

  #B4AECC
  Clair de Lune Triadic Color Scheme
• #ECEFE3

  #E3ECED

  #EEE1EB

  #F4F7EE

  #B4CBD4
  Creamy Garlic Triadic Color Scheme