Such Melodrama

MQ5-32 / Behr
#C3BEC3

A subtle, light grey that holds its own without overwhelming. Works across contemporary and transitional interiors.

Spec Sheet

Hex#C3BEC3
RGB195, 190, 195
HSL300°, 4%, 75%
On White 1.83:1 Fail
On Black 11.47:1 AAA

For AI Tools

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

Background: #F5F0F5
Text: #2C202C
Accent: #C3BEC3
Support: #61C261
Neutral: #C5AAB8

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

#F5F0F5 background RGB 245 240 245
#2C202C ink RGB 44 32 44
#C3BEC3 accent RGB 195 190 195
#61C261 support RGB 97 194 97
#C5AAB8 neutral RGB 197 170 184
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F5F0F5;
  --palette-ink: #2C202C;
  --palette-accent: #C3BEC3;
  --palette-support: #61C261;
  --palette-neutral: #C5AAB8;
}

Tailwind Config

{
  "palette-background": "#F5F0F5",
  "palette-ink": "#2C202C",
  "palette-accent": "#C3BEC3",
  "palette-support": "#61C261",
  "palette-neutral": "#C5AAB8"
}

Pro Exports Pro

Color Blindness Simulation

#BEBFC3
Protanopia
#BFC0C3
Deuteranopia
#C3BEC0
Tritanopia

Build a design system around Such Melodrama.