Infatuation
#F693C1A light red with confident presence. Pairs well with warm neutrals and dark wood tones.
Spec Sheet
Hex#F693C1
RGB246, 147, 193
HSL332°, 85%, 77%
On White 2.13:1 Fail
On Black 9.86:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F0EAED Text: #1F1419 Accent: #F693C1 Support: #73B596 Neutral: #C6A5A4 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 Infatuation Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F0EAED;
--palette-ink: #1F1419;
--palette-accent: #F693C1;
--palette-support: #73B596;
--palette-neutral: #C6A5A4;
}Tailwind Config
{
"palette-background": "#F0EAED",
"palette-ink": "#1F1419",
"palette-accent": "#F693C1",
"palette-support": "#73B596",
"palette-neutral": "#C6A5A4"
}Color Blindness Simulation
#9DA7C3
Protanopia#B6B8BF
Deuteranopia#FF90A3
TritanopiaBuild a design system around Infatuation.