Cocoa Whip

SW 9084 / Sherwin-Williams
#A08E7E

A foundational, whisper-quiet neutral value providing a reliable foundation for layered colour stories.

Spec Sheet

Hex#A08E7E
RGB160, 142, 126
HSL28°, 15%, 56%
On White 3.15:1 AA Large
On Black 6.67:1 AA

For AI Tools

Copy this snippet and paste it into any AI tool
Use these colors for all components:

Background: #EFEDEB
Text: #1F160E
Accent: #A08E7E
Support: #718BA2
Neutral: #D6D6C7

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

#EFEDEB background RGB 239 237 235
#1F160E ink RGB 31 22 14
#A08E7E accent RGB 160 142 126
#718BA2 support RGB 113 139 162
#D6D6C7 neutral RGB 214 214 199
Processed in 0ms

CSS Variables

:root {
  --palette-background: #EFEDEB;
  --palette-ink: #1F160E;
  --palette-accent: #A08E7E;
  --palette-support: #718BA2;
  --palette-neutral: #D6D6C7;
}

Tailwind Config

{
  "palette-background": "#EFEDEB",
  "palette-ink": "#1F160E",
  "palette-accent": "#A08E7E",
  "palette-support": "#718BA2",
  "palette-neutral": "#D6D6C7"
}

Pro Exports Pro

Color Blindness Simulation

#948F7D
Protanopia
#98937E
Deuteranopia
#A68A89
Tritanopia

Build a design system around Cocoa Whip.