Working draft Treasury Today Brand Pack · Colour

Treasury Today Colour

The Treasury Today Group client colour skin, extracted from the 2026 brand guidelines and mapped onto the fixed WDS tokens: TT Red Primary, TT Primary Grey Secondary, TT Blue interactive Accent, with neutral Zinc surfaces carried. All three brand slots now carry a tint scale; on-fill pairings are derived. Additional Palettes holds the approved named sets outside the token model, starting with Women in Treasury & Finance. Event Phase and Booking Status are fixed and not re-skinned.

Brand: Red · Grey · BlueLayers: WDS Tokens · Additional PalettesTints: 3 scales · 50–950Registry: Draft, not yet in Notion

The Treasury Today Group colour skin, in two layers. Sections 01–05 are the client-themeable layer of the Treasury Today Brand Pack, mapped onto the fixed WDS colour tokens: TT Red as Primary, TT Primary Grey as Secondary, and TT Blue as the interactive Accent, with neutral Zinc surfaces carried from the master. Section 06, Additional Palettes, holds Treasury Today's approved named palettes — colours that belong to the brand but sit outside the token model, starting with Women in Treasury & Finance. Event Phase and Booking Status are fixed system semantics and are not re-skinned here. Extracted from the Treasury Today 2026 brand guidelines; working draft for design iteration, not yet locked to the Notion Colour Registry.

#	Colour category	Client themeable
01	Brand	✓
02	Tints	✓
03	Surface Scale · Light	✓
04	Surface Scale · Dark	✓
05	Text & Icons	✓
06	Additional Palettes	Approved

Click any swatch to copy its hex. Five themeable groups plus the additional named palettes; the fixed Event Phase and Booking Status semantics carry from the master and are not shown here.

Brand

Draft

Three brand slots on the WDS chassis. Primary is TT Red (the dominant, structural brand colour), Secondary is TT Primary Grey (furniture and non-interactive emphasis), Accent is TT Blue (the interactive colour: links, CTAs, active states).

Primary 500

Primarybase_colours_primary#cb2028TT Red. The dominant, structural brand colour: headings, brand moments, non-interactive emphasis. Carries its own tonal ramp (Tints). Mode-agnostic.

Secondary 500

Secondarybase_colours_secondary#9d9d9cTT Primary Grey. Furniture and non-interactive emphasis: rules, dividers, tags, framed borders, watermarks. Carries its own tonal ramp (Tints). Mode-agnostic.

Accent 500

Accentbase_colours_accent#003f65TT Blue. The interactive colour: links, CTAs, active states. If it is clickable, it is Accent. Carries its own tonal ramp (Tints). 11:1 on white; on dark it is too deep, so dark-mode links use a lighter blue tint.

Notes

Extracted from the Treasury Today 2026 brand guidelines. TT names TT Red as the dominant colour with TT Blue as the supporting accent. Here Red maps to Primary (structural) and Blue to Accent (the WDS interactive role).
TT has two brand hues (Red, Blue) plus neutral greys. Secondary takes TT Primary Grey, since TT has no third or warm brand colour; a warm Secondary can be added later if wanted.
Accent (TT Blue) is deep: it clears AA on light (11:1 on white) but not on dark, so dark-mode links use a lighter blue tint (see Text & Icons).
Open decision: Primary and Accent could be swapped, TT Blue as the structural Primary and TT Red as the interactive Accent, if you want the vivid red to carry interaction and read cleanly in both modes.

Tints

Draft

Three WDS tint scales, named Tint Scale 1–3, derived from the Primary, Secondary and Accent brand colours — every brand slot carries a tonal ramp. Steps use the standard 50–950 (Tailwind-inspired) convention, standardised across all Brand Packs; 500 is the brand anchor (ticked), the rest generated by the white/black-mix method.

Tint Scale 1 · Primary (TT Red)

50
#fdf6f6

100
#fbedee

200
#f5d2d4

300
#ebaaad

400
#de7075

500✓
#cb2028

600
#ab1b22

700
#8a161b

800
#661014

900
#450b0e

950
#290608

Tint Scale 2 · Secondary (TT Primary Grey)

50
#fbfbfb

100
#f7f7f7

200
#ebebeb

300
#dadad9

400
#c0c0c0

500✓
#9d9d9c

600
#848483

700
#6b6b6a

800
#4e4e4e

900
#353535

950
#1f1f1f

Tint Scale 3 · Accent (TT Blue)

50
#f5f7f9

100
#ebf0f3

200
#ccd9e0

300
#9eb6c4

400
#5c849c

500✓
#003f65

600
#003555

700
#002b45

800
#002032

900
#001522

950
#000d14

How the scales work

