Navel

Name: Navel
Brand: Sherwin-Williams

SW 6887 / Sherwin-Williams

#EC8430

A toasted, saturated orange value that bridges warm and cool palettes with ease.

Spec Sheet

Hex#EC8430

RGB236, 132, 48

HSL27°, 83%, 56%

On White 2.65:1 Fail

On Black 7.91:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #F6F5F3
Text: #372A20
Accent: #EC8430
Support: #4782B3
Neutral: #CFCEB9

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

#F6F5F3 background RGB 246 245 243

#372A20 ink RGB 55 42 32

#EC8430 accent RGB 236 132 48

#4782B3 support RGB 71 130 179

#CFCEB9 neutral RGB 207 206 185

Processed in 0ms

CSS Variables

:root {
  --palette-background: #F6F5F3;
  --palette-ink: #372A20;
  --palette-accent: #EC8430;
  --palette-support: #4782B3;
  --palette-neutral: #CFCEB9;
}

Tailwind Config

{
  "palette-background": "#F6F5F3",
  "palette-ink": "#372A20",
  "palette-accent": "#EC8430",
  "palette-support": "#4782B3",
  "palette-neutral": "#CFCEB9"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Navel.