Mediterranean

SW 7617 / Sherwin-Williams
#60797D

A sophisticated, whisper-quiet grey value with a quiet confidence that anchors surrounding colours.

Spec Sheet

Hex#60797D
RGB96, 121, 125
HSL188°, 13%, 43%
On White 4.64:1 AA
On Black 4.53:1 AA

For AI Tools

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

Background: #EEF1F1
Text: #162D31
Accent: #60797D
Support: #BD6D61
Neutral: #C2C7D1

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

#EEF1F1 background RGB 238 241 241
#162D31 ink RGB 22 45 49
#60797D accent RGB 96 121 125
#BD6D61 support RGB 189 109 97
#C2C7D1 neutral RGB 194 199 209
Processed in 0ms

CSS Variables

:root {
  --palette-background: #EEF1F1;
  --palette-ink: #162D31;
  --palette-accent: #60797D;
  --palette-support: #BD6D61;
  --palette-neutral: #C2C7D1;
}

Tailwind Config

{
  "palette-background": "#EEF1F1",
  "palette-ink": "#162D31",
  "palette-accent": "#60797D",
  "palette-support": "#BD6D61",
  "palette-neutral": "#C2C7D1"
}

Pro Exports Pro

Color Blindness Simulation

#75777D
Protanopia
#70737D
Deuteranopia
#577B7A
Tritanopia

Build a design system around Mediterranean.