Color Reference

Swatches

• $nypl-red: #d0343a
• $nypl-red-dark: #97272c
• $nypl-red-tint: tint($nypl-red, 30%);
  (calculated hex value: #de7175)

• $nypl-blue: #1b7fa7
• $nypl-blue-dark: #135772
• $nypl-light-blue: lighten($nypl-blue, 30%);
  (calculated hex value: #73c7e8;)
• $nypl-blue-tint: tint($nypl-blue, 80%);
  (calculated hex value: #d1e5ed)

• $nypl-gray-cool: #76777b
• $nypl-gray: #54514a
• $nypl-gray-brown: #54514a
• $nypl-dark-gray: darken($nypl-gray, 40%)
  (calculated hex value: #080807)
• $nypl-light-gray: lighten($nypl-gray, 40%)
  (calculated hex value: #d7d4d0)
• $nypl-white: #fff
• $nypl-black: #111

• $nypl-yellow: #fee24a
• $nypl-yellow-tint: tint($nypl-yellow, 50%)
  (calculated hex value: #fff1a5)
• $nypl-orange: #ffb81d
• $nypl-orange-desaturated:
  desaturate($nypl-orange, 40%)
  (calculated hex value: #d2a74a)

• $nypl-green: #799a05
• $nypl-green-dark: #497629
• $nypl-green-tint:
  tint($nypl-green, 40%)
  (calculated hex value: #afc269)

• $nypl-teal: #07818d
• $nypl-teal-dark: #047074
• $nypl-teal-tint:
  tint($nypl-teal, 50%)
  (calculated hex value: #caf8fc)

• $nypl-purple: #72256d
• $nypl-purple-dark: #52174f
• $nypl-purple-tint:
  tint($nypl-purple, 40%)
  (calculated hex value: #f2d7f0)