Cloisonné
#0773af
Midlight medium blue with cloisonné clarity
About Cloisonné
Cloisonné splits the difference in a way that actually works: it's darker than Campanula but stops short of Brilliant Blue's weight. You get a blue that sits firmly on screen without feeling like it's trying too hard or demanding the space around it to prove it's real. It's the kind of blue that reads as present but measured.
This one lives in product dashboards, healthcare interfaces, and fintech tools where you need something that stays legible across white, gray, and colored backgrounds without switching moods. It pairs with type cleanly, holds its own as a primary action or key data point, and won't fade the way lighter options do. It's got enough saturation to matter but keeps the approachability that Brilliant Blue and Blue Triumph sacrifice for pure authority.
The thing to watch: it's cooler than its neighbors without tipping into cold. Test it early if you're between something too airy and something that feels locked in. It's the balance most layouts actually need.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.