Bateau Brown

SW 6032 / Sherwin-Williams
#7A5F5A

A modern, whisper-quiet grey value that pairs effortlessly with both warm and cool tones.

Spec Sheet

Hex#7A5F5A
RGB122, 95, 90
HSL9°, 15%, 42%
On White 5.81:1 AA
On Black 3.61:1 AA Large

For AI Tools

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

Background: #F4F1F0
Text: #2C1E1B
Accent: #7A5F5A
Support: #669FA9
Neutral: #CDC7BC

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

#F4F1F0 background RGB 244 241 240
#2C1E1B ink RGB 44 30 27
#7A5F5A accent RGB 122 95 90
#669FA9 support RGB 102 159 169
#CDC7BC neutral RGB 205 199 188
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F4F1F0;
  --palette-ink: #2C1E1B;
  --palette-accent: #7A5F5A;
  --palette-support: #669FA9;
  --palette-neutral: #CDC7BC;
}

Tailwind Config

{
  "palette-background": "#F4F1F0",
  "palette-ink": "#2C1E1B",
  "palette-accent": "#7A5F5A",
  "palette-support": "#669FA9",
  "palette-neutral": "#CDC7BC"
}

Pro Exports Pro

Color Blindness Simulation

#65625A
Protanopia
#6B675A
Deuteranopia
#805C5E
Tritanopia

Build a design system around Bateau Brown.