Marine Magic
#3B5B5EA composed dark grey with balanced undertones. Reads as modern and pairs cleanly with both wood and metal.
Spec Sheet
Hex#3B5B5E
RGB59, 91, 94
HSL185°, 23%, 30%
On White 7.38:1 AAA
On Black 2.84:1 Fail
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F4F6F6 Text: #141E1F Accent: #3B5B5E Support: #AF7E79 Neutral: #ADB8C7 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 Marine Magic Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F4F6F6;
--palette-ink: #141E1F;
--palette-accent: #3B5B5E;
--palette-support: #AF7E79;
--palette-neutral: #ADB8C7;
}Tailwind Config
{
"palette-background": "#F4F6F6",
"palette-ink": "#141E1F",
"palette-accent": "#3B5B5E",
"palette-support": "#AF7E79",
"palette-neutral": "#ADB8C7"
}Color Blindness Simulation
#56585E
Protanopia#50545E
Deuteranopia#2E5D5C
TritanopiaBuild a design system around Marine Magic.