Blue Martini

#52b4d3

Lighter, punchier turquoise-blue for lively data moments

Save
Share

About Blue Martini

Blue Martini is the one that lands in the middle without feeling like a compromise. It's got real saturation, enough that it reads as deliberate on screen, but it doesn't have the aggressive brightness of or the cyan-leaning coolness of . There's a steadiness to it, a color that doesn't need to prove itself.

Reach for this in fintech dashboards, health platforms, and SaaS interfaces where you need something that works as both a primary accent and a secondary surface. Button states, card backgrounds, section headers, it carries weight without demanding attention the way brighter blues do. It sits warmer and more grounded than while keeping enough visual pull to function as interactive color. Pair it with charcoal text and mid-tone backgrounds, and it settles in immediately.

The thing about this shade: it's less about being the loudest color in the room and more about being the one that actually gets the work done. On most displays it holds steady. On warmer monitors it might lean slightly cyan, which honestly just makes it friendlier. Test it early against your actual interface backgrounds.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
2.38:1Fail

On Gray 100 #f5f5f5

Aa
2.18:1Fail

On Gray 900 #18181b

Aa
7.45:1AAA

On Black #000000

Aa
8.83:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#4db1c8
#59b9cc
#2db0ce
#66b7e1

Create a gradient with Blue Martini

Open the generator with this color pre-loaded.

Start creating