Fog

Name: Fog
Brand: Portola Paints

PP-170 / Portola Paints

#C8C5BD

A pale atmospheric grey that rolls in like San Francisco marine layer, soft and enveloping with cool undertones.

Spec Sheet

Hex#C8C5BD

RGB200, 197, 189

HSL44°, 9%, 76%

On White 1.72:1 Fail

On Black 12.18:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EFEDE7
Text: #2E2919
Accent: #C8C5BD
Support: #6D82BA
Neutral: #CAD0B3

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

#EFEDE7 background RGB 239 237 231

#2E2919 ink RGB 46 41 25

#C8C5BD accent RGB 200 197 189

#6D82BA support RGB 109 130 186

#CAD0B3 neutral RGB 202 208 179

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EFEDE7;
  --palette-ink: #2E2919;
  --palette-accent: #C8C5BD;
  --palette-support: #6D82BA;
  --palette-neutral: #CAD0B3;
}

Tailwind Config

{
  "palette-background": "#EFEDE7",
  "palette-ink": "#2E2919",
  "palette-accent": "#C8C5BD",
  "palette-support": "#6D82BA",
  "palette-neutral": "#CAD0B3"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Fog.

Fog

Spec Sheet

For AI Tools

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

CSS Variables

Tailwind Config

Pro Exports Pro

Color Blindness Simulation

Related Colors

More Portola Paints greys