Grand Canal

SW 6485 / Sherwin-Williams
#3C797D

A soothing, deep blue shade perfect for grounding a colour scheme.

Spec Sheet

Hex#3C797D
RGB60, 121, 125
HSL184°, 35%, 36%
On White 4.97:1 AA
On Black 4.22:1 AA Large

For AI Tools

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

Background: #E8EDED
Text: #1E3C3E
Accent: #3C797D
Support: #89514D
Neutral: #A9B8CB

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

#E8EDED background RGB 232 237 237
#1E3C3E ink RGB 30 60 62
#3C797D accent RGB 60 121 125
#89514D support RGB 137 81 77
#A9B8CB neutral RGB 169 184 203
Processed in 0ms

CSS Variables

:root {
  --palette-background: #E8EDED;
  --palette-ink: #1E3C3E;
  --palette-accent: #3C797D;
  --palette-support: #89514D;
  --palette-neutral: #A9B8CB;
}

Tailwind Config

{
  "palette-background": "#E8EDED",
  "palette-ink": "#1E3C3E",
  "palette-accent": "#3C797D",
  "palette-support": "#89514D",
  "palette-neutral": "#A9B8CB"
}

Pro Exports Pro

Color Blindness Simulation

#71747D
Protanopia
#676C7D
Deuteranopia
#117D7A
Tritanopia

Build a design system around Grand Canal.