Ray of Light
#F0DFA5Warm and delicate, this yellow brings warm energy without overwhelming a room.
Spec Sheet
Hex#F0DFA5
RGB240, 223, 165
HSL46°, 71%, 79%
On White 1.33:1 Fail
On Black 15.8:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EAE9E6 Text: #221F16 Accent: #F0DFA5 Support: #7581A9 Neutral: #C4CCAD 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 Ray of Light Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EAE9E6;
--palette-ink: #221F16;
--palette-accent: #F0DFA5;
--palette-support: #7581A9;
--palette-neutral: #C4CCAD;
}Tailwind Config
{
"palette-background": "#EAE9E6",
"palette-ink": "#221F16",
"palette-accent": "#F0DFA5",
"palette-support": "#7581A9",
"palette-neutral": "#C4CCAD"
}Color Blindness Simulation
#EBDCA1
Protanopia#F0E2A7
Deuteranopia#FCD6D0
TritanopiaBuild a design system around Ray of Light.