Cuttlefish Monochromatic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #356b6f; /* Aquarium */
  --color-2: #4e9aa8; /* Acapulco Cliffs */
  --color-3: #7fbbc2; /* Cuttlefish */
  --color-4: #b1d8db; /* Timeless */
  --color-5: #e6f1f1; /* Ethereal White */
}

Other schemes from Cuttlefish

• #7FBBC2

  #BDDDE1

  #C2877B

  #A75A4C

  #E3C7C6
  Cuttlefish Complementary Color Scheme
• #7EC083

  #73C4A4

  #7FBBC2

  #7E9EC2

  #8878C3
  Cuttlefish Analogous Color Scheme
• #7FBBC2

  #CD7DB5

  #B8C17E

  #C2E0E3

  #B44C97
  Cuttlefish Triadic Color Scheme
• #7FBBC2

  #CB7D96

  #C1A87C

  #4E9AA8

  #DEB4C5
  Cuttlefish Split-complementary Color Scheme
• #7FBBC2

  #A87DC2

  #C2877B

  #95C577

  #C2E0E3
  Cuttlefish Tetradic Color Scheme

More Light Teal monochromatic palettes

• #34ACB1

  #58CFD4

  #96E2E1

  #D1F1F5

  #ECF7F7
  Aqua Fiesta Monochromatic Color Scheme
• #447788

  #66A4B0

  #99C1CC

  #CBE1E4

  #F0F4F8
  Aquatic Monochromatic Color Scheme
• #629B92

  #91B6AC

  #BFD6D1

  #F0F4F2

  #F0F4F2
  Aquatic Edge Monochromatic Color Scheme
• #339A8D

  #58C8B6

  #8EDACC

  #CAEDE4

  #ECF7F7
  Bambino Monochromatic Color Scheme
• #0AC2C2

  #45E9FD

  #88EEEE

  #CBF4F8

  #EBFCFC
  Bath Water Monochromatic Color Scheme
• #39A78E

  #58CEB2

  #96DFCE

  #D1EFE9

  #E9F9F5
  Beach Glass Monochromatic Color Scheme
• #307D67

  #42B395

  #7ACCB8

  #AFE3D6

  #EBF5F0
  Bevelled Glass Monochromatic Color Scheme
• #32BCD1

  #6CDAE7

  #A3E3ED

  #E0F6FB

  #E7FAFA
  Blizzard Blue Monochromatic Color Scheme
• #2A5C6A

  #49889A

  #75AEBD

  #A8CCD5

  #DAEBEF
  Blue Eye Samurai Monochromatic Color Scheme
• #54AF9C

  #89C1BA

  #B5DCD8

  #EBF5F0

  #ECF7F7
  Catch the Wave Monochromatic Color Scheme
• #397C80

  #52A8B2

  #8CC6CB

  #C2E0E3

  #ECF7F7
  Cerulean Skies Monochromatic Color Scheme
• #469BA7

  #73B7C2

  #AAD5DB

  #E2EFF2

  #ECF7F7
  Clear Water Monochromatic Color Scheme