Org-chart tokens

A colour palette extension for Woodfine corporate hierarchy charts. One warm-gray colour family adds to the existing Woodfine org-chart palette using the tinted treatment: mid-tone border, saturated tinted background.

Tinted vs heavy treatment

The existing Woodfine palette uses the heavy treatment — dark border, very pale background (e.g. token-blue-solid, token-green). The warm-gray extension uses the tinted treatment — mid-tone border, saturated tinted background. The visual contrast between the two treatments is legible at a glance and survives greyscale print.

Entity roles

CSS class	Border	Background	Entity role
token-warm-gray	#565151	#E5E0DB	Holding companies, passive entities above the management layer

Full org-chart palette

This one extends the complete palette. The bold row is the warm-gray addition.

CSS class	Border	Background	Treatment	Hue family
token-orange-solid	#E65100	#FFF3E0	Heavy solid	Deep orange
token-blue-solid	#1565C0	#E3F2FD	Heavy solid	Blue
token-blue-dashed	#1565C0	#E3F2FD	Heavy dashed ellipse	Blue
token-grey-solid	#757575	#EEEEEE	Heavy solid	Grey
token-grey-dashed	#94A3B8	#F8FAFC	Dashed	Slate
token-green	#2E7D32	#F1F8E9	Heavy solid	Green
token-purple	#7B1FA2	#F3E5F5	Heavy solid	Purple
token-olive	#827717	#F9FBE7	Heavy solid	Olive
token-yellow	#F57F17	#FFFDE7	Dashed ellipse	Amber
token-warm-gray	#565151	#E5E0DB	Tinted solid	Warm gray

DTCG bundle

Machine-readable definitions are at /tokens.full.json under paper.primitive.color.org-chart-role-warm-gray-{bg,border} (primitive values) and paper.semantic.org-chart.role-warm-gray-{bg,border} (semantic entries) — this extension is part of the Paper pillar's org-chart document family, alongside the node geometry (paper.primitive.org-chart.node-*) and connector dash primitives (paper.primitive.org-chart.edge-dash-*). CSS class geometry (210×110 px, 10 px padding, solid border) is in components/nodes.css.