Water Leaf Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #b6ecde; /* Water Leaf */
  --color-2: #e9f9f5; /* Melting Glacier */
  --color-3: #e9b4c3; /* Athena Pink */
  --color-4: #db7b97; /* Impatient Pink */
  --color-5: #f8eaed; /* Morning Shine */
}

Other schemes from Water Leaf

• #C2ECBC

  #B8EBC5

  #B6ECDE

  #B4DFED

  #B7C0EA
  Water Leaf Analogous Color Scheme
• #B6ECDE

  #DEBEEF

  #EBDCB6

  #E9F9F5

  #D374D5
  Water Leaf Triadic Color Scheme
• #B6ECDE

  #E9B8DE

  #EEC4B4

  #75DBC1

  #FCEBF4
  Water Leaf Split-complementary Color Scheme
• #B6ECDE

  #C2B2F0

  #E9B4C3

  #DFEBB1

  #E9F9F5
  Water Leaf Tetradic Color Scheme
• #38C6A1

  #75DBC1

  #B6ECDE

  #E9F9F5

  #E9F9F5
  Water Leaf Monochromatic Color Scheme

More Very Light Green complementary palettes

• #DBE0C4

  #F4F7EE

  #CAC1E2

  #9E91C3

  #EBECF5
  Airy Fields Complementary Color Scheme
• #C6E1BC

  #F1F8EC

  #DCBFE1

  #B48AC2

  #F8EEF4
  Ambrosia Complementary Color Scheme
• #F8FBEB

  #F8FBEB

  #EEE9F9

  #ACACE6

  #EEE9F9
  Amnesiac White Complementary Color Scheme
• #C0FFEE

  #E7FAFA

  #FFC1D0

  #FF7799

  #FFE5ED
  Arabica Mint Complementary Color Scheme
• #E6F2EA

  #EFF5F1

  #F1E8EC

  #DAB4CC

  #F8EEF4
  Bath Bubbles Complementary Color Scheme
• #EAEEDA

  #F4F7EE

  #DDDCEF

  #B2A5D3

  #EBECF5
  Bethlehem Superstar Complementary Color Scheme
• #EAEED8

  #F6F7ED

  #DBD7F2

  #A6A1D7

  #EBECF5
  Blissful Serenity Complementary Color Scheme
• #DCE7CB

  #F4F7EE

  #D9CDE5

  #AE99D2

  #F1F2F8
  Breath of Celery Complementary Color Scheme
• #D8FFF3

  #EBFCF5

  #FDD7E4

  #FC89AC

  #FFE5ED
  Candied Snow Complementary Color Scheme
• #CAF0E5

  #E9F9F5

  #EDC9D5

  #DC89A8

  #F8EAED
  Caribbean Complementary Color Scheme
• #DBE9DF

  #EFF5F1

  #E9DBE4

  #CCACC1

  #F6F1F4
  Clair de Lune Complementary Color Scheme
• #ECEFE3

  #F4F7EE

  #E5E3EF

  #BFB3D1

  #F1F2F8
  Creamy Garlic Complementary Color Scheme