Porcelain II
#DFEBECA soft blue-white with the translucency of porcelain glaze. Cool and calming on walls and ceilings.
Spec Sheet
Hex#DFEBEC
RGB223, 235, 236
HSL185°, 25%, 90%
On White 1.22:1 Fail
On Black 17.23:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #E8EDED Text: #183235 Accent: #DFEBEC Support: #A97470 Neutral: #CCD0D7 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 Porcelain II Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #E8EDED;
--palette-ink: #183235;
--palette-accent: #DFEBEC;
--palette-support: #A97470;
--palette-neutral: #CCD0D7;
}Tailwind Config
{
"palette-background": "#E8EDED",
"palette-ink": "#183235",
"palette-accent": "#DFEBEC",
"palette-support": "#A97470",
"palette-neutral": "#CCD0D7"
}Color Blindness Simulation
#E9EAEC
Protanopia#E6E8EC
Deuteranopia#DCECEB
TritanopiaBuild a design system around Porcelain II.