Tint Scale 1 derives from Primary (#cb2028); Tint Scale 2 from Secondary (#9d9d9c); Tint Scale 3 from Accent (#003f65). 500 is the brand anchor (ticked).
Steps follow the 50–950 Tailwind-inspired convention, standard across all Brand Packs. Ramps are generated by the WDS white/black-mix method: 50–400 lighter, 600–950 darker.
Only 500 is an approved brand value. Every other step is generated, so it is a design-system tint, not a colour the guidelines supply.
Accent is a deep blue, so Tint Scale 3 darkens quickly: 600–950 sit close together and near-black. The useful range for surfaces and hovers is 50–400.
On-fill flips from black to white as the ramp darkens; bind the on-fill token, never a hardcoded value.

Surface Scale · Light

Carried

Light-mode surfaces, carried from the WDS master (neutral Zinc). Treasury Today defines White and Black but no tinted surface ramp, so the neutral scale carries unchanged.

Whitesurface_scale_light_white#ffffffContent cards, raised surfaces

SSL1surface_scale_light_ssl1#fafafaSubtle elevation

SSL2surface_scale_light_ssl2#f4f4f5Secondary surfaces, filter bars, modals

SSL3surface_scale_light_ssl3#e4e4e7Borders, dividers · --border

SSL4surface_scale_light_ssl4#d4d4d8Heavier rules · --border-strong

Notes

Goes light → dark as the number increases. Content cards stay white; SSL3/SSL4 are the border tokens.
Carried from the master. Re-tint only if Treasury Today later wants warmer greys.

Surface Scale · Dark

Carried

Dark-mode surfaces, carried from the WDS master (neutral Zinc). From Black up through the Zinc canvas.

Blacksurface_scale_dark_black#000000Deepest surface, overlays

SSD1surface_scale_dark_ssd1#18181bBase canvas, page bg DM

SSD2surface_scale_dark_ssd2#27272aContent cards DM

SSD3surface_scale_dark_ssd3#3f3f46Borders, dividers DM · --border

SSD4surface_scale_dark_ssd4#52525bHeavier rules DM · --border-strong

Notes

Goes dark → light as the number increases. Black stays pure for overlays; SSD3/SSD4 are the border tokens.
Carried from the master, neutral Zinc.

Text & Icons

Draft

Mode-specific text, link and icon colours. Text 1 is TT Text Grey; muted text is carried from the master; the link role binds to Accent (TT Blue).

Text 1 — LMtext_light_text_1_lm#373736TT Text Grey. Primary text: headings, body, labels. 11.9:1 on white.

Text 2 — LMtext_light_text_2_lm#71717aMuted (carried, Zinc 500). TT Primary Grey #9d9d9c is too light for body text (2.7:1), so muted carries from the master.

Link — LMtext_light_link_lm#003f65Inline links in LM. Bound to Accent (TT Blue), 11:1 on white. Pair with the underline affordance.

Text 1 — DMtext_dark_text_1_dm#ffffffPrimary text in DM.

Text 2 — DMtext_dark_text_2_dm#a1a1aaMuted text in DM (carried, Zinc 400).

Link — DMtext_dark_link_dm#5e869eInline links in DM. A lightened TT Blue so links clear AA on dark (4.7:1 on #18181b); Accent itself is too deep on dark.

Icon — LMicons_icon_lm#373736Icon fills in LM (matches Text 1).

Icon — DMicons_icon_dm#ffffffIcon fills in DM.

Notes

Links bind to Accent (TT Blue #003f65). Tuned for light (11:1 on white); pair with the underline affordance on light and use the lighter tint (#5e869e) for dark-mode links.
Text 1 uses TT Text Grey (#373736) rather than pure black, per the guidelines. Muted text (Text 2) is carried from the master and is a per-layer override, not a separate token.

Additional Palettes

Approved

Treasury Today's approved named palettes: brand colours that live outside the WDS token model. They bind to no token and carry no tonal ramp — they are used as supplied, for the sub-brand they belong to. Print values are carried here and in the pack JSON under colour.additional_palettes; the app's colour registry carries hex only.

Women in Treasury & Finance (WiT&F)

WiT&F Purple primaryCMYK 65 100 27 33 · RGB 89 23 86#591756The WiT&F primary purple. Source conflict: the guidelines give RGB 87 31 86 beside hex #591756, which is RGB 89 23 86. The hex is recorded as supplied and the RGB derived from it — to be queried with the client before the palette locks.

WiT&F Purple secondaryCMYK not supplied · RGB 94 78 126#5e4e7eThe WiT&F secondary purple, for support and secondary emphasis. CMYK is not given in the source and is recorded as absent rather than converted.

Notes

Approved, not themeable. An additional palette is a named set the client has approved. It does not re-skin a WDS token and nothing in the product binds to it — it is reached deliberately, for WiT&F work.
Print values are recorded, never derived. A CMYK the source does not supply stays absent: a conversion we generated would read on this page as a value the client approved.
Where hex and RGB disagree in the source, hex wins and the conflict is recorded rather than silently reconciled — on the page and in the pack JSON.
These sit last on the page and last in the app's colour registry, after the standard tokens, so the token layer always reads first.

Treasury Today Brand Pack · Colour (draft)
Working colour reference for the Treasury Today skin. Values are extracted from the brand guidelines for design iteration; once locked they move to the Notion Colour Registry and this page mirrors it.