New Heights Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #d0e5f2; /* New Heights */
  --color-2: #e9d2ef; /* Lavender Princess */
  --color-3: #f3dece; /* Siren Song */
  --color-4: #d6f0cd; /* Snowy Mint */
  --color-5: #ecf3f9; /* Insignia White */
}

Other schemes from New Heights

• #D0E5F2

  #ECF3F9

  #F3DECE

  #E0B392

  #F8F1EB
  New Heights Complementary Color Scheme
• #D1F1DE

  #D3F2ED

  #D0E5F2

  #D2D8F4

  #DDD6F3
  New Heights Analogous Color Scheme
• #D0E5F2

  #F5CEE6

  #E9F1D0

  #ECF3F9

  #E399CA
  New Heights Triadic Color Scheme
• #D0E5F2

  #EFD0D2

  #F4EED1

  #9BC4E2

  #F8EAED
  New Heights Split-complementary Color Scheme
• #57A1CE

  #9BC4E2

  #D0E5F2

  #ECF3F9

  #ECF3F9
  New Heights Monochromatic Color Scheme

More Very Light Blue tetradic palettes

• #D3DDE4

  #E4D4E2

  #E4DAD3

  #D6E4D4

  #EEF2F3
  A Dime a Dozen Tetradic Color Scheme
• #ABCDEE

  #EEAAEE

  #EECCAA

  #AAEEAA

  #EAF4FC
  Andromeda Blue Tetradic Color Scheme
• #CED5E4

  #E7CEE3

  #E4DDCE

  #D2E6D3

  #EDF2F8
  Après-Ski Tetradic Color Scheme
• #AED7EA

  #DDAAEE

  #E9C2AD

  #BAEBAE

  #EBF4FC
  Ariel Tetradic Color Scheme
• #A2CFFE

  #FFAAFF

  #FDD1A4

  #AAFFAA

  #E8F5FC
  Baby Blue Tetradic Color Scheme
• #CDDFE7

  #E6CEE6

  #E6D6CD

  #CFE7CB

  #F0F4F8
  Bird Bath Blue Tetradic Color Scheme
• #D0DCE8

  #E7CFE8

  #E7DCCF

  #D2E6D3

  #EDF2F8
  Blue Silk Tetradic Color Scheme
• #B8E4F5

  #EEBBEE

  #F5C8BB

  #C7FDB5

  #E8F7FD
  Breaking the Ice Tetradic Color Scheme
• #C7DBE4

  #DFCAE4

  #E3D1C8

  #CCE1C7

  #F0F4F8
  Breath of Fresh Air Tetradic Color Scheme
• #AEC9EA

  #EDABE6

  #EBCFAE

  #AAEEAA

  #ECF3F9
  Breeze Tetradic Color Scheme
• #C2DDE6

  #DEC0E2

  #E7CAC3

  #D1E8C2

  #EBF6F7
  Breezy Tetradic Color Scheme
• #DDE2E6

  #E7D8EA

  #E9E1D9

  #DAE9DC

  #EEF2F3
  Bright Star Tetradic Color Scheme