Mocha

Name: Mocha
Brand: Sherwin-Williams

SW 6066 / Sherwin-Williams

#967A6A

A versatile, whisper-quiet neutral value perfect for grounding a colour scheme.

Spec Sheet

Hex#967A6A

RGB150, 122, 106

HSL22°, 17%, 50%

On White 3.97:1 AA Large

On Black 5.29:1 AA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EFEDEB
Text: #221711
Accent: #967A6A
Support: #749CB4
Neutral: #CECAB1

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

#EFEDEB background RGB 239 237 235

#221711 ink RGB 34 23 17

#967A6A accent RGB 150 122 106

#749CB4 support RGB 116 156 180

#CECAB1 neutral RGB 206 202 177

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EFEDEB;
  --palette-ink: #221711;
  --palette-accent: #967A6A;
  --palette-support: #749CB4;
  --palette-neutral: #CECAB1;
}

Tailwind Config

{
  "palette-background": "#EFEDEB",
  "palette-ink": "#221711",
  "palette-accent": "#967A6A",
  "palette-support": "#749CB4",
  "palette-neutral": "#CECAB1"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Mocha.