Color

The official color palette and usage for nyc.gov

Brand colors

nyc.gov has three brand colors: black, white, and blue. As the most neutral high-contrast colors, black and white are used for the majority of our visual design. Blue is reserved for places where a user can take action, such as buttons, pagination, and certain input fields.

Together, these colors contribute to an experience that is easy to read, scan, and understand, while the most actionable elements stand out from their surroundings.

Black

#000000

White

#FFFFFF

Blue 40

#103FEF

Interactive colors

These colors are used in interactions such as hovering, typing, and clicking.

Blue 80

#B5DBFF

Blue 10

#050560

Foreground colors

Foreground colors are used for elements on top of a background like text, interaction states, messages, and borders.

Black

#000000

Gray 20

#333333

Gray 30

#555555

Gray 40

#777777

White

#FFFFFF

Gray 90

#EEEEEE

Gray 80

#DDDDDD

Gray 70

#CCCCCC

Background colors

Some pages on nyc.gov feature a background gradient of blue and orange. All other backgrounds are either black, white, or gray, with varying opacity.

White

#FFFFFF

White, 80%

#FFFFFF

White, 60%

#FFFFFF

Black

#000000

Black, 90%

#000000

Gray, 60%

#222222

Auxiliary colors

Auxiliary colors are only used to draw the eye to warnings, alerts, or validation messages.

Information or tips

Blue 70

#70BAFF

Success or validation

Green 40

#00B703

Caution or alert

Yellow 40

#FFB320

Error or emergency

Red 40

#EC131E