Old Navy
Meet Old Navy (#2E3549), a deep, desaturated blue with a quiet authority. Its striking quality comes from its near-black depth, offering a stable and grounding presence in any UI palette without the starkness of pure black.
What color is Old Navy?
Old Navy is a profound, dark blue characterized by its cool temperature and noticeable slate-gray undertones.
The color's low saturation lends it a muted, almost stony appearance, setting it apart from brighter, more traditional navy blues.
What is the meaning of the color Old Navy (#2E3549)?
The color Old Navy (#2E3549) embodies stability, trust, and sophistication. It's a shade that communicates authority and depth, making it a reliable choice for designs that need to convey confidence and expertise.
Drawing from the historical uniforms of naval officers, its name suggests a sense of tradition and steadfastness, evoking the vastness of the deep sea and the quiet of the night sky.
How can I use Old Navy (#2E3549) in my UI design?
Old Navy works beautifully as a foundational color in dark themes or as a stately accent against lighter backgrounds. For strong visual hierarchy, pair #2E3549 with bright, energetic colors for interactive elements, or combine it with warm off-whites and soft grays for a more subdued, elegant interface.
Several apps, including Memrise, Bolt, and Yubo, use similar deep blues to project stability and focus. The specific gray-slate quality of Old Navy, however, provides a more grounded and serious feel than the brighter blues common in the industry, offering a way to differentiate a product's visual identity.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Old Navy in real UI components from leading brands.
How can I use the Old Navy color codes?
The most direct way to apply Old Navy in digital projects is with its hex code, #2E3549. This is the standard for web design, providing a consistent reference for browsers and screens.
Different projects call for different color models. While #2E3549 is perfect for the web, you'll need its RGB equivalent for most screen-based work or its CMYK values for anything destined for print. Other formats like HSL, LAB, and XYZ offer alternative ways to define and adjust the color. Converting the hex code is key to maintaining color integrity across these applications.
We've converted #2E3549 to a range of popular formats for you. Feel free to copy the codes below for your own designs.
Analogous
Old Navy's analogous palette uses colors found next to #2E3549 on the color wheel, resulting in a unified and calming aesthetic.
Complementary
Complementary colors sit opposite each other on the color wheel. Paired with Old Navy, these hues create a vibrant and visually arresting combination.
Split Complementary
A split complementary palette for Old Navy uses the two colors adjacent to its direct complement, creating a high-contrast yet harmonious combination.
Triadic
Old Navy's triadic palette is built from three colors equally spaced on the color wheel, offering a combination of high contrast and visual harmony.
Tetradic
For Old Navy, a tetradic color scheme combines two sets of complementary colors, creating a rectangular arrangement that offers both contrast and harmony.
Square
The square color scheme for Old Navy features four colors evenly spaced on the color wheel, offering a balanced yet highly contrasting look.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are made by mixing black with Old Navy, resulting in darker, weightier variations.
Tints
Tints of Old Navy are created by adding white, producing softer, lighter variations.
Tones
Tones of Old Navy are created by adding gray, resulting in softer, less saturated variations.
Hues
Hues are Old Navy variations, creating different moods through changes in intensity and 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.































































































































