Peek-a-Blue Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #c5e1c3; /* Green Myth */
  --color-2: #c6e3d3; /* Icy Mint */
  --color-3: #c5e1e1; /* Peek-a-Blue */
  --color-4: #c6d4e1; /* Light Cameo Blue */
  --color-5: #c4c9e2; /* Silver Sweetpea */
}

Other schemes from Peek-a-Blue

• #C5E1E1

  #ECF7F7

  #E1C7C6

  #C89095

  #F6EEED
  Peek-a-Blue Complementary Color Scheme
• #C5E1E1

  #E7C3E7

  #E2E1C6

  #ECF7F7

  #C290C5
  Peek-a-Blue Triadic Color Scheme
• #C5E1E1

  #E1C6D4

  #E1D5C2

  #95CBC4

  #F8EEF4
  Peek-a-Blue Split-complementary Color Scheme
• #C5E1E1

  #D1CAE1

  #E1C7C6

  #D6E1C2

  #ECF7F7
  Peek-a-Blue Tetradic Color Scheme
• #61AAB1

  #95CBC4

  #C5E1E1

  #ECF7F7

  #ECF7F7
  Peek-a-Blue Monochromatic Color Scheme

More Very Light Teal analogous palettes

• #DAE9DC

  #DAEAE4

  #DAE6E9

  #DBDFE9

  #D9D9EA
  Airy Analogous Color Scheme
• #90FDA9

  #99FFDD

  #99EEFF

  #99BBFF

  #BB88FF
  Alpine Expedition Analogous Color Scheme
• #C4DDBB

  #BDDEC7

  #BDDFD8

  #BDD4DE

  #BBC5DE
  Antiguan Analogous Color Scheme
• #D7E7DA

  #D6E7E3

  #D6E3E7

  #D3DBE7

  #DBD5E6
  Bare Mintimum Analogous Color Scheme
• #B2FBA5

  #AAFFCC

  #AAFFEE

  #AEE4FF

  #A2BFFE
  Blister Pearl Analogous Color Scheme
• #E4F3E0

  #E1F0EA

  #E1F2F0

  #E2ECF2

  #E0E3EF
  Bone-Chilling Analogous Color Scheme
• #BBE6BB

  #B6ECDE

  #B2E1EE

  #B7C0EA

  #B8B8F8
  Break the Ice Analogous Color Scheme
• #E7FBEC

  #E6FDF1

  #E7FEFF

  #E8EEFE

  #E6E6FA
  Bubbles Analogous Color Scheme
• #E4F7E7

  #E6F9F1

  #E7FAFA

  #E7EFFB

  #E6E6FA
  Calm Waters Analogous Color Scheme
• #D2EED6

  #CFEEE1

  #D1EAED

  #D3DBEC

  #D7D1E9
  Castle in the Sky Analogous Color Scheme
• #DDFFDD

  #DDFFEE

  #DBFFFE

  #DDEEFF

  #DDDDFF
  Cold Canada Analogous Color Scheme
• #D8EBD6

  #D5EBDD

  #D6EAE8

  #D4E2EB

  #D9D9EA
  Cold Omen Analogous Color Scheme