Empire Yellow
#FFB700A deep, vivid yellow that captures natural light. Lifts kitchens, entryways, and sunrooms with optimistic energy.
Spec Sheet
Hex#FFB700
RGB255, 183, 0
HSL43°, 100%, 50%
On White 1.75:1 Fail
On Black 12.03:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EFEEEB Text: #1C1911 Accent: #FFB700 Support: #4D69B3 Neutral: #C5C9B5 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 Empire Yellow Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EFEEEB;
--palette-ink: #1C1911;
--palette-accent: #FFB700;
--palette-support: #4D69B3;
--palette-neutral: #C5C9B5;
}Tailwind Config
{
"palette-background": "#EFEEEB",
"palette-ink": "#1C1911",
"palette-accent": "#FFB700",
"palette-support": "#4D69B3",
"palette-neutral": "#C5C9B5"
}Color Blindness Simulation
#D3B900
Protanopia#E4CB17
Deuteranopia#FFA29C
TritanopiaAlso Found In
This color also appears as Golden Nugget by Benjamin Moore.
Build a design system around Empire Yellow.