Coconut Husk

SW 6110 / Sherwin-Williams
#70573F

A rich, deep brown shade equally at home in contemporary and traditional settings.

Spec Sheet

Hex#70573F
RGB112, 87, 63
HSL29°, 28%, 34%
On White 6.72:1 AA
On Black 3.12:1 AA Large

For AI Tools

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

Background: #EFEDEC
Text: #3A2B1D
Accent: #70573F
Support: #5E7E9C
Neutral: #C7C6B3

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

#EFEDEC background RGB 239 237 236
#3A2B1D ink RGB 58 43 29
#70573F accent RGB 112 87 63
#5E7E9C support RGB 94 126 156
#C7C6B3 neutral RGB 199 198 179
Processed in 0ms

CSS Variables

:root {
  --palette-background: #EFEDEC;
  --palette-ink: #3A2B1D;
  --palette-accent: #70573F;
  --palette-support: #5E7E9C;
  --palette-neutral: #C7C6B3;
}

Tailwind Config

{
  "palette-background": "#EFEDEC",
  "palette-ink": "#3A2B1D",
  "palette-accent": "#70573F",
  "palette-support": "#5E7E9C",
  "palette-neutral": "#C7C6B3"
}

Pro Exports Pro

Color Blindness Simulation

#5F583D
Protanopia
#655E3F
Deuteranopia
#785251
Tritanopia

Build a design system around Coconut Husk.