# Harbour Fog — palette recipe

## The idea
- Cool grey-blue haze over deep water: quiet, trustworthy and easy on the eyes, with a steady sea-blue for actions.

## Use it for
- Software and service dashboards
- Health and finance information
- Help centres and documentation

## Avoid it when
- The brand should feel warm, festive or handmade
- You need strong emotional energy

## Colours
- Morning Haze (background): #eef3f7
- Sail White (surface): #ffffff
- Deep Water (text): #14232f
- Wet Slate (muted): #4b5e6e
- Channel Blue (accent): #1d5a92
- Kelp Teal (accent-2): #2f6f6f
- Mist Line (border): #c8d5e0

## Accessible pairs
- Deep Water on Sail White — 16.0:1 (AA)
- Sail White on Deep Water — 16.0:1 (AA)
- Deep Water on Morning Haze — 14.3:1 (AA)
- Morning Haze on Deep Water — 14.3:1 (AA)
- Deep Water on Mist Line — 10.7:1 (AA)
- Mist Line on Deep Water — 10.7:1 (AA)
- Channel Blue on Sail White — 7.2:1 (AA)
- Sail White on Channel Blue — 7.2:1 (AA)
- Sail White on Wet Slate — 6.7:1 (AA)
- Wet Slate on Sail White — 6.7:1 (AA)
- Channel Blue on Morning Haze — 6.4:1 (AA)
- Morning Haze on Channel Blue — 6.4:1 (AA)
- Morning Haze on Wet Slate — 6.0:1 (AA)
- Wet Slate on Morning Haze — 6.0:1 (AA)
- Kelp Teal on Sail White — 5.8:1 (AA)
- Sail White on Kelp Teal — 5.8:1 (AA)
- Kelp Teal on Morning Haze — 5.2:1 (AA)
- Morning Haze on Kelp Teal — 5.2:1 (AA)
- Channel Blue on Mist Line — 4.8:1 (AA)
- Mist Line on Channel Blue — 4.8:1 (AA)
- Mist Line on Wet Slate — 4.5:1 (AA large)
- Wet Slate on Mist Line — 4.5:1 (AA large)
- Kelp Teal on Mist Line — 3.9:1 (AA large)
- Mist Line on Kelp Teal — 3.9:1 (AA large)

## Principles
- Use the haze as the page and sail white for anything the user works inside.
- Keep channel blue for buttons and links so the eye learns where actions live.
- Use kelp teal only for a second kind of signal, such as tags or progress.
- Lean on wet slate for secondary details instead of shrinking text.
- Keep borders light; spacing should do most of the grouping.