# Harbour fog — palette recipe

## The idea

- Grey-blue morning air over still water: cool, quiet and trustworthy, with a single deep sea blue that tells people where to act.
- Mood: cool, calm, serious

## Use it for

- Health and care services
- Finance and insurance tools
- Public information sites

## Avoid it when

- The brand needs energy or playfulness
- The audience expects warmth above trust

## Colours

- Morning mist (background): #eef3f6
- Sail white (surface): #ffffff
- Deep harbour (text): #1b2a35
- Wet slate (muted): #4c5f6d
- Sea blue (accent): #1f5d88
- Shallow water (accent-2): #cde2ee
- Rope grey (border): #c7d4dd

## Accessible pairs

- Deep harbour on Sail white — 14.7:1 (AA)
- Sail white on Deep harbour — 14.7:1 (AA)
- Deep harbour on Morning mist — 13.1:1 (AA)
- Morning mist on Deep harbour — 13.1:1 (AA)
- Deep harbour on Shallow water — 11.0:1 (AA)
- Shallow water on Deep harbour — 11.0:1 (AA)
- Deep harbour on Rope grey — 9.7:1 (AA)
- Rope grey on Deep harbour — 9.7:1 (AA)
- Sail white on Sea blue — 7.0:1 (AA)
- Sea blue on Sail white — 7.0:1 (AA)
- Sail white on Wet slate — 6.6:1 (AA)
- Wet slate on Sail white — 6.6:1 (AA)
- Morning mist on Sea blue — 6.3:1 (AA)
- Sea blue on Morning mist — 6.3:1 (AA)
- Morning mist on Wet slate — 5.9:1 (AA)
- Wet slate on Morning mist — 5.9:1 (AA)
- Sea blue on Shallow water — 5.3:1 (AA)
- Shallow water on Sea blue — 5.3:1 (AA)
- Shallow water on Wet slate — 5.0:1 (AA)
- Wet slate on Shallow water — 5.0:1 (AA)
- Rope grey on Sea blue — 4.7:1 (AA)
- Sea blue on Rope grey — 4.7:1 (AA)
- Rope grey on Wet slate — 4.4:1 (AA large)
- Wet slate on Rope grey — 4.4:1 (AA large)

## Principles

- Morning mist fills about 60% of the page and sail white about 25%, for cards and forms
- Use sea blue for primary buttons, links and focus rings only, about 5% of the page
- Shallow water marks tags and selected rows, with deep harbour text on it
- Wet slate carries labels, hints and secondary details
- Separate areas with rope grey lines or a change of surface, not heavy shadows