Amsterdam

AF-550 / Benjamin Moore
#81949D

A medium-depth, steely blue that reads as both calm and architectural.

Spec Sheet

Hex#81949D
RGB129, 148, 157
HSL199°, 13%, 56%
On White 3.15:1 AA Large
On Black 6.66:1 AA

For AI Tools

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

Background: #EDF1F3
Text: #14232A
Accent: #81949D
Support: #8B6655
Neutral: #C6C9D7

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

#EDF1F3 background RGB 237 241 243
#14232A ink RGB 20 35 42
#81949D accent RGB 129 148 157
#8B6655 support RGB 139 102 85
#C6C9D7 neutral RGB 198 201 215
Processed in 0ms

CSS Variables

:root {
  --palette-background: #EDF1F3;
  --palette-ink: #14232A;
  --palette-accent: #81949D;
  --palette-support: #8B6655;
  --palette-neutral: #C6C9D7;
}

Tailwind Config

{
  "palette-background": "#EDF1F3",
  "palette-ink": "#14232A",
  "palette-accent": "#81949D",
  "palette-support": "#8B6655",
  "palette-neutral": "#C6C9D7"
}

Pro Exports Pro

Color Blindness Simulation

#8F939E
Protanopia
#8B8F9D
Deuteranopia
#799797
Tritanopia

Build a design system around Amsterdam.