Skylight
#CCD0CDA cool, silvery blue-grey inspired by overcast skies. Gently reflective, it opens up small spaces and pairs well with crisp whites.
Spec Sheet
Hex#CCD0CD
RGB204, 208, 205
HSL135°, 4%, 81%
On White 1.56:1 Fail
On Black 13.47:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EDF2EE Text: #1E3323 Accent: #CCD0CD Support: #B7529E Neutral: #BBC9C5 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 Skylight Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EDF2EE;
--palette-ink: #1E3323;
--palette-accent: #CCD0CD;
--palette-support: #B7529E;
--palette-neutral: #BBC9C5;
}Tailwind Config
{
"palette-background": "#EDF2EE",
"palette-ink": "#1E3323",
"palette-accent": "#CCD0CD",
"palette-support": "#B7529E",
"palette-neutral": "#BBC9C5"
}Color Blindness Simulation
#D0CFCD
Protanopia#CFCFCD
Deuteranopia#CCD0CF
TritanopiaBuild a design system around Skylight.