Bok Choy Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #cfc1ae; /* Merino Wool */
  --color-2: #ceceaf; /* Longbeard Grey */
  --color-3: #bccab3; /* Bok Choy */
  --color-4: #add0b3; /* Pastel Mint Green */
  --color-5: #b0cec2; /* Watershed */
}

Other schemes from Bok Choy

• #BCCAB3

  #EBF1E9

  #C5AECF

  #9D7BB0

  #F3F1F3
  Bok Choy Complementary Color Scheme
• #BCCAB3

  #AEBBD0

  #CEAEBB

  #F0F4EB

  #7C94B2
  Bok Choy Triadic Color Scheme
• #BCCAB3

  #B4AECC

  #D1ACCE

  #96B47E

  #E0DFEA
  Bok Choy Split-complementary Color Scheme
• #BCCAB3

  #B0C9CD

  #C5AECF

  #CDB3AC

  #F0F4EB
  Bok Choy Tetradic Color Scheme
• #70855E

  #91AD8A

  #BCCAB3

  #E5E9E1

  #F4F4F0
  Bok Choy Monochromatic Color Scheme

More light green analogous color schemes

• #BBFF99

  #94FF94

  #88FFCC

  #8AF1FE

  #88BBFF
  A State of Mint Analogous Color Scheme
• #E3C9A1

  #D9E6A6

  #B7E1A1

  #A4E3B3

  #A8E3CC
  Basil Smash Analogous Color Scheme
• #CAE4B2

  #B4E1BB

  #B3E2D3

  #B3DAE2

  #B0C5E0
  Bay Analogous Color Scheme
• #DADEAD

  #C1D8AC

  #ACDDAF

  #B0DEC8

  #ACDBDB
  Big Spender Analogous Color Scheme
• #D3C190

  #B9D08B

  #9AD28C

  #90CCA3

  #8BD3C6
  Botanist Analogous Color Scheme
• #A5D785

  #92D599

  #87D7BE

  #8AC7D4

  #84A2D4
  Cabbage Analogous Color Scheme
• #C3B19F

  #CAC69D

  #B4C2A2

  #A2C09B

  #9FC8B2
  Camping Grounds Analogous Color Scheme
• #DCE2AD

  #C8E0AB

  #ACE1AF

  #ABE3C9

  #ABDEE3
  Celadon Analogous Color Scheme
• #94BE7F

  #7CBD85

  #7EBEA5

  #7EB7BF

  #7896BA
  Celadon Porcelain Analogous Color Scheme
• #FFD299

  #FDFD96

  #C1FD95

  #8FFF9F

  #88FFCC
  Celery Mousse Analogous Color Scheme
• #B4BE93

  #A8BF93

  #9DB4A0

  #95BFB2

  #8FBABC
  Copper Patina Analogous Color Scheme
• #F0B599

  #F6E19C

  #D8F19C

  #BBEE99

  #99EEBB
  Creamy Avocado Analogous Color Scheme