Avant Garde

Name: Avant Garde
Brand: Benjamin Moore

272 / Benjamin Moore

#C1A977

Substantial and medium-depth, this brown brings amber depth to millwork and accent walls.

Spec Sheet

Hex#C1A977

RGB193, 169, 119

HSL41°, 37%, 61%

On White 2.28:1 Fail

On Black 9.21:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #F6F5F4
Text: #2D271A
Accent: #C1A977
Support: #6F87B8
Neutral: #D2D7BC

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

#F6F5F4 background RGB 246 245 244

#2D271A ink RGB 45 39 26

#C1A977 accent RGB 193 169 119

#6F87B8 support RGB 111 135 184

#D2D7BC neutral RGB 210 215 188

Processed in 0ms

CSS Variables

:root {
  --palette-background: #F6F5F4;
  --palette-ink: #2D271A;
  --palette-accent: #C1A977;
  --palette-support: #6F87B8;
  --palette-neutral: #D2D7BC;
}

Tailwind Config

{
  "palette-background": "#F6F5F4",
  "palette-ink": "#2D271A",
  "palette-accent": "#C1A977",
  "palette-support": "#6F87B8",
  "palette-neutral": "#D2D7BC"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Avant Garde.