First Light
#FCECC5A pale, luminous yellow capturing the first rays of dawn creeping over an eastern horizon.
Spec Sheet
Hex#FCECC5
RGB252, 236, 197
HSL43°, 90%, 88%
On White 1.17:1 Fail
On Black 17.94:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #ECEAE4 Text: #1D1A11 Accent: #FCECC5 Support: #778ABB Neutral: #CCD0BD 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 First Light Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #ECEAE4;
--palette-ink: #1D1A11;
--palette-accent: #FCECC5;
--palette-support: #778ABB;
--palette-neutral: #CCD0BD;
}Tailwind Config
{
"palette-background": "#ECEAE4",
"palette-ink": "#1D1A11",
"palette-accent": "#FCECC5",
"palette-support": "#778ABB",
"palette-neutral": "#CCD0BD"
}Color Blindness Simulation
#F5EAC3
Protanopia#FAEFC6
Deuteranopia#FFE5E1
TritanopiaBuild a design system around First Light.