Colors

Neutral

Sample	Name	Token	CSS	Hex
	Neutral0	base.color.neutral.0	var(--nbhd-base-color-neutral-0)	#ffffff
	Neutral50	base.color.neutral.50	var(--nbhd-base-color-neutral-50)	#f5f6f7
	Neutral100	base.color.neutral.100	var(--nbhd-base-color-neutral-100)	#eaebec
	Neutral200	base.color.neutral.200	var(--nbhd-base-color-neutral-200)	#d3d5d8
	Neutral300	base.color.neutral.300	var(--nbhd-base-color-neutral-300)	#bcbfc3
	Neutral400	base.color.neutral.400	var(--nbhd-base-color-neutral-400)	#a7a9ac
	Neutral500	base.color.neutral.500	var(--nbhd-base-color-neutral-500)	#8b8d91
	Neutral600	base.color.neutral.600	var(--nbhd-base-color-neutral-600)	#6e7074
	Neutral700	base.color.neutral.700	var(--nbhd-base-color-neutral-700)	#525459
	Neutral800	base.color.neutral.800	var(--nbhd-base-color-neutral-800)	#38393d
	Neutral900	base.color.neutral.900	var(--nbhd-base-color-neutral-900)	#1c1d1f
	Neutral1000	base.color.neutral.1000	var(--nbhd-base-color-neutral-1000)	#000000

Blue

Sample	Name	Token	CSS	Hex
	Blue50	base.color.blue.50	var(--nbhd-base-color-blue-50)	#e3f2fd
	Blue100	base.color.blue.100	var(--nbhd-base-color-blue-100)	#bbdefb
	Blue200	base.color.blue.200	var(--nbhd-base-color-blue-200)	#90caf9
	Blue300	base.color.blue.300	var(--nbhd-base-color-blue-300)	#64b5f6
	Blue400	base.color.blue.400	var(--nbhd-base-color-blue-400)	#42a5f5
	Blue500	base.color.blue.500	var(--nbhd-base-color-blue-500)	#2196f3
	Blue600	base.color.blue.600	var(--nbhd-base-color-blue-600)	#1976d2
	Blue700	base.color.blue.700	var(--nbhd-base-color-blue-700)	#1565c0
	Blue800	base.color.blue.800	var(--nbhd-base-color-blue-800)	#0d47a1
	Blue900	base.color.blue.900	var(--nbhd-base-color-blue-900)	#0a3578

Green

Sample	Name	Token	CSS	Hex
	Green50	base.color.green.50	var(--nbhd-base-color-green-50)	#e8f5e9
	Green100	base.color.green.100	var(--nbhd-base-color-green-100)	#c8e6c9
	Green200	base.color.green.200	var(--nbhd-base-color-green-200)	#a5d6a7
	Green300	base.color.green.300	var(--nbhd-base-color-green-300)	#81c784
	Green400	base.color.green.400	var(--nbhd-base-color-green-400)	#66bb6a
	Green500	base.color.green.500	var(--nbhd-base-color-green-500)	#4caf50
	Green600	base.color.green.600	var(--nbhd-base-color-green-600)	#43a047
	Green700	base.color.green.700	var(--nbhd-base-color-green-700)	#388e3c
	Green800	base.color.green.800	var(--nbhd-base-color-green-800)	#2e7d32
	Green900	base.color.green.900	var(--nbhd-base-color-green-900)	#1b5e20

Red

Sample	Name	Token	CSS	Hex
	Red50	base.color.red.50	var(--nbhd-base-color-red-50)	#ffebee
	Red100	base.color.red.100	var(--nbhd-base-color-red-100)	#ffcdd2
	Red200	base.color.red.200	var(--nbhd-base-color-red-200)	#ef9a9a
	Red300	base.color.red.300	var(--nbhd-base-color-red-300)	#e57373
	Red400	base.color.red.400	var(--nbhd-base-color-red-400)	#ef5350
	Red500	base.color.red.500	var(--nbhd-base-color-red-500)	#f44336
	Red600	base.color.red.600	var(--nbhd-base-color-red-600)	#e53935
	Red700	base.color.red.700	var(--nbhd-base-color-red-700)	#d32f2f
	Red800	base.color.red.800	var(--nbhd-base-color-red-800)	#c62828
	Red900	base.color.red.900	var(--nbhd-base-color-red-900)	#b71c1c

Yellow

Sample	Name	Token	CSS	Hex
	Yellow50	base.color.yellow.50	var(--nbhd-base-color-yellow-50)	#fffde7
	Yellow100	base.color.yellow.100	var(--nbhd-base-color-yellow-100)	#fff9c4
	Yellow200	base.color.yellow.200	var(--nbhd-base-color-yellow-200)	#fff59d
	Yellow300	base.color.yellow.300	var(--nbhd-base-color-yellow-300)	#fff176
	Yellow400	base.color.yellow.400	var(--nbhd-base-color-yellow-400)	#ffee58
	Yellow500	base.color.yellow.500	var(--nbhd-base-color-yellow-500)	#ffeb3b
	Yellow600	base.color.yellow.600	var(--nbhd-base-color-yellow-600)	#fdd835
	Yellow700	base.color.yellow.700	var(--nbhd-base-color-yellow-700)	#fbc02d
	Yellow800	base.color.yellow.800	var(--nbhd-base-color-yellow-800)	#f9a825
	Yellow900	base.color.yellow.900	var(--nbhd-base-color-yellow-900)	#f57f17