Midsummer Night
#504A45This muted black carries golden depth, reading as complex rather than flat.
Spec Sheet
Hex#504A45
RGB80, 74, 69
HSL27°, 7%, 29%
On White 8.73:1 AAA
On Black 2.41:1 Fail
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EBE8E5 Text: #302822 Accent: #504A45 Support: #7A94A8 Neutral: #D8D7C5 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
Design System from Midsummer Night Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EBE8E5;
--palette-ink: #302822;
--palette-accent: #504A45;
--palette-support: #7A94A8;
--palette-neutral: #D8D7C5;
}Tailwind Config
{
"palette-background": "#EBE8E5",
"palette-ink": "#302822",
"palette-accent": "#504A45",
"palette-support": "#7A94A8",
"palette-neutral": "#D8D7C5"
}Color Blindness Simulation
#4C4A45
Protanopia#4D4C45
Deuteranopia#524949
TritanopiaBuild a design system around Midsummer Night.