Sail Away

Sail Away presents as a soft, airy blue, characterized by its desaturated quality and cool temperature.

The color carries subtle gray undertones, which give it a sophisticated, muted character, steering it clear of the vibrancy of a pure sky blue.

Sail Away (#B7CBDD) evokes a sense of tranquility and clarity, reminiscent of a calm sea or a vast, open sky. Its gentle nature suggests stability and inspires a feeling of peaceful escape.

Symbolically, this hue represents new beginnings and serene journeys. It carries the quiet confidence of a clear horizon, promising boundless possibility and a fresh perspective for any design.

In UI design, Sail Away works beautifully as a calming background or a sophisticated accent. For a clean, professional look, pair #B7CBDD with sharp whites and dark grays to create ample contrast. To introduce warmth, consider pairing it with earthy tones like ochre or muted coral, which can make interfaces feel more grounded and approachable.

While not a dominant color in the branding world, publications like Quartz have used similar muted blues. Its infrequent use can be an advantage, offering a chance to build a unique visual identity that stands apart from the competition.

Explore our tools below to find curated palettes, test color contrast for accessibility, and preview how Sail Away performs in real UI components from leading apps.

The hex code #B7CBDD is your starting point for using Sail Away in digital projects. However, depending on your medium—whether it's a screen or a printed page—you'll need to translate this code into a different format to maintain color consistency.

For instance, RGB values are essential for any on-screen application, as they define color through light. For print work, you'll need the CMYK equivalent, which is based on ink mixing. Other models like HSL offer a more intuitive way to manipulate color, making it easier to adjust saturation or lightness for variations.

To help you get started, we've converted #B7CBDD into a variety of common color models. You can find and copy the exact codes you need for your project below.