Waterfall
#9DCDCBMeasured and moderate, this blue brings teal character to cabinetry and walls alike.
Spec Sheet
Hex#9DCDCB
RGB157, 205, 203
HSL177°, 32%, 71%
On White 1.75:1 Fail
On Black 12.03:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F0F5F4 Text: #151E1D Accent: #9DCDCB Support: #AE474C Neutral: #C9CFD4 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 Waterfall Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F0F5F4;
--palette-ink: #151E1D;
--palette-accent: #9DCDCB;
--palette-support: #AE474C;
--palette-neutral: #C9CFD4;
}Tailwind Config
{
"palette-background": "#F0F5F4",
"palette-ink": "#151E1D",
"palette-accent": "#9DCDCB",
"palette-support": "#AE474C",
"palette-neutral": "#C9CFD4"
}Color Blindness Simulation
#C7C8CB
Protanopia#BEC1CC
Deuteranopia#8ED0CC
TritanopiaBuild a design system around Waterfall.