Harpoon
#4A6070A deep nautical blue-grey with steely determination, conjuring the rugged Atlantic coast and weathered maritime architecture.
Spec Sheet
Hex#4A6070
RGB74, 96, 112
HSL205°, 20%, 36%
On White 6.57:1 AA
On Black 3.2:1 AA Large
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EDF0F2 Text: #172026 Accent: #4A6070 Support: #A37A5C Neutral: #B6B8CE 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 Harpoon Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EDF0F2;
--palette-ink: #172026;
--palette-accent: #4A6070;
--palette-support: #A37A5C;
--palette-neutral: #B6B8CE;
}Tailwind Config
{
"palette-background": "#EDF0F2",
"palette-ink": "#172026",
"palette-accent": "#4A6070",
"palette-support": "#A37A5C",
"palette-neutral": "#B6B8CE"
}Color Blindness Simulation
#596071
Protanopia#545B70
Deuteranopia#3E6465
TritanopiaBuild a design system around Harpoon.