Chef’s Hat Tetradic Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #f3f4f5; /* Chef’s Hat */
  --color-2: #f6f1f4; /* Grim White */
  --color-3: #f6f2f1; /* Bright White */
  --color-4: #eff5f1; /* Heavy Sugar */
  --color-5: #eef2f3; /* Maui Mist */
}

Other schemes from Chef’s Hat

• #F3F4F5

  #EEF2F3

  #F6F2F1

  #D9CEC0

  #F6F2F1
  Chef’s Hat Complementary Color Scheme
• #EFF5F1

  #F0F4F2

  #F3F4F5

  #EBF1F5

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

  #F5F0F1

  #F4F4F0

  #EEF2F3

  #DAC0CD
  Chef’s Hat Triadic Color Scheme
• #F3F4F5

  #F4EFEE

  #F6F4EF

  #C1CEDA

  #F4EFEE
  Chef’s Hat Split-complementary Color Scheme
• #A1A4AE

  #CACED2

  #F3F4F5

  #F1F3F3

  #F1F3F3
  Chef’s Hat Monochromatic Color Scheme

More White tetradic palettes

• #F2F3F4

  #F6F1F4

  #F6F2F1

  #EFF5F1

  #EEF2F3
  Anti-Flash White Tetradic Color Scheme
• #EFF2F1

  #EBECF5

  #F5EDED

  #F5F4ED

  #F0F4F2
  Beluga Tetradic Color Scheme
• #FDFDFD

  #F4F4F0

  #F0F4F2

  #F3F1F3

  #F4EFEE
  Brilliance Tetradic Color Scheme
• #FCFFF9

  #E7FEFF

  #F0EBFC

  #FFE6E7

  #F6FFE8
  Ceramic Tetradic Color Scheme
• #F6F1FE

  #FFE7EB

  #F6FFE8

  #E7FAFA

  #F0EBFC
  Cloud Break Tetradic Color Scheme
• #F2F7FD

  #FCEBFA

  #FBF4E8

  #EBFCEC

  #E7EFFB
  Cotton Ball Tetradic Color Scheme
• #F9F9F9

  #F4F4F0

  #F0F4F2

  #F3F1F3

  #F4EFEE
  Doctor Tetradic Color Scheme
• #FAFAFA

  #F4F4F0

  #F0F4F2

  #F3F1F3

  #F4EFEE
  Dr. White Tetradic Color Scheme
• #FCFDFC

  #EEF2F3

  #F6F1F4

  #F6F2F1

  #EFF5F1
  Emptiness Tetradic Color Scheme
• #F2F2F4

  #F5F0F1

  #F6F4EF

  #EFF5F1

  #EBF1F5
  Errigal White Tetradic Color Scheme
• #F6FDFA

  #EEE9F9

  #FCEBF4

  #FAF9EA

  #E9F9F5
  Everlasting Ice Tetradic Color Scheme
• #FFFBF8

  #E7FBEC

  #E8F5FC

  #FFEBFE

  #FFF0E3
  Eyeball Tetradic Color Scheme