Colour

Blue and white carry most of any layout, Navy adds depth, and Gold is the one accent — a badge, a guarantee or a call to action, never decoration.

Brand palette

Aa Navy

Navy · 4%var(--altec-navy)

Depth, footers, headings

Aa Blue

Blue · 40%var(--altec-blue)

Primary brand surface

Aa Gold

Gold · 1%var(--altec-gold)

The one accent — quote button

Aa Blue 30%

Blue 30%var(--altec-blue-30)

Borders, muted on dark

Aa Pale Blue

Pale Blue · 15%var(--altec-pale-blue)

Muted surface, cards

Aa White

White · 40%var(--altec-white)

Primary background

Semantic roles

Aa Background

Backgroundvar(--altec-bg)

Page background

Aa Surface

Surfacevar(--altec-surface)

Cards on white

Aa Foreground

Foregroundvar(--altec-fg)

Headings

Aa Body

Bodyvar(--altec-fg-body)

Body copy

Aa Muted

Mutedvar(--altec-fg-muted)

Hints, captions

Aa Error

Errorvar(--altec-error)

Form errors only — never marketing

Blue scale

Fills the gap between Navy, Blue and Pale Blue. Use for hover, borders, disabled states and charts. Derived from the brand colours — to be confirmed.

50--altec-blue-50

100--altec-blue-100

200--altec-blue-200

300--altec-blue-300

500--altec-blue-500

700--altec-blue-700

800--altec-blue-800

900--altec-blue-900

Neutral scale

Blue-tinted greys for body text, captions, dividers and disabled fields.

50--altec-grey-50

100--altec-grey-100

200--altec-grey-200

400--altec-grey-400

600--altec-grey-600

800--altec-grey-800

Gold tints and overlays

Aa Gold 10%

Gold 10%var(--altec-gold-10)

Guarantee highlight backgrounds only

Aa Gold 20%

Gold 20%var(--altec-gold-20)

Rare highlight

Aa Scrim

Scrimvar(--altec-scrim)

Text over photos, modal backdrop

Status colours

Forms and system messages only — never in marketing.

Successvar(--altec-success) on var(--altec-success-bg)

Warningvar(--altec-warning) on var(--altec-warning-bg)

Errorvar(--altec-error) on var(--altec-error-bg)

Infovar(--altec-info) on var(--altec-info-bg)

Print values

CMYK and Pantone values must come from the brand owner or printer — screen colours can't be converted reliably.

Colour	Screen (RGB)	CMYK	Pantone	Colorbond / RAL
Navy	#001949	To confirm	To confirm	To confirm
Blue	#2A388B	To confirm	To confirm	To confirm
Gold	#B79846	To confirm	To confirm	To confirm
Blue 30%	#BFC4DC	To confirm	To confirm	To confirm
Pale Blue	#ECF2F8	To confirm	To confirm	To confirm

Contrast

White on BlueApproved

Gold on NavyApproved, headings only

Pale Blue on Blue 30%Never