This is documentation for Neighborhood v1 and may be outdated. Please visit the latest Neighborhood Design System documentation for latest features.

Colors
draft

FBIN brand colors.

Core

Cream

--nbhd-moen-color-cream

HEX: #f5f3f1

RGB: 245, 243, 241

Moen Light Blue

--nbhd-moen-color-lightBlue

HEX: #dbf1f9

RGB: 219, 241, 249

Deep Blue

--nbhd-moen-color-deepBlue

HEX: #1b365d

RGB: 27, 54, 93

Moen Light Red

--nbhd-moen-color-lightRed

HEX: #fde9e7

RGB: 253, 233, 231

White

--nbhd-color-white

HEX: #ffffff

RGB: 255, 255, 255

Hot Cold

Moen Hot Red

--nbhd-moen-color-hotRed

HEX: #f16755

RGB: 241, 103, 85

Moen Warm Purple

--nbhd-moen-color-warmPurple

HEX: #7ea9ef

RGB: 126, 169, 239

Moen Cool Blue

--nbhd-moen-color-coolBlue

HEX: #009ed7

RGB: 0, 158, 215

Theme Background

Primary Light

--nbhd-moen-color-white