Kaffee

Name: Kaffee
Brand: Sherwin-Williams

SW 6103 / Sherwin-Williams

#65503D

An anchoring, deep brown shade equally at home in contemporary and traditional settings.

Spec Sheet

Hex#65503D

RGB101, 80, 61

HSL29°, 25%, 32%

On White 7.59:1 AAA

On Black 2.77:1 Fail

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #E9E5E2
Text: #1E1710
Accent: #65503D
Support: #6F8BA5
Neutral: #D4D4C9

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

#E9E5E2 background RGB 233 229 226

#1E1710 ink RGB 30 23 16

#65503D accent RGB 101 80 61

#6F8BA5 support RGB 111 139 165

#D4D4C9 neutral RGB 212 212 201

Processed in 0ms

CSS Variables

:root {
  --palette-background: #E9E5E2;
  --palette-ink: #1E1710;
  --palette-accent: #65503D;
  --palette-support: #6F8BA5;
  --palette-neutral: #D4D4C9;
}

Tailwind Config

{
  "palette-background": "#E9E5E2",
  "palette-ink": "#1E1710",
  "palette-accent": "#65503D",
  "palette-support": "#6F8BA5",
  "palette-neutral": "#D4D4C9"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Kaffee.