Calico

Name: Calico
Brand: Portola Paints

PP-216 / Portola Paints

#D4C0A8

A warm patchwork neutral with the homespun character of calico fabric, charming and unpretentiously beautiful.

Spec Sheet

Hex#D4C0A8

RGB212, 192, 168

HSL33°, 34%, 75%

On White 1.76:1 Fail

On Black 11.9:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #F0EDEB
Text: #1F180F
Accent: #D4C0A8
Support: #4C6D94
Neutral: #D4D5C3

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

#F0EDEB background RGB 240 237 235

#1F180F ink RGB 31 24 15

#D4C0A8 accent RGB 212 192 168

#4C6D94 support RGB 76 109 148

#D4D5C3 neutral RGB 212 213 195

Processed in 0ms

CSS Variables

:root {
  --palette-background: #F0EDEB;
  --palette-ink: #1F180F;
  --palette-accent: #D4C0A8;
  --palette-support: #4C6D94;
  --palette-neutral: #D4D5C3;
}

Tailwind Config

{
  "palette-background": "#F0EDEB",
  "palette-ink": "#1F180F",
  "palette-accent": "#D4C0A8",
  "palette-support": "#4C6D94",
  "palette-neutral": "#D4D5C3"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Calico.