Pi Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #314159; /* Pi */
  --color-2: #5a3140; /* Fig */
  --color-3: #415b36; /* Turf */
  --color-4: #527498; /* Trustee */
  --color-5: #23191e; /* Kurobeni */
}

Other schemes from Pi

• #314159

  #546E91

  #564A33

  #2C201A

  #9A7F55
  Pi Complementary Color Scheme
• #305A4A

  #30525B

  #314159

  #333355

  #4A2D57
  Pi Analogous Color Scheme
• #314159

  #5A3532

  #545A2C

  #181B26

  #8A534E
  Pi Split-complementary Color Scheme
• #314159

  #5B3256

  #564A33

  #305D35

  #527498
  Pi Tetradic Color Scheme
• #0B0C14

  #181B26

  #314159

  #446688

  #718BAE
  Pi Monochromatic Color Scheme

More dark blue triadic color schemes

• #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