Salty Dog
Meet Salty Dog (#234058), a deep and commanding navy blue. Its striking quality comes from a subtle gray undertone, giving it a sophisticated, almost slate-like appearance that sets it apart from more common blues and gives it a serious presence.
What color is Salty Dog?
Salty Dog is a deep, saturated navy blue. It carries a cool temperature, sitting comfortably between a classic navy and a muted teal.
Its subtle gray and green undertones give it a sophisticated, almost slate-like quality, offering more visual complexity than a primary blue.
What is the meaning of the color Salty Dog (#234058)?
Salty Dog (#234058) is a color steeped in meanings of trust, stability, and depth. Its dark blue character projects a sense of authority, intelligence, and quiet confidence.
The name itself evokes the image of a seasoned mariner, suggesting dependability and profound wisdom. This color captures the calm, mysterious nature of the deep ocean, symbolizing experience and steadfastness.
How can I use Salty Dog (#234058) in my UI design?
In UI design, Salty Dog (#234058) works effectively as a foundational color for a sophisticated palette. Pair it with warm neutrals like beige or cream for high contrast and readability, or use it as an accent against a lighter background. For a more dynamic scheme, consider a complementary pop of orange or gold for interactive elements, applying the 60-30-10 rule to maintain visual balance.
While not as common as brighter blues, this deep, muted shade is a strategic choice for brands aiming for a mature and trustworthy feel. Companies like HubSpot, LARQ, and Trello use similar dark blues to establish a sense of reliability and seriousness, making it a strong contender for SaaS platforms, financial apps, and professional portfolios.
Use the tools below to see Salty Dog in action. You can explore curated palettes, check color contrast ratios for accessibility compliance, and preview how #234058 looks within the actual UI components of leading apps.
How do I use the Salty Dog color codes?
While the hex code #234058 is standard for web development, applying Salty Dog across different projects often requires converting it to other color models. Each model serves a specific purpose, from digital displays to physical print.
For instance, RGB values define the mix of red, green, and blue light for screens, while CMYK specifies the ink percentages for printed materials. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.
To help you maintain color consistency, we've converted Salty Dog (#234058) into a variety of common formats. You can find and copy the exact codes you need for your work below.
Analogous
By selecting colors adjacent to Salty Dog on the color wheel, an analogous palette offers a sense of balance and calm cohesion.
Complementary
Complementary colors are found opposite Salty Dog on the color wheel. Pairing them creates a high-contrast, visually striking effect for your designs.
Split Complementary
For a more nuanced high-contrast look, a split complementary scheme pairs Salty Dog with the two colors that sit beside its direct complement.
Triadic
Triadic color schemes use three hues evenly spaced on the color wheel. With Salty Dog as a base, this creates a vibrant, high-contrast palette.
Tetradic
A tetradic color scheme for Salty Dog uses two pairs of complementary colors, forming a rich, four-color palette with built-in contrast.
Square
Forming a square on the color wheel, this tetradic variation pairs Salty Dog with three other hues for a lively, high-contrast effect.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Salty Dog are darker versions created by adding black for depth and weight.
Tints
Tints of Salty Dog are created by mixing in white, resulting in softer, lighter variations.
Tones
Tones are created by mixing Salty Dog with gray, producing softer, less saturated variations.
Hues
Hues are variations of Salty Dog, sharing its base color but differing in intensity or temperature.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.






























































































































