Skyscraper Monochromatic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #758da3; /* Blue Grey */
  --color-2: #a6b4c5; /* Suds */
  --color-3: #d3dbe2; /* Skyscraper */
  --color-4: #f2f2f4; /* Errigal White */
  --color-5: #f2f2f4; /* Errigal White */
}

Other schemes from Skyscraper

• #D3DBE2

  #EEF2F3

  #E2DAD1

  #CAB3A0

  #F6F2F1
  Skyscraper Complementary Color Scheme
• #D3E5DB

  #D2E3E3

  #D3DBE2

  #D0D2E3

  #DBD1E2
  Skyscraper Analogous Color Scheme
• #D3DBE2

  #E3D2DB

  #DBE4D1

  #EEF2F3

  #C8A3B8
  Skyscraper Triadic Color Scheme
• #D3DBE2

  #E4CFD3

  #E3E4D2

  #A5B4C6

  #F4EFEE
  Skyscraper Split-complementary Color Scheme
• #D3DBE2

  #E4D4E2

  #E2DAD1

  #D5E3D0

  #EEF2F3
  Skyscraper Tetradic Color Scheme

More Very Light Blue monochromatic palettes

• #7595AB

  #A5B8C5

  #D3DDE4

  #EEF2F3

  #EEF2F3
  A Dime a Dozen Monochromatic Color Scheme
• #268BCC

  #72A7E1

  #ABCDEE

  #EAF4FC

  #EAF4FC
  Andromeda Blue Monochromatic Color Scheme
• #7381B3

  #9BA9CA

  #CED5E4

  #EDF2F8

  #EDF2F8
  Après-Ski Monochromatic Color Scheme
• #3799C8

  #74B8DA

  #AED7EA

  #EBF4FC

  #EBF4FC
  Ariel Monochromatic Color Scheme
• #0080FF

  #55AAFF

  #A2CFFE

  #E8F5FC

  #E8F5FC
  Baby Blue Monochromatic Color Scheme
• #659FB5

  #99BDD2

  #CDDFE7

  #F0F4F8

  #F0F4F8
  Bird Bath Blue Monochromatic Color Scheme
• #698EB3

  #9EB6D0

  #D0DCE8

  #EDF2F8

  #EDF2F8
  Blue Silk Monochromatic Color Scheme
• #2CB1EB

  #76C5E7

  #B8E4F5

  #E8F7FD

  #E8F7FD
  Breaking the Ice Monochromatic Color Scheme
• #6198AE

  #97BBC8

  #C7DBE4

  #F0F4F8

  #F0F4F8
  Breath of Fresh Air Monochromatic Color Scheme
• #3377CC

  #71A2D4

  #AEC9EA

  #ECF3F9

  #ECF3F9
  Breeze Monochromatic Color Scheme
• #55A0B7

  #8DBBD1

  #C2DDE6

  #EBF6F7

  #EBF6F7
  Breezy Monochromatic Color Scheme
• #8599A8

  #B2BBC6

  #DDE2E6

  #F2F2F4

  #F2F2F4
  Bright Star Monochromatic Color Scheme