Living Room Color Palette

Warm beige and earth browns with a camel accent — grounded, welcoming tones for shared spaces. Anchors: #E9DCC9, #8B6F4E, #C19A6B.

living roominteriorwarm
#E9DCC9
#8B6F4E
#C19A6B
#F5EFE6
#604D3C
#e9dcc9 #8b6f4e #c19a6b #f5efe6 #604d3c
#E9DCC9 #8B6F4E #C19A6B #F5EFE6 #604D3C

Semantic roles

Assigned deterministically: lightest = background, darkest = text, most saturated = primary.

background#F5EFE6
surface#E9DCC9
text#604D3C
text-muted#8B6F4E
primary#C19A6B
secondary#E9DCC9
accent#8B6F4E

CSS variables

:root {
  --background: #f5efe6;
  --surface: #e9dcc9;
  --text: #604d3c;
  --text-muted: #8b6f4e;
  --primary: #c19a6b;
  --secondary: #e9dcc9;
  --accent: #8b6f4e;
}
Preview in UIs →

Accessibility matrix

Text color (rows) on background (columns). Green = WCAG AA pass for normal text (≥4.5:1).

Text \ BG#E9DCC9#8B6F4E#C19A6B#F5EFE6#604D3C
#E9DCC9
1.0
3.5
1.9
1.2
5.9
#8B6F4E
3.5
1.0
1.8
4.1
1.7
#C19A6B
1.9
1.8
1.0
2.3
3.1
#F5EFE6
1.2
4.1
2.3
1.0
7.0
#604D3C
5.9
1.7
3.1
7.0
1.0

Under deuteranopia

Machado et al. (2009) simulation, severity 1.0 — approximation, not a medical tool.

Colors in this palette

Similar palettes

FAQ

How do I use the living room color palette in CSS?

Copy the CSS variables below into :root and use var(--primary), var(--background) etc. Full palette: #E9DCC9, #8B6F4E, #C19A6B, #F5EFE6, #604D3C.

Do these colors pass accessibility checks?

See the WCAG matrix on this page: every text-on-background pairing with ratio ≥ 4.5 passes AA for normal text; ≥ 3 passes AA for large text and UI components.