Agua Fría

SW 9053 / Sherwin-Williams
#9FC5CC

A coastal, muted blue tone offering the kind of nuance designers reach for repeatedly.

Spec Sheet

Hex#9FC5CC
RGB159, 197, 204
HSL189°, 31%, 71%
On White 1.85:1 Fail
On Black 11.33:1 AAA

For AI Tools

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

Background: #E3E7E8
Text: #173136
Accent: #9FC5CC
Support: #A45D51
Neutral: #B0B9C9

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 Agua Fría Palettes are free. Exports aren't.

#E3E7E8 background RGB 227 231 232
#173136 ink RGB 23 49 54
#9FC5CC accent RGB 159 197 204
#A45D51 support RGB 164 93 81
#B0B9C9 neutral RGB 176 185 201
Processed in 0ms

CSS Variables

:root {
  --palette-background: #E3E7E8;
  --palette-ink: #173136;
  --palette-accent: #9FC5CC;
  --palette-support: #A45D51;
  --palette-neutral: #B0B9C9;
}

Tailwind Config

{
  "palette-background": "#E3E7E8",
  "palette-ink": "#173136",
  "palette-accent": "#9FC5CC",
  "palette-support": "#A45D51",
  "palette-neutral": "#B0B9C9"
}

Pro Exports Pro

Color Blindness Simulation

#BEC2CC
Protanopia
#B6BCCC
Deuteranopia
#91C9C7
Tritanopia

Build a design system around Agua Fría.