Nature Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #bfd5b3; /* Nature */
  --color-2: #b2d1d6; /* Hatchling Blue */
  --color-3: #cab4d4; /* Elfin Herb */
  --color-4: #d3b9b0; /* Cracker Crumbs */
  --color-5: #eff5f1; /* Heavy Sugar */
}

Other schemes from Nature

• #BFD5B3

  #F2F8ED

  #CAB4D4

  #A885B5

  #F3F1F3
  Nature Complementary Color Scheme
• #D5C7B3

  #D2D3B3

  #BFD5B3

  #B1D4B7

  #B4D6CB
  Nature Analogous Color Scheme
• #BFD5B3

  #B2BFD5

  #D8B5BF

  #EFF5F1

  #8092BC
  Nature Triadic Color Scheme
• #BFD5B3

  #B3B0D4

  #D6B3CC

  #93B881

  #E5E3EF
  Nature Split-complementary Color Scheme
• #739957

  #93B881

  #BFD5B3

  #EAF1E4

  #EFF5F1
  Nature Monochromatic Color Scheme

More Light Green tetradic palettes

• #88FFCC

  #8E82FE

  #FF88BB

  #FFFF88

  #E6FDF1
  A State of Mint Tetradic Color Scheme
• #B7E1A1

  #A1D8E0

  #DDAAEE

  #E3A9A2

  #F1F9EC
  Basil Smash Tetradic Color Scheme
• #B3E2D3

  #BCBDE4

  #E4B6C4

  #DAE2B2

  #ECF7F7
  Bay Tetradic Color Scheme
• #ACDDAF

  #ABC4DB

  #DDAADD

  #DCC7AD

  #EBF8EF
  Big Spender Tetradic Color Scheme
• #BCCAB3

  #B0C9CD

  #C5AECF

  #CDB3AC

  #F0F4EB
  Bok Choy Tetradic Color Scheme
• #9AD28C

  #8DBBD1

  #C687D6

  #D6A48D

  #DAEED5
  Botanist Tetradic Color Scheme
• #87D7BE

  #8A83DA

  #DD84A3

  #CDD78A

  #D2EFE6
  Cabbage Tetradic Color Scheme
• #B4C2A2

  #9EC6C6

  #AF9FCA

  #C59EA1

  #E4ECDF
  Camping Grounds Tetradic Color Scheme
• #ACE1AF

  #ACC0E2

  #E6A8D7

  #E0CAAA

  #EBF8EF
  Celadon Tetradic Color Scheme
• #7EBEA5

  #8C7EB9

  #BD7D94

  #B6BF7F

  #C6E3D3
  Celadon Porcelain Tetradic Color Scheme
• #C1FD95

  #9CFAFF

  #CC99FF

  #FB9F93

  #F1FDE9
  Celery Mousse Tetradic Color Scheme
• #9DB4A0

  #92A2BB

  #BF90BB

  #BEAF93

  #D4E3D7
  Copper Patina Tetradic Color Scheme