Atlantic Blue
Meet Atlantic Blue (#0C325B), a deep and commanding shade of navy. Its striking quality comes from a subtle gray undertone, giving it a sophisticated, almost architectural feel that sets it apart from more saturated blues. It's a color with serious presence.
What color is Atlantic Blue?
Atlantic Blue is a profound, cool-toned blue that mirrors the deep waters of its namesake ocean. It has a noticeable gray undertone, which lends it a muted and sophisticated quality.
Positioned between a classic navy and a dark teal, this shade possesses a subtle complexity. It's a dark blue that avoids being stark, offering a softer, more contemporary character.
What is the symbolic meaning of Atlantic Blue (#0C325B) in design?
The color Atlantic Blue, #0C325B, communicates trust, stability, and profound authority.
It evokes the vastness of the deep ocean, suggesting seriousness, wisdom, and a calm sense of confidence.
What are the best practices for using Atlantic Blue in UI design?
Atlantic Blue’s deep saturation makes it a strong choice for a primary brand color or a commanding accent. For a clean, professional look, pair #0C325B with crisp whites or soft grays to achieve high contrast and readability. To create a more dynamic palette, introduce a splash of a warm, energetic color like a bright orange or a rich gold as an accent.
While not as common as lighter blues, this shade of deep blue is trusted by major brands like the NFL, Shazam, LARQ, and Angi. Its use in their branding suggests a color that communicates stability and sophistication, making it a solid choice for products that want to project authority and reliability.
Explore curated palettes, test your color combinations for accessibility, and see how Atlantic Blue looks in real UI components from top apps using the tools below.
Using Atlantic Blue color codes
To apply Atlantic Blue in your work, start with its hex code, #0C325B. This is the most common format for web-based projects, but it's just one of several color models available for different applications.
Every color code system serves a specific purpose. For digital displays, you'll need the RGB values, which mix red, green, and blue light to create colors on screens. For physical print materials, the CMYK values are necessary, representing the cyan, magenta, yellow, and key (black) inks used in the printing process.
To help you get started, we've converted Atlantic Blue's #0C325B hex code into a range of popular formats. You can find them below, ready to copy for your specific design needs.
Analogous
Analogous colors are neighbors on the color wheel. For Atlantic Blue, these adjacent hues create a harmonious and tranquil visual experience, perfect for serene designs.
Complementary
Complementary colors sit directly opposite each other on the color wheel. When paired with Atlantic Blue, they create a striking, high-contrast visual effect.
Split Complementary
The split complementary palette for Atlantic Blue offers strong visual contrast but with more nuance by using the two colors next to its complement.
Triadic
A triadic scheme pairs Atlantic Blue with two other colors, all equally spaced on the color wheel, for a bold and balanced combination.
Tetradic
A tetradic color scheme uses four colors arranged into two complementary pairs, creating a rich and bold palette with Atlantic Blue as its foundation.
Square
A square color scheme pairs Atlantic Blue with three other colors, all equidistant on the color wheel, for a balanced yet highly contrasting effect.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Atlantic Blue are made by adding black, which creates a deeper, weightier feel.
Tints
Tints are lighter versions of Atlantic Blue, created by adding white for a softer effect.
Tones
Adding gray to Atlantic Blue creates tones, resulting in softer, less saturated variations.
Hues
Hues are variations of Atlantic Blue, differing in intensity or temperature to create distinct moods.
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.
