Pearly Pink
#F8BEB8Bold and light, this red brings sun-kissed intensity to accent walls and front doors.
Spec Sheet
Hex#F8BEB8
RGB248, 190, 184
HSL6°, 82%, 85%
On White 1.61:1 Fail
On Black 13.05:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F7F3F3 Text: #2C1816 Accent: #F8BEB8 Support: #63A4AB Neutral: #CBC2B3 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 Pearly Pink Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F7F3F3;
--palette-ink: #2C1816;
--palette-accent: #F8BEB8;
--palette-support: #63A4AB;
--palette-neutral: #CBC2B3;
}Tailwind Config
{
"palette-background": "#F7F3F3",
"palette-ink": "#2C1816",
"palette-accent": "#F8BEB8",
"palette-support": "#63A4AB",
"palette-neutral": "#CBC2B3"
}Color Blindness Simulation
#C9C5B7
Protanopia#D7D0B7
Deuteranopia#FFB8BD
TritanopiaBuild a design system around Pearly Pink.