Abricot
#E8A870A warm apricot with the gentle glow of ripe summer fruit. Soft enough for large surfaces yet rich enough to feel deliberate.
Spec Sheet
Hex#E8A870
RGB232, 168, 112
HSL28°, 72%, 67%
On White 2.05:1 Fail
On Black 10.27:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #E8E5E3 Text: #20160E Accent: #E8A870 Support: #547DA0 Neutral: #C6C5B3 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 Abricot Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #E8E5E3;
--palette-ink: #20160E;
--palette-accent: #E8A870;
--palette-support: #547DA0;
--palette-neutral: #C6C5B3;
}Tailwind Config
{
"palette-background": "#E8E5E3",
"palette-ink": "#20160E",
"palette-accent": "#E8A870",
"palette-support": "#547DA0",
"palette-neutral": "#C6C5B3"
}Color Blindness Simulation
#BCAD6B
Protanopia#CBBB71
Deuteranopia#FA9A9A
TritanopiaBuild a design system around Abricot.