Iced Slate
#C1CAD1This understated blue carries cool depth, evoking the distance between sky and sea.
Spec Sheet
Hex#C1CAD1
RGB193, 202, 209
HSL206°, 15%, 79%
On White 1.66:1 Fail
On Black 12.64:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EBEDEF Text: #13181B Accent: #C1CAD1 Support: #B37E56 Neutral: #C3C4D5 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 Iced Slate Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EBEDEF;
--palette-ink: #13181B;
--palette-accent: #C1CAD1;
--palette-support: #B37E56;
--palette-neutral: #C3C4D5;
}Tailwind Config
{
"palette-background": "#EBEDEF",
"palette-ink": "#13181B",
"palette-accent": "#C1CAD1",
"palette-support": "#B37E56",
"palette-neutral": "#C3C4D5"
}Color Blindness Simulation
#C7CAD1
Protanopia#C5C8D1
Deuteranopia#BDCCCC
TritanopiaBuild a design system around Iced Slate.