Harbor

Name: Harbor
Brand: Portola Paints

PP-219 / Portola Paints

#5A7080

A deep coastal blue-grey with the protected calm of a harbour at rest, sheltering and dependable.

Spec Sheet

Hex#5A7080

RGB90, 112, 128

HSL205°, 17%, 43%

On White 5.17:1 AA

On Black 4.06:1 AA Large

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EEF0F1
Text: #12181C
Accent: #5A7080
Support: #B7825C
Neutral: #B3B4C7

Rules:
- Use Background for surfaces and canvas
- Use Ink for body text and icons
- Never use Accent as body text — contrast is too low
- Maintain 4.5:1 minimum contrast for normal text

Learn more about AI Palette

Design System from Harbor Palettes are free. Exports aren't.

#EEF0F1 background RGB 238 240 241

#12181C ink RGB 18 24 28

#5A7080 accent RGB 90 112 128

#B7825C support RGB 183 130 92

#B3B4C7 neutral RGB 179 180 199

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EEF0F1;
  --palette-ink: #12181C;
  --palette-accent: #5A7080;
  --palette-support: #B7825C;
  --palette-neutral: #B3B4C7;
}

Tailwind Config

{
  "palette-background": "#EEF0F1",
  "palette-ink": "#12181C",
  "palette-accent": "#5A7080",
  "palette-support": "#B7825C",
  "palette-neutral": "#B3B4C7"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Harbor.