Respite

Name: Respite
Brand: Sherwin-Williams

SW 6510 / Sherwin-Williams

#97B4C3

A serene, muted blue value that shifts beautifully between natural and artificial light.

Spec Sheet

Hex#97B4C3

RGB151, 180, 195

HSL200°, 27%, 68%

On White 2.18:1 Fail

On Black 9.63:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #F1F3F4
Text: #1D343F
Accent: #97B4C3
Support: #8B604B
Neutral: #BDC1D6

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

#F1F3F4 background RGB 241 243 244

#1D343F ink RGB 29 52 63

#97B4C3 accent RGB 151 180 195

#8B604B support RGB 139 96 75

#BDC1D6 neutral RGB 189 193 214

Processed in 0ms

CSS Variables

:root {
  --palette-background: #F1F3F4;
  --palette-ink: #1D343F;
  --palette-accent: #97B4C3;
  --palette-support: #8B604B;
  --palette-neutral: #BDC1D6;
}

Tailwind Config

{
  "palette-background": "#F1F3F4",
  "palette-ink": "#1D343F",
  "palette-accent": "#97B4C3",
  "palette-support": "#8B604B",
  "palette-neutral": "#BDC1D6"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Respite.