Rosedale
#BF9789This measured red carries warm depth, anchoring spaces with warmth and presence.
Spec Sheet
Hex#BF9789
RGB191, 151, 137
HSL16°, 30%, 64%
On White 2.62:1 Fail
On Black 8:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F6F4F4 Text: #33241F Accent: #BF9789 Support: #71A8BC Neutral: #C4BEAB 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 Rosedale Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F6F4F4;
--palette-ink: #33241F;
--palette-accent: #BF9789;
--palette-support: #71A8BC;
--palette-neutral: #C4BEAB;
}Tailwind Config
{
"palette-background": "#F6F4F4",
"palette-ink": "#33241F",
"palette-accent": "#BF9789",
"palette-support": "#71A8BC",
"palette-neutral": "#C4BEAB"
}Color Blindness Simulation
#A09B88
Protanopia#AAA389
Deuteranopia#C99193
TritanopiaBuild a design system around Rosedale.