Shipyard

Stable, dusty blue with cool gray undertones

Shipyard color codes graphic
Shipyard is a dusty, unsaturated blue with heavy gray undertones. This cool, matte shade provides a stable, serious backdrop for tech or finance interfaces. Because it offers enough contrast for legible body text, it works well as a grounding neutral. The hex code for this color is #4f6f85. Try pairing it with crisp, warm creams to keep the design from feeling overly cold.

Questions about Shipyard

What is the hex code for Shipyard?
Shipyard is #4f6f85. In RGB that is rgb(79, 111, 133), in HSL hsl(204, 25%, 42%) and in CMYK 41%, 17%, 0%, 48%.
Does #4f6f85 read warm or cool?
#4f6f85 is a distinctly cool-toned blue, characterized by its heavy gray influence that mutes its vibrancy. This makes it feel professional and reserved, unlike saturated blues that might lean toward high-energy or nautical themes.
What colors pair well with Shipyard?
To balance its cool, gray-heavy presence, pair #4f6f85 with warm, creamy neutrals like ivory or soft sand. These lighter, warm tones prevent the interface from feeling too cold while maintaining the professional stability that Shipyard provides.
Is Shipyard readable on white or black?
Shipyard has a 5.32:1 contrast ratio on white and 3.94:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.