Portland Blue

Name: Portland Blue
Brand: Dulux

DH Portland Blue / Dulux

#7A98A8

A Heritage blue-grey inspired by the famous Dorset stone. Cool and architectural — a quieter alternative to full blue.

Spec Sheet

Hex#7A98A8

RGB122, 152, 168

HSL201°, 21%, 57%

On White 3.05:1 AA Large

On Black 6.88:1 AA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #E3E6E8
Text: #263036
Accent: #7A98A8
Support: #C07D59
Neutral: #B1B4C9

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 Portland Blue Palettes are free. Exports aren't.

#E3E6E8 background RGB 227 230 232

#263036 ink RGB 38 48 54

#7A98A8 accent RGB 122 152 168

#C07D59 support RGB 192 125 89

#B1B4C9 neutral RGB 177 180 201

Processed in 0ms

CSS Variables

:root {
  --palette-background: #E3E6E8;
  --palette-ink: #263036;
  --palette-accent: #7A98A8;
  --palette-support: #C07D59;
  --palette-neutral: #B1B4C9;
}

Tailwind Config

{
  "palette-background": "#E3E6E8",
  "palette-ink": "#263036",
  "palette-accent": "#7A98A8",
  "palette-support": "#C07D59",
  "palette-neutral": "#B1B4C9"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Portland Blue.