Moonraker
#EEE3B2A radiant, saturated yellow tone providing a reliable foundation for layered colour stories.
Spec Sheet
Hex#EEE3B2
RGB238, 227, 178
HSL49°, 64%, 82%
On White 1.29:1 Fail
On Black 16.27:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F5F4F0 Text: #34301D Accent: #EEE3B2 Support: #6F7DBE Neutral: #C8CDBC 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 Moonraker Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F5F4F0;
--palette-ink: #34301D;
--palette-accent: #EEE3B2;
--palette-support: #6F7DBE;
--palette-neutral: #C8CDBC;
}Tailwind Config
{
"palette-background": "#F5F4F0",
"palette-ink": "#34301D",
"palette-accent": "#EEE3B2",
"palette-support": "#6F7DBE",
"palette-neutral": "#C8CDBC"
}Color Blindness Simulation
#EDE0AF
Protanopia#F0E4B4
Deuteranopia#F8DCD6
TritanopiaBuild a design system around Moonraker.