Navy
Introducing Navy, #1A2954. A deep, saturated blue that offers a profound depth verging on black. What makes this shade striking is its near-black appearance, which is balanced by a clear blue undertone, creating a sophisticated alternative to pure black for any palette.
What color is Navy?
Navy is a profoundly dark shade of blue, bordering on black. It's characterized by its low saturation and deep value, giving it a stable and sophisticated appearance.
As a cool color, Navy often carries subtle undertones of gray or even green, which can influence its feel in a composition. While the classic Navy is a pure, deep blue, variations can lean slightly towards purple or a more muted, slate-like quality.
What is the meaning of the color Navy (#1A2954) in UI design?
Named for the British Royal Navy's uniforms, Navy (#1A2954) carries a legacy of authority and confidence. It's a color that communicates seriousness, integrity, and tradition.
Softer than black, Navy evokes a sense of stability and profound knowledge, symbolizing the depth and power associated with the vastness of the night sky or the deep ocean.
How can I effectively use Navy in my UI design?
In UI and web design, Navy works as a strong foundation. The deep #1A2954 provides excellent contrast for white or light gray text, improving readability. For a more energetic palette, consider pairing it with a bright accent like a warm yellow or a soft coral to create focal points against its sophisticated base.
This color’s adaptability is demonstrated by brands like Cake Equity, Sprout Social, Remote, and Starling Bank, which all use shades of Navy to project stability and professionalism.
To see how #1A2954 might work for your project, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview Navy in real UI components from top brands.
Using Navy color codes?
To maintain color fidelity in your work, it's important to use the correct code for your medium. While #1A2954 is the standard for digital applications, you will need its equivalent in other color models for different outputs, like print.
Each color model serves a specific function. HEX and RGB codes, for example, are built for screens and define color by mixing red, green, and blue light. CMYK, on the other hand, is the standard for print, representing the four ink plates used in the printing process: cyan, magenta, yellow, and key (black).
To help you get started, we've converted Navy (#1A2954) into a range of popular formats. You can find and copy the exact values you need for your project below.
Analogous
Analogous colors are neighbors on the color wheel. For Navy, these adjacent hues create a harmonious and tranquil palette, perfect for serene designs.
Complementary
To find Navy's complementary colors, look directly across the color wheel. These pairings offer the highest contrast, creating a bold and energetic palette.
Split Complementary
A split complementary scheme for Navy uses the two colors adjacent to its direct complement, offering more nuanced and versatile color combinations.
Triadic
A triadic scheme pairs Navy with two other colors, all equidistant on the color wheel, resulting in a bold and balanced high-contrast combination.
Tetradic
A tetradic color scheme for Navy uses two pairs of complementary colors, forming a vibrant, four-color palette with Navy as a key component.
Square
A square scheme features four colors spaced evenly around the color wheel. With Navy as the base, this combination offers rich, balanced, high-contrast options.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Navy are created by adding black, giving the color more depth and weight.
Tints
Tints are lighter variations of Navy, created by adding white to introduce a gentle softness.
Tones
Tones are created by adding gray to Navy, resulting in a softer, less saturated hue.
Hues
Hues are variations of Navy (#1A2954) that alter its intensity or temperature, affecting the mood.
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.

































































































































