Polo Blue

Meet Polo Blue (#323A43), a deep, near-black shade with a distinct cool undertone. Its richness offers a sophisticated alternative to pure black, providing depth and character without overwhelming the eye. This subtle complexity makes it a compelling choice for modern user interface design.

Polo Blue
#323A43
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Polo Blue?

Polo Blue is a profoundly deep, cool-toned shade, sitting somewhere between a dark charcoal and a muted navy.

Its composition gives it a distinct cool temperature, presenting as a complex, near-black shade with a noticeable blue undertone.

What is the meaning of the color Polo Blue (#323A43)?

Polo Blue embodies a sense of stability, trust, and professionalism.

This deep, muted shade suggests sophistication and authority, making it a classic choice for brands that want to communicate integrity and depth.

How can I use Polo Blue in my UI design?

Polo Blue (#323A43) serves as a strong foundation in a 60-30-10 color scheme, offering a stable, professional base that is less stark than pure black. For a clean and sharp interface, pair it with off-whites or light grays to create sufficient contrast. To introduce more personality, use a vibrant accent like a warm ochre or a soft coral for calls-to-action and highlights.

While not a widely used primary brand color, Polo Blue’s character is similar to the sophisticated dark neutrals found in the interfaces of apps like OpenTable, Grab, Uniswap, and MacroFactor. Choosing #323A43 where others might use a simple dark gray can give a product a more distinctive feel without appearing unprofessional.

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

Using Polo Blue color codes

Using Polo Blue in your projects starts with its primary hex code: #323A43. While this is the standard for web design, you will often need to translate it into other formats for different applications.

Each color model serves a specific purpose. For example, the RGB (Red, Green, Blue) values are required for anything displayed on a digital screen, while CMYK (Cyan, Magenta, Yellow, Key/Black) values are necessary for physical print materials. Converting the hex code ensures color consistency across all your media.

To make things easy, we've converted #323A43 into a range of popular formats below. Just find the code you need and copy it directly into your design tool.

Polo Blue Code Conversions

HEX
#323A43
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Polo Blue Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Polo Blue, these adjacent hues create a harmonious and tranquil visual experience.

#123456
#123456
#123456

Complementary

Complementary colors are found opposite each other on the color wheel. When paired with Polo Blue, they create a striking, high-contrast visual effect.

#123456
#123456

Split Complementary

A split complementary scheme for Polo Blue pairs it with the two colors neighboring its complement, creating high contrast with more harmony.

#123456
#123456
#123456

Triadic

Triadic color schemes use three hues equally spaced on the color wheel. With Polo Blue as a base, this creates a vibrant, high-contrast palette.

#123456
#123456
#123456

Tetradic

Tetradic palettes build on Polo Blue (#323A43) by adding three more hues, creating two complementary pairs for a rich, balanced combination.

#123456
#123456
#123456
#123456

Square

Forming a square on the color wheel, this scheme combines Polo Blue with three equidistant hues for a palette rich in contrast and variety.

#123456
#123456
#123456
#123456

Polo Blue Color Variations

Shades

Shades are darker versions of Polo Blue, made by adding black to create depth and weight.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints of Polo Blue are lighter variations made by adding white for a softer effect.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Adding gray to Polo Blue creates tones, which are softer and have a lower saturation.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Polo Blue, differing in intensity or temperature to create distinct moods.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Polo Blue?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

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.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion