Film Noir Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #473933; /* Film Noir */
  --color-2: #364c2e; /* Nettle Green */
  --color-3: #2d454a; /* Little Mermaid */
  --color-4: #452e4a; /* Purple Pennant */
  --color-5: #896656; /* Tanbark */
}

Other schemes from Film Noir

• #473933

  #886150

  #2D454A

  #13181B

  #567B8A
  Film Noir Complementary Color Scheme
• #532D45

  #4A2E32

  #473933

  #4B492D

  #454D32
  Film Noir Analogous Color Scheme
• #473933

  #2E4E36

  #3C2F4E

  #896656

  #191916
  Film Noir Triadic Color Scheme
• #473933

  #2E4B44

  #2B3449

  #1A1110

  #497F73
  Film Noir Split-complementary Color Scheme
• #130D0D

  #171412

  #473933

  #735C53

  #9D8376
  Film Noir Monochromatic Color Scheme

More Dark Orange tetradic palettes

• #6E544B

  #517345

  #496A76

  #674876

  #AB8274
  Afternoon Coffee Tetradic Color Scheme
• #886B2E

  #288F3D

  #324A8B

  #883377

  #C5A253
  Aged Antics Tetradic Color Scheme
• #99522B

  #3E912D

  #277594

  #8B2A98

  #CC855A
  Ancient Chest Tetradic Color Scheme
• #6C461F

  #166D29

  #1E446E

  #691D6C

  #BB7838
  Antique Brass Tetradic Color Scheme
• #7D623C

  #3D7049

  #3A5779

  #6E3974

  #B4966B
  Autumn Gold Tetradic Color Scheme
• #4E3E1F

  #1E4D2B

  #1B3053

  #531745

  #9B7939
  Avocado Stone Tetradic Color Scheme
• #6F5944

  #476E42

  #435A6F

  #724770

  #A78C71
  Baby Bear Tetradic Color Scheme
• #45392F

  #36482F

  #2D3A49

  #452E4A

  #8B6B51
  Batch Brew Tetradic Color Scheme
• #715145

  #517345

  #406374

  #674876

  #AB8274
  Bigfoot Tetradic Color Scheme
• #6E4F3A

  #3D703E

  #3E586E

  #673E6E

  #AC8262
  Bison Tetradic Color Scheme
• #654B37

  #3E6334

  #3B5066

  #653B66

  #A57C5B
  Black Power Tetradic Color Scheme
• #BB5511

  #22BB11

  #0777BC

  #AC1DB8

  #EE8844
  Bloodhound Tetradic Color Scheme