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

Colors
draft

Base color palette for Neighborhood.

Base

White
--nbhd-color-white
HEX: #ffffff
RGB: 255, 255, 255
Black
--nbhd-color-black
HEX: #000000
RGB: 0, 0, 0

Core

FBIN Navy
--nbhd-base-color-fbin-navy
HEX: #1c4d78
RGB: 28, 77, 120
FBIN Gold
--nbhd-base-color-fbin-gold
HEX: #c9972c
RGB: 201, 151, 44

Secondary

FBIN Green
--nbhd-base-color-fbin-green
HEX: #68813c
RGB: 103, 131, 61
FBIN Purple
--nbhd-base-color-fbin-purple
HEX: #652f6c
RGB: 100, 47, 113
FBIN Red
--nbhd-base-color-fbin-red
HEX: #a1412b
RGB: 158, 67, 47
FBIN Grey
--nbhd-base-color-fbin-gray
HEX: #a7a9ac
RGB: 167, 169, 172
FBIN Black
--nbhd-base-color-fbin-black
HEX: #201d1d

Component Background

Primary Light
--nbhd-color-white
HEX: #ffffff
Secondary Light
--nbhd-base-color-lily-white
HEX: #eaebec
Primary Dark
--nbhd-base-color-fbin-navy
HEX: #1c4d78
Secondary Dark
--nbhd-base-color-fbin-black
HEX: #201d1d