Cordial
#864C52A spirited, muted red value that bridges warm and cool palettes with ease.
Spec Sheet
Hex#864C52
RGB134, 76, 82
HSL354°, 28%, 41%
On White 6.63:1 AA
On Black 3.17:1 AA Large
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #E9E2E3 Text: #200E10 Accent: #864C52 Support: #58B6AD Neutral: #CBBDB3 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 Cordial Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #E9E2E3;
--palette-ink: #200E10;
--palette-accent: #864C52;
--palette-support: #58B6AD;
--palette-neutral: #CBBDB3;
}Tailwind Config
{
"palette-background": "#E9E2E3",
"palette-ink": "#200E10",
"palette-accent": "#864C52",
"palette-support": "#58B6AD",
"palette-neutral": "#CBBDB3"
}Color Blindness Simulation
#575652
Protanopia#656151
Deuteranopia#90464E
TritanopiaBuild a design system around Cordial.