Halo Brand System

Human + machine source

Every colour keeps its meaning.

The colour manifest separates permanent brand colours, implementation roles and product-only palettes. It also links the tested contrast matrix used by this release.

Colour manifest · JSON Contrast matrix · JSON

Permanent brand foundation

The approved Halo palette.

Permanent Halo brand colours are used across editorial, campaign, presentation and public guide work.

#F6F5F2

Canvas

Primary warm editorial field.

Token: core.color.neutral.canvas
CSS: Resolved through alias

#FFFFFF

Raised white

Cards and surfaces that need separation from canvas.

Token: core.color.neutral.raised
CSS: Resolved through alias

#EBE9E3

Quiet neutral

Subtle bands and grouped information.

Token: core.color.neutral.quiet
CSS: Resolved through alias

#111316

Ink

Primary text and the dark identity mark.

Token: core.color.neutral.ink
CSS: Resolved through alias

#626461

Muted ink

Secondary explanatory text.

Token: core.color.neutral.muted
CSS: Resolved through alias

#6E716F

Subtle ink

Small labels and metadata that still require accessible contrast.

Token: core.color.neutral.subtle
CSS: Resolved through alias

#08090B

Deep black

Controlled dark editorial and product fields.

Token: core.color.neutral.deep-black
CSS: Resolved through alias

#16181D

Graphite

Raised dark product surfaces.

Token: core.color.neutral.graphite
CSS: Resolved through alias

#F4F1EA

Dark-surface ink

Primary text and the light identity mark on dark fields.

Token: core.color.neutral.dark-ink
CSS: Resolved through alias

#B9B7B0

Dark-surface muted

Secondary text on dark fields.

Token: core.color.neutral.dark-muted
CSS: Resolved through alias

#F13AAD

Halo magenta

One active Halo intervention, focus or guidance event.

Token: core.color.brand.magenta
CSS: Resolved through alias

#D92C98

Magenta strong

Accessible links and small active details on light surfaces.

Token: core.color.brand.magenta-strong
CSS: Resolved through alias

#F13AAD

Magenta soft

Low-emphasis active field; never an additional decorative accent event.

Token: core.color.brand.magenta-soft
CSS: Resolved through alias
Alpha: 12%

#2EA77B

Verified green

Verified or successful state only.

Token: core.color.state.verified
CSS: Resolved through alias

#B7791F

Warning

Caution and non-blocking attention.

Token: core.color.state.warning
CSS: Resolved through alias

#C44D5E

Danger

Errors and destructive state.

Token: core.color.state.danger
CSS: Resolved through alias

#C44D5E

Danger soft

Low-emphasis error or review-required field.

Token: core.color.state.danger-soft
CSS: Resolved through alias
Alpha: 12%

Implementation contract

Build with roles, not values.

Semantic tokens preserve intent if a future release changes a primitive. Use these names in websites, components, templates and agent-generated code.

Page surface

Default public/editorial background.

--halo-bg#F6F5F2

Raised surface

Cards, controls and panels.

--halo-bg-raised#FFFFFF

Quiet surface

Soft section distinction.

--halo-bg-quiet#EBE9E3

Dark surface

Controlled dark editorial field.

--halo-dark#08090B

Product surface

Graphite product context.

--halo-product-bg#16181D

Form surface

Grouped form and request context.

--halo-form-surface#F8F7F4

Field surface

Inputs and data-entry controls.

--halo-field-surface#FBFAF7

Primary text

Default readable text.

--halo-ink#111316

Muted text

Secondary explanation.

--halo-muted#626461

Subtle text

Metadata and low-emphasis labeling.

--halo-subtle#6E716F

Text on dark

Primary dark-surface text.

--halo-dark-ink#F4F1EA

Muted text on dark

Secondary dark-surface text.

--halo-dark-muted#B9B7B0

Primary action

Halo active signal.

--halo-accent#F13AAD

Primary action strong

Accessible small active elements.

--halo-accent-strong#D92C98

Primary action soft

Low-emphasis active field.

--halo-accent-soft#F13AAD

Brand signal

Explicit Halo intervention or guidance marker.

--halo-magenta#F13AAD

On primary

Accessible text and icons on Halo magenta.

--halo-on-accent#111316

Verified state

Successful, reviewed or verified state.

--halo-success#2EA77B

On verified

Accessible text and icons on verified green.

--halo-on-success#111316

Warning state

Caution state.

--halo-warning#B7791F

Danger state

Error or destructive state.

--halo-danger#C44D5E

Danger state soft

Low-emphasis error field.

--halo-danger-soft#C44D5E

Quiet border

Low-emphasis rules and separators.

--halo-rule#111316

Strong border

Structural rules and section boundaries.

--halo-rule-strong#111316

Dark-surface border

Rules on dark fields.

--halo-dark-rule#F4F1EA

Field border

Input and data-entry boundaries.

--halo-field-border#C9CAC6

Channel boundary

Product palettes are not campaign palettes.

Capture, Mobile and Prism palettes describe specific product interfaces. They are not additional campaign or logo colours.

Product only

Guided Capture

Use only inside the guided camera and capture experience.

#05010D

background

Guided Capture interface role.

Token: product.capture.color.background
CSS: --halo-capture-bg

#A8ADB7

glass

Guided Capture interface role.

Token: product.capture.color.glass
CSS: --halo-capture-glass
Alpha: 6%

#A8ADB7

rule

Guided Capture interface role.

Token: product.capture.color.rule
CSS: --halo-capture-rule
Alpha: 12%

#FFFFFF

text

Guided Capture interface role.

