Ocean Boat Blue
Meet Ocean Boat Blue (#0077BE), a shade that commands attention with its pure, saturated hue. This vibrant blue offers a striking clarity, making it a compelling choice for modern digital interfaces and a strong voice in any design palette.
What color is Ocean Boat Blue?
Ocean Boat Blue is a vibrant, cool-toned blue characterized by its strong cyan undertones.
This gives it a crisp, clear appearance that feels both stable and full of life, much like the open water it's named after.
What is the meaning behind the color Ocean Boat Blue (#0077BE)?
Ocean Boat Blue, with its hex code #0077BE, taps into the psychology of trust and stability. It projects a sense of dependability and calm, making it a reliable choice for designs that need to communicate authority and serenity.
Symbolically, this shade of blue suggests the vastness of the open sea and the spirit of exploration. It brings to mind journeys and discovery, adding a layer of depth and adventure to any creative project.
How should I use Ocean Boat Blue (#0077BE) in my UI design?
Ocean Boat Blue is a confident choice for a primary brand color, especially for buttons and interactive elements where you need to draw attention. It pairs cleanly with neutral backgrounds like whites and light grays for a sharp, corporate feel. For a more dynamic composition, consider an analogous scheme with teals and purples, or a complementary palette by introducing a pop of orange. Applying the 60-30-10 rule can help balance its intensity within your interface.
This particular shade of blue is a familiar sight in digital products, often chosen by established brands to communicate reliability. You can see similar hues in the branding of PayPal, Trello, LinkedIn, Marcus by Goldman Sachs, and Booking.com, demonstrating its effectiveness across finance, productivity, and travel industries.
To get a practical feel for #0077BE, use the tools on this page. You can explore curated palettes, test color contrast ratios for accessibility, and preview Ocean Boat Blue in real UI components from leading apps.
Using Ocean Boat Blue color codes
Using Ocean Boat Blue in your project starts with its hex code, #0077BE, the standard for web design. However, translating this vibrant blue for different media, from digital screens to printed materials, requires converting it into other formats.
Each color model serves a specific purpose. RGB (Red, Green, Blue) is fundamental for digital displays, mixing light to create color. For print, CMYK (Cyan, Magenta, Yellow, Key/Black) is the go-to, as it's based on ink absorption. Other models like HSL (Hue, Saturation, Lightness) offer more intuitive ways to make adjustments during the design process.
To help you get started, we've converted Ocean Boat Blue's #0077BE into a full spectrum of color codes. You can find and copy the exact values you need for your project below.
Analogous
Analogous colors sit next to Ocean Boat Blue on the color wheel, creating a harmonious and visually pleasing palette with a serene effect.
Complementary
Complementary colors are opposites on the color wheel. For Ocean Boat Blue, its complement creates a striking, high-contrast pairing that makes both colors pop.
Split Complementary
A split complementary scheme for Ocean Boat Blue uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.
Triadic
Triadic color schemes use three hues evenly spaced on the color wheel. With Ocean Boat Blue as a base, this creates a vibrant, high-contrast palette.
Tetradic
For a vibrant palette, a tetradic scheme matches Ocean Boat Blue with its complement, plus another complementary pair, forming a rectangle on the wheel.
Square
A square color scheme uses four colors equidistant on the color wheel. With Ocean Boat Blue as a base, this creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Ocean Boat Blue are made by adding black, creating darker, weightier tones.
Tints
Tints of Ocean Boat Blue are made by adding white, which produces softer, lighter values.
Tones
Adding gray to Ocean Boat Blue creates tones, which are subtler, less saturated versions.
Hues
Hues are variations of Ocean Boat Blue, differing in intensity and temperature to create specific 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.

































































































































