Tea Light
#F8E4C2A versatile, saturated neutral tone that brings depth to any palette.
Spec Sheet
Hex#F8E4C2
RGB248, 228, 194
HSL38°, 79%, 87%
On White 1.24:1 Fail
On Black 16.87:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F3F0ED Text: #372F1F Accent: #F8E4C2 Support: #577CBC Neutral: #C8CAB9 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 Tea Light Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F3F0ED;
--palette-ink: #372F1F;
--palette-accent: #F8E4C2;
--palette-support: #577CBC;
--palette-neutral: #C8CAB9;
}Tailwind Config
{
"palette-background": "#F3F0ED",
"palette-ink": "#372F1F",
"palette-accent": "#F8E4C2",
"palette-support": "#577CBC",
"palette-neutral": "#C8CAB9"
}Color Blindness Simulation
#EDE3C0
Protanopia#F2E8C3
Deuteranopia#FFDEDB
TritanopiaAlso Found In
This color also appears as Candlewick by Behr.
Build a design system around Tea Light.