Abstracta
#FECA25A medium-depth, saturated yellow that reads as sunshine filtered through linen.
Spec Sheet
Hex#FECA25
RGB254, 202, 37
HSL46°, 99%, 57%
On White 1.53:1 Fail
On Black 13.69:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F1F1EE Text: #211D12 Accent: #FECA25 Support: #68749C Neutral: #CBD0BE 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 Abstracta Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F1F1EE;
--palette-ink: #211D12;
--palette-accent: #FECA25;
--palette-support: #68749C;
--palette-neutral: #CBD0BE;
}Tailwind Config
{
"palette-background": "#F1F1EE",
"palette-ink": "#211D12",
"palette-accent": "#FECA25",
"palette-support": "#68749C",
"palette-neutral": "#CBD0BE"
}Color Blindness Simulation
#E3C800
Protanopia#F0D632
Deuteranopia#FFB7AD
TritanopiaBuild a design system around Abstracta.