Georgian Bay

Georgian Bay is a deep, cool-toned teal that rests between blue and green, with a strong blue presence that gives it a profound quality.

It possesses subtle gray undertones, muting its vibrancy for a sophisticated, almost slate-like appearance.

The color Georgian Bay, #22657F, carries a sense of profound calm and stability. It is a color of introspection and clarity, suggesting a quiet confidence and intellectual depth without demanding attention.

Symbolically, it mirrors the deep, serene waters of its namesake, representing tranquility, nature, and enduring strength. For designers, it communicates trustworthiness and a grounded, authentic quality.

In UI design, Georgian Bay (#22657F) shines when contrasted with warm, light colors like cream, soft peach, or sand. This creates a balanced and accessible interface. For a more complex palette, consider a split-complementary approach, pairing it with a muted yellow and a dusty rose. This adds visual interest without the harshness of a direct complementary color, making it suitable for anything from a primary brand color to a subtle accent.

While not overwhelmingly common, you can spot similar deep teals in the branding of financial apps like Monzo. Its infrequent use is a strength; it allows a brand to stand out from the sea of tech blues and project a sense of stability and distinction.

You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Georgian Bay in real UI components from top brands.

The hex code #22657F is your starting point for using Georgian Bay in digital designs. However, your project may require a different color model depending on the medium, whether it's a screen or a printed page.

Each color model serves a specific purpose. RGB (Red, Green, Blue) values are fundamental for digital displays, defining colors through additive light. For print work, you'll need the CMYK (Cyan, Magenta, Yellow, Key/Black) equivalent, which is based on subtractive ink mixing. Other models like HSL (Hue, Saturation, Lightness) offer an intuitive way to create tints and shades for your color palette.

To simplify your workflow, we've converted #22657F to a range of popular formats. You can find and copy the exact values you need for your project below.