Tempest in a Teapot Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #303a40; /* Tempest in a Teapot */
  --color-2: #452e39; /* Barossa */
  --color-3: #3e4826; /* Avocado Dark Green */
  --color-4: #4e7287; /* Inky Blue */
  --color-5: #150811; /* Noir Fiction */
}

Other schemes from Tempest in a Teapot

• #303A40

  #486C7A

  #463629

  #16110D

  #88654E
  Tempest in a Teapot Complementary Color Scheme
• #2D4436

  #2A4442

  #303A40

  #2C2E47

  #382B46
  Tempest in a Teapot Analogous Color Scheme
• #303A40

  #4A2D2F

  #454129

  #0F1519

  #77454C
  Tempest in a Teapot Split-complementary Color Scheme
• #303A40

  #452E4A

  #463629

  #36482F

  #4E7287
  Tempest in a Teapot Tetradic Color Scheme
• #0F1012

  #0F1012

  #303A40

  #53626E

  #748796
  Tempest in a Teapot Monochromatic Color Scheme

More Dark Blue triadic palettes

• #191970

  #701C1C

  #116611

  #243BCD

  #331111
  20000 Leagues Under the Sea Triadic Color Scheme
• #225577

  #752653

  #507D2A

  #3C94C1

  #391531
  3AM in Shibuya Triadic Color Scheme
• #404C57

  #5C384E

  #495D39

  #5E819D

  #2C1620
  Abyssal Triadic Color Scheme
• #1B416F

  #6A1F44

  #536B1F

  #3973C0

  #321414
  Aegean Blue Triadic Color Scheme
• #000066

  #660000

  #006600

  #0000CC

  #1D0200
  Alone in the Dark Triadic Color Scheme
• #2D4F83

  #882D50

  #4F8129

  #507BCE

  #43182F
  Assassin Triadic Color Scheme
• #376F89

  #853C69

  #728639

  #66A3C3

  #462343
  Astral Triadic Color Scheme
• #13336F

  #771133

  #2B7414

  #214FC6

  #300018
  Atlantic Navy Triadic Color Scheme
• #336172

  #6C3461

  #607535

  #5599B6

  #391531
  Atlantis Triadic Color Scheme
• #0A2F7C

  #771133

  #357911

  #1559DB

  #330011
  Below the Surface Triadic Color Scheme
• #005784

  #8C055E

  #568203

  #0099EE

  #330022
  Beyond the Sea Triadic Color Scheme
• #222244

  #432722

  #2A4F21

  #44448D

  #130A06
  Black Market Triadic Color Scheme