Lighthouse Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #eff5f1; /* Heavy Sugar */
  --color-2: #eff5f1; /* Heavy Sugar */
  --color-3: #f3f4f4; /* Lighthouse */
  --color-4: #eef2f3; /* Maui Mist */
  --color-5: #ebf1f5; /* Powder White */
}

Other schemes from Lighthouse

• #F3F4F4

  #F0F4F2

  #F4EFEE

  #DCC0C3

  #F4EFEE
  Lighthouse Complementary Color Scheme
• #F3F4F4

  #F6F1F4

  #F6F4EF

  #F0F4F2

  #DDC1D7
  Lighthouse Triadic Color Scheme
• #F3F4F4

  #F5F0F1

  #F6F2F1

  #C1DCDB

  #F5F0F1
  Lighthouse Split-complementary Color Scheme
• #F3F4F4

  #F3F1F3

  #F4EFEE

  #F4F4F0

  #F0F4F2
  Lighthouse Tetradic Color Scheme
• #A4ABAB

  #CCCFCF

  #F3F4F4

  #F1F3F3

  #F1F3F3
  Lighthouse Monochromatic Color Scheme

More White analogous palettes

• #EFF5F1

  #F0F4F2

  #F2F3F4

  #EBF1F5

  #F3F1F3
  Anti-Flash White Analogous Color Scheme
• #F0F4EB

  #EBF5F0

  #EFF2F1

  #EEF2F3

  #EBEEF3
  Beluga Analogous Color Scheme
• #F6F1F4

  #F5F0F1

  #FDFDFD

  #F6F2F1

  #F6F4EF
  Brilliance Analogous Color Scheme
• #FFF2E4

  #FFFFE5

  #FCFFF9

  #E7FBEC

  #E6FDF1
  Ceramic Analogous Color Scheme
• #EFF5F1

  #F0F4F2

  #F3F4F5

  #EBF1F5

  #F3F1F3
  Chef’s Hat Analogous Color Scheme
• #E8F5FC

  #E6E8FA

  #F6F1FE

  #F8EBFC

  #FEE8F5
  Cloud Break Analogous Color Scheme
• #EBFCF5

  #EBFCFC

  #F2F7FD

  #E6E8FA

  #F0EBFC
  Cotton Ball Analogous Color Scheme
• #F6F1F4

  #F5F0F1

  #F9F9F9

  #F6F2F1

  #F6F4EF
  Doctor Analogous Color Scheme
• #F6F1F4

  #F5F0F1

  #FAFAFA

  #F6F2F1

  #F6F4EF
  Dr. White Analogous Color Scheme
• #F6F4EF

  #F4F4F0

  #FCFDFC

  #EFF5F1

  #F0F4F2
  Emptiness Analogous Color Scheme
• #F0F4F2

  #EEF2F3

  #F2F2F4

  #F3F1F3

  #F6F1F4
  Errigal White Analogous Color Scheme
• #F1FAEA

  #EBFCEC

  #F6FDFA

  #E7FAFA

  #ECF3F9
  Everlasting Ice Analogous Color Scheme