Peat Brown Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #5a3d29; /* Peat Brown */
  --color-2: #9a6844; /* Chestnut Beach */
  --color-3: #29465b; /* One Year of Rain */
  --color-4: #181b26; /* Coarse Wool */
  --color-5: #507ca0; /* Biedermeier Blue */
}

Other schemes from Peat Brown

• #5C2C45

  #59292C

  #5A3D29

  #5E582B

  #47562F
  Peat Brown Analogous Color Scheme
• #5A3D29

  #245D3F

  #362852

  #A36B4B

  #12221D
  Peat Brown Triadic Color Scheme
• #5A3D29

  #2E5C58

  #2C2C57

  #271B10

  #418D84
  Peat Brown Split-complementary Color Scheme
• #5A3D29

  #2D5E22

  #29465B

  #55295B

  #A36B4B
  Peat Brown Tetradic Color Scheme
• #130D07

  #271B10

  #5A3D29

  #8C6143

  #B98563
  Peat Brown Monochromatic Color Scheme

More Dark Orange complementary palettes

• #6E544B

  #AB7A71

  #496A76

  #283C44

  #739DAD
  Afternoon Coffee Complementary Color Scheme
• #886B2E

  #C69B4E

  #324A8B

  #1D2951

  #5D76CB
  Aged Antics Complementary Color Scheme
• #99522B

  #CD7E4D

  #277594

  #1A4A5A

  #59A6CF
  Ancient Chest Complementary Color Scheme
• #6C461F

  #B87333

  #1E446E

  #0E1D32

  #3778BF
  Antique Brass Complementary Color Scheme
• #7D623C

  #B49161

  #3A5779

  #263145

  #668DB7
  Autumn Gold Complementary Color Scheme
• #4E3E1F

  #8E6C39

  #1B3053

  #0B0F1A

  #3C5E95
  Avocado Stone Complementary Color Scheme
• #6F5944

  #A3876A

  #435A6F

  #243640

  #6B8CA9
  Baby Bear Complementary Color Scheme
• #45392F

  #82634E

  #2D3A49

  #0F1519

  #557088
  Batch Brew Complementary Color Scheme
• #715145

  #A27D66

  #406374

  #283C44

  #719DA8
  Bigfoot Complementary Color Scheme
• #6E4F3A

  #A67B5B

  #3E586E

  #21303E

  #658FAA
  Bison Complementary Color Scheme
• #654B37

  #A17858

  #3B5066

  #1B2632

  #5984A8
  Black Power Complementary Color Scheme
• #BB5511

  #EB8239

  #0777BC

  #094C73

  #46ADF9
  Bloodhound Complementary Color Scheme