Happy Hippo Monochromatic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #363737; /* Dark Grey */
  --color-2: #5b5d5c; /* Zen Retreat */
  --color-3: #818581; /* Happy Hippo */
  --color-4: #a8a9a8; /* Elephant in the Room */
  --color-5: #ced0cf; /* Grey Pearl */
}

Other schemes from Happy Hippo

• #818581

  #9FC09C

  #A063A1

  #784674

  #C8A2C8
  Happy Hippo Complementary Color Scheme
• #A0A160

  #85A16A

  #818581

  #64A281

  #60A0A3
  Happy Hippo Analogous Color Scheme
• #818581

  #6264A6

  #A46366

  #A2C7A3

  #4B4775
  Happy Hippo Triadic Color Scheme
• #818581

  #9264A2

  #A06582

  #447744

  #AF92BD
  Happy Hippo Split-complementary Color Scheme
• #818581

  #6181A3

  #A063A1

  #A38565

  #A2C7A3
  Happy Hippo Tetradic Color Scheme

More Medium Gray monochromatic palettes

• #313138

  #525661

  #747A8A

  #9EA2AA

  #C6C8D0
  Abandoned Spaceship Monochromatic Color Scheme
• #252321

  #4F4744

  #766B69

  #9D928F

  #C4B9B8
  Acoustic Brown Monochromatic Color Scheme
• #1E1E21

  #42424D

  #656874

  #8B8D98

  #B2B6BE
  Alley Cat Monochromatic Color Scheme
• #3F4635

  #626D5B

  #8A9480

  #B0B8AA

  #D9DAD2
  Aloe Tip Monochromatic Color Scheme
• #3A3B3B

  #5D6161

  #848789

  #ACADAD

  #D2D2D4
  Aluminium Monochromatic Color Scheme
• #483743

  #6E576B

  #967D96

  #BEA8B7

  #D9D3DA
  Amorous Monochromatic Color Scheme
• #252321

  #4C4845

  #756F6B

  #989493

  #BEBBBB
  Anchovy Monochromatic Color Scheme
• #1C1B1A

  #45433B

  #6E6A5E

  #969283

  #B8B5AD
  Archaeology Monochromatic Color Scheme
• #3B3C3C

  #606061

  #888888

  #AEADAD

  #D4D4D4
  Argent Monochromatic Color Scheme
• #2B3230

  #4E5A59

  #74857F

  #9BAAA2

  #C2CDCA
  Armour Monochromatic Color Scheme
• #1C1C1A

  #434340

  #6A6B65

  #90908B

  #B7B7B2
  Armoury Monochromatic Color Scheme
• #1F262A

  #424753

  #646B7A

  #8D90A1

  #B1BAC2
  Ashen Whisper Monochromatic Color Scheme