Treasure Map Waters
#658faa
Muted teal-blue for map-like accents and links
About Treasure Map Waters
Picture a weathered compass chart washed in daylight: Treasure Map Waters has that slightly muted, practical blue-green cast, not the clean sky look of Heavenly Sky. It's also less gray than Inland Waters, so it doesn't feel like overcast steel. And unlike Lake Lucerne, it holds onto a richer wateriness instead of staying purely open and airy.
I use it when the interface needs to feel calm but not distant, especially in product interfaces for health and logistics where you want panels, callouts, and secondary accents to sit quietly behind the main actions. It reads well for dashboards and finance-style tables too, because the tone is soft without becoming timid, and the one you reach for when you're trying to guide attention without adding urgency.
One small quirk: it's a touch more saturated than the nearest "recede" blues, so if the rest of your UI is very gray, it can look more present. Pair it with cleaner, slightly warmer neutrals so it stays friendly.
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.
Similar colors
Create a gradient with Treasure Map Waters
Open the generator with this color pre-loaded.
Start creating