Skyscraper Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #d3e5db; /* Summer Breeze */
  --color-2: #d2e3e3; /* Billowing Sail */
  --color-3: #d3dbe2; /* Skyscraper */
  --color-4: #d0d2e3; /* Bashful Lilac */
  --color-5: #dbd1e2; /* Purple Mist */
}

Other schemes from Skyscraper

• #D3DBE2

  #EEF2F3

  #E2DAD1

  #CAB3A0

  #F6F2F1
  Skyscraper Complementary 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
• #758DA3

  #A6B4C5

  #D3DBE2

  #F2F2F4

  #F2F2F4
  Skyscraper Monochromatic Color Scheme

More very light blue analogous color schemes

• #D3E5DB

  #D2E3E3

  #D3DDE4

  #D3D4E5

  #DAD4E4
  A Dime a Dozen Analogous Color Scheme
• #ABEDC9

  #AFEEEE

  #ABCDEE

  #ACACE6

  #C2B2F0
  Andromeda Blue Analogous Color Scheme
• #CEE3DC

  #CFE0E4

  #CED5E4

  #D2CCE5

  #DECCE4
  Après-Ski Analogous Color Scheme
• #B3E8C2

  #ADE6DB

  #AED7EA

  #ACB9E8

  #C2B2F0
  Ariel Analogous Color Scheme
• #A5FBD5

  #AAFFFF

  #A2CFFE

  #A0A0FF

  #CEA2FD
  Baby Blue Analogous Color Scheme
• #D1E6D5

  #CAE7E2

  #CDDFE7

  #CBD3E6

  #D2CCE5
  Bird Bath Blue Analogous Color Scheme
• #CFE9DC

  #CEE9E8

  #D0DCE8

  #D0D2E9

  #DBD1E8
  Blue Silk Analogous Color Scheme
• #BEF7CF

  #BBEEEE

  #B8E4F5

  #BFC0EE

  #CDB7FA
  Breaking the Ice Analogous Color Scheme
• #C8E3D2

  #C7E5DF

  #C7DBE4

  #C7CCE7

  #D0C8E6
  Breath of Fresh Air Analogous Color Scheme
• #ADEACE

  #B1EAE8

  #AEC9EA

  #ACACE6

  #DDAAEE
  Breeze Analogous Color Scheme
• #C5E7CD

  #C1E6DF

  #C2DDE6

  #C3CDE6

  #CAC1E2
  Breezy Analogous Color Scheme
• #DAE8E1

  #DCE9E9

  #DDE2E6

  #D9D9EA

  #E3DAE9
  Bright Star Analogous Color Scheme