Token: product.capture.color.text
CSS: --halo-capture-text
Alpha: 94%

#D8DFE8

muted

Guided Capture interface role.

Token: product.capture.color.muted
CSS: --halo-capture-muted
Alpha: 70%

#48E185

success

Guided Capture interface role.

Token: product.capture.color.success
CSS: --halo-capture-success

Product only

Halo Mobile

Use only for native mobile status, recording and privacy states.

#150F18

canvas

Halo Mobile interface role.

Token: product.mobile.color.canvas
CSS: --halo-mobile-canvas

#45D28D

success

Halo Mobile interface role.

Token: product.mobile.color.success
CSS: --halo-mobile-success

#F7B955

warning

Halo Mobile interface role.

Token: product.mobile.color.warning
CSS: --halo-mobile-warning

#E46A7D

danger

Halo Mobile interface role.

Token: product.mobile.color.danger
CSS: --halo-mobile-danger

#7BB7FF

info

Halo Mobile interface role.

Token: product.mobile.color.info
CSS: --halo-mobile-info

#FF453F

system recording

Halo Mobile interface role.

Token: product.mobile.color.system-recording
CSS: --halo-mobile-system-recording

#45D26D

system privacy

Halo Mobile interface role.

Token: product.mobile.color.system-privacy
CSS: --halo-mobile-system-privacy

Product only

Halo Flow / Prism

Use only inside the operational Flow dashboard and its diagrams.

#18212F

sidebar

Halo Flow interface role.

Token: product.prism.color.sidebar
CSS: --prism-sidebar-bg

#F6F8FB

cloud

Halo Flow interface role.

Token: product.prism.color.cloud
CSS: --prism-cloud

#FFFFFF

surface

Halo Flow interface role.

Token: product.prism.color.surface
CSS: --prism-surface

#E5EAF2

border

Halo Flow interface role.

Token: product.prism.color.border
CSS: --prism-border

#16202A

text primary

Halo Flow interface role.

Token: product.prism.color.text-primary
CSS: --prism-text-primary

#667085

text secondary

Halo Flow interface role.

Token: product.prism.color.text-secondary
CSS: --prism-text-secondary

#2A5EC2

processing

Halo Flow interface role.

Token: product.prism.color.processing
CSS: --prism-processing

Accessibility evidence

0 required failures.

Only tested required pairings may carry essential text. White is not the approved label colour on Halo magenta or verified green.

passNormal editorial text17.07:1minimum 4.5:1

passNormal secondary text5.48:1minimum 4.5:1

passSmall labels and metadata4.53:1minimum 4.5:1

passNormal text on dark sections17.66:1minimum 4.5:1

passNormal secondary text on dark sections9.92:1minimum 4.5:1

passPreferred primary-action label5.27:1minimum 4.5:1

failDiagnostic for current white-label accent controls3.53:1minimum 4.5:1

passPreferred verified-state label6.14:1minimum 4.5:1

failDiagnostic for white labels on verified green3.03:1minimum 4.5:1

passPreferred warning-state label5.11:1minimum 4.5:1

passDiagnostic for white labels on danger4.59:1minimum 4.5:1

Guidance set

Colour

must

Active magenta #F13AAD; verified green #2EA77B.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.colour.active-magenta-f13aad-verified-green-2ea77b

must

Canvas #F6F5F2; raised white #FFFFFF; quiet field #EBE9E3.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.colour.canvas-f6f5f2-raised-white-ffffff-quiet-field-ebe9e3

should

Capture, Mobile and Prism colours may be used only inside their named product contexts and do not redefine the Halo brand palette.

Imported from the Working rules section of the Halo guidance.

halo.visual.colour.capture-mobile-and-prism-colours-may-be-used-only-inside-their-named-pro

should

Green only means verified/success.

Imported from the Working rules section of the Halo guidance.

halo.visual.colour.green-only-means-verified-success

must

Ink #111316; graphite #16181D; deep black #08090B.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.colour.ink-111316-graphite-16181d-deep-black-08090b

should

Magenta marks brand signature, focus, guidance, or active state.

Imported from the Working rules section of the Halo guidance.

halo.visual.colour.magenta-marks-brand-signature-focus-guidance-or-active-state

must-not

Never communicate state by colour alone.

Imported from the Working rules section of the Halo guidance.

halo.visual.colour.never-communicate-state-by-colour-alone

should

Reconcile values against current tokens and contrast tests.

Imported from the Working rules section of the Halo guidance.

halo.visual.colour.reconcile-values-against-current-tokens-and-contrast-tests

must

The permanent brand palette and channel-specific product palettes remain separate token layers.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.colour.the-permanent-brand-palette-and-channel-specific-product-palettes-remain

should

Use semantic roles such as surface, text, action and state in implementation; do not bind components directly to a primitive hex value.

Imported from the Working rules section of the Halo guidance.

halo.visual.colour.use-semantic-roles-such-as-surface-text-action-and-state-in-implementati

must

Warnings and errors remain distinct from brand accent.

Imported from the Locked decisions section of the Halo guidance.

halo.visual.colour.warnings-and-errors-remain-distinct-from-brand-accent

must

Use Halo magenta only for brand signature, guidance, focus, or active state.

The accent must retain operational meaning.

Examples

Use

The next capture position is marked in magenta.

Avoid

Magenta used to indicate an error or warning.

halo.visual.state.magenta

must

Reserve green for verified or successful state and pair it with text, shape, or icon.

State must be semantically consistent and must not rely on colour alone.

Examples

Use

A green check plus the text Verified.

Avoid

A green logo or an unlabeled green dot.

halo.visual.state.verified-green