Happenstance

Name: Happenstance
Brand: Portola Paints

PP-056 / Portola Paints

#C7BDA8

A serendipitous warm neutral that landed perfectly between beige and grey, the happy accident every designer hopes for.

Spec Sheet

Hex#C7BDA8

RGB199, 189, 168

HSL41°, 22%, 72%

On White 1.86:1 Fail

On Black 11.27:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #F2F1ED
Text: #211E18
Accent: #C7BDA8
Support: #566C99
Neutral: #D4D7C6

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

#F2F1ED background RGB 242 241 237

#211E18 ink RGB 33 30 24

#C7BDA8 accent RGB 199 189 168

#566C99 support RGB 86 108 153

#D4D7C6 neutral RGB 212 215 198

Processed in 0ms

CSS Variables

:root {
  --palette-background: #F2F1ED;
  --palette-ink: #211E18;
  --palette-accent: #C7BDA8;
  --palette-support: #566C99;
  --palette-neutral: #D4D7C6;
}

Tailwind Config

{
  "palette-background": "#F2F1ED",
  "palette-ink": "#211E18",
  "palette-accent": "#C7BDA8",
  "palette-support": "#566C99",
  "palette-neutral": "#D4D7C6"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Happenstance.