Dramatist

MQ5-43 / Behr
#4B4678

A muted blue with quiet confidence. Creates restful bedrooms and focused home offices.

Spec Sheet

Hex#4B4678
RGB75, 70, 120
HSL246°, 26%, 37%
On White 8.58:1 AAA
On Black 2.45:1 Fail

For AI Tools

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

Background: #EFEEF1
Text: #1F1E2A
Accent: #4B4678
Support: #929B3B
Neutral: #BCAFC5

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

#EFEEF1 background RGB 239 238 241
#1F1E2A ink RGB 31 30 42
#4B4678 accent RGB 75 70 120
#929B3B support RGB 146 155 59
#BCAFC5 neutral RGB 188 175 197
Processed in 0ms

CSS Variables

:root {
  --palette-background: #EFEEF1;
  --palette-ink: #1F1E2A;
  --palette-accent: #4B4678;
  --palette-support: #929B3B;
  --palette-neutral: #BCAFC5;
}

Tailwind Config

{
  "palette-background": "#EFEEF1",
  "palette-ink": "#1F1E2A",
  "palette-accent": "#4B4678",
  "palette-support": "#929B3B",
  "palette-neutral": "#BCAFC5"
}

Pro Exports Pro

Color Blindness Simulation

#364D7A
Protanopia
#354B77
Deuteranopia
#3F5059
Tritanopia

Build a design system around Dramatist.