Versailles
#B8BD8AA soft, delicate, lightly yellowed dusky green inspired by the gilded doors and fine furniture of the Palace of Versailles. Sophisticated and gentle, it picks up other colours well.
Spec Sheet
Hex#B8BD8A
RGB184, 189, 138
HSL66°, 28%, 64%
On White 1.97:1 Fail
On Black 10.68:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F4F5F0 Text: #2E3116 Accent: #B8BD8A Support: #7C77AC Neutral: #C3CDBC 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 Versailles Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F4F5F0;
--palette-ink: #2E3116;
--palette-accent: #B8BD8A;
--palette-support: #7C77AC;
--palette-neutral: #C3CDBC;
}Tailwind Config
{
"palette-background": "#F4F5F0",
"palette-ink": "#2E3116",
"palette-accent": "#B8BD8A",
"palette-support": "#7C77AC",
"palette-neutral": "#C3CDBC"
}Color Blindness Simulation
#C5B887
Protanopia#C5BA8C
Deuteranopia#BEB7AF
TritanopiaBuild a design system around Versailles.