Rye
#C2B498A warm golden neutral with the toasted character of rye bread, hearty and wholesome for kitchen and dining spaces.
Spec Sheet
Hex#C2B498
RGB194, 180, 152
HSL40°, 26%, 68%
On White 2.04:1 Fail
On Black 10.28:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F1F0EE Text: #201D18 Accent: #C2B498 Support: #4C6494 Neutral: #C5C9B1 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 Rye Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F1F0EE;
--palette-ink: #201D18;
--palette-accent: #C2B498;
--palette-support: #4C6494;
--palette-neutral: #C5C9B1;
}Tailwind Config
{
"palette-background": "#F1F0EE",
"palette-ink": "#201D18",
"palette-accent": "#C2B498",
"palette-support": "#4C6494",
"palette-neutral": "#C5C9B1"
}Color Blindness Simulation
#BBB396
Protanopia#BFB799
Deuteranopia#C9AFAC
TritanopiaBuild a design system around Rye.