Sleepless Blue Triadic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #badbed; /* Sleepless Blue */
  --color-2: #eebbdd; /* Rosecco */
  --color-3: #ddeebb; /* Fennel Bulb */
  --color-4: #ecf3f9; /* Insignia White */
  --color-5: #cd7db5; /* Peruvian Lily */
}

Other schemes from Sleepless Blue

• #BADBED

  #ECF3F9

  #EECCBB

  #DE9D7C

  #F8F1EB
  Sleepless Blue Complementary Color Scheme
• #B6E9C8

  #B8E9E4

  #BADBED

  #B7C0EA

  #CCBBEE
  Sleepless Blue Analogous Color Scheme
• #BADBED

  #ECBAC0

  #EFE5BB

  #7FB9DD

  #F8EAED
  Sleepless Blue Split-complementary Color Scheme
• #BADBED

  #EEBBEE

  #EECCBB

  #C2ECBC

  #ECF3F9
  Sleepless Blue Tetradic Color Scheme
• #4499CC

  #7FB9DD

  #BADBED

  #ECF3F9

  #ECF3F9
  Sleepless Blue Monochromatic Color Scheme

More very light blue triadic color schemes

• #D3DDE4

  #E5D2DD

  #DBE5D2

  #EEF2F3

  #C8A3B8
  A Dime a Dozen Triadic Color Scheme
• #ABCDEE

  #EEAACC

  #D5EBAC

  #EAF4FC

  #E86EAD
  Andromeda Blue Triadic Color Scheme
• #CED5E4

  #E2CDD5

  #D5E3D0

  #EDF2F8

  #C59DAA
  Après-Ski Triadic Color Scheme
• #AED7EA

  #E6AED3

  #D5EBAC

  #EBF4FC

  #DD66BB
  Ariel Triadic Color Scheme
• #A2CFFE

  #FFA6C9

  #C1F9A2

  #E8F5FC

  #FF55AA
  Baby Blue Triadic Color Scheme
• #CDDFE7

  #E6CCDD

  #DFE6CF

  #F0F4F8

  #CC99BB
  Bird Bath Blue Triadic Color Scheme
• #D0DCE8

  #E7D1DD

  #DBE8CF

  #EDF2F8

  #CE9FB4
  Blue Silk Triadic Color Scheme
• #B8E4F5

  #F1BFE2

  #E3EFB2

  #E8F7FD

  #E56CC0
  Breaking the Ice Triadic Color Scheme
• #C7DBE4

  #E5C8D9

  #DBE2C9

  #F0F4F8

  #CC94BE
  Breath of Fresh Air Triadic Color Scheme
• #AEC9EA

  #E9ADCA

  #CEEBB2

  #ECF3F9

  #DE70A1
  Breeze Triadic Color Scheme
• #C2DDE6

  #E7C2DE

  #DEE3C0

  #EBF6F7

  #D492BD
  Breezy Triadic Color Scheme
• #DDE2E6

  #E7DBE1

  #E1E9DB

  #EEF2F3

  #CAA7BB
  Bright Star Triadic Color Scheme