Niagara Falls
#D2F8F9A very light, vivid blue with composed depth. Evokes sky, sea, and serenity across virtually any room.
Spec Sheet
Hex#D2F8F9
RGB210, 248, 249
HSL182°, 76%, 90%
On White 1.13:1 Fail
On Black 18.54:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F1F3F4 Text: #0E1F1F Accent: #D2F8F9 Support: #BF6663 Neutral: #A0B1C5 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 Niagara Falls Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F1F3F4;
--palette-ink: #0E1F1F;
--palette-accent: #D2F8F9;
--palette-support: #BF6663;
--palette-neutral: #A0B1C5;
}Tailwind Config
{
"palette-background": "#F1F3F4",
"palette-ink": "#0E1F1F",
"palette-accent": "#D2F8F9",
"palette-support": "#BF6663",
"palette-neutral": "#A0B1C5"
}Color Blindness Simulation
#F3F4F9
Protanopia#EBEEF9
Deuteranopia#C6FBF8
TritanopiaBuild a design system around Niagara Falls.