Glassmith
#46b5c0
Softer teal-blue for calm sections and UI baselines
About Glassmith
Glassmith reads as the settled, almost-there version of cyan. It's warmer and noticeably more desaturated than Blue Bobbin's electric commitment, but it doesn't drift into green the way some of its neighbors do. There's restraint here, the kind that actually works harder than it looks because you're not fighting the color to make it behave.
Reach for this in health platforms, productivity apps, and SaaS interfaces where you need a secondary blue that feels grounded instead of neon. Works well as button backgrounds, hover states, accent borders, even as a soft container color in light-themed layouts. It pairs naturally with dark text and mid-tone grays without that cyan flicker some brighter blues bring. Unlike High Dive's approachable warmth or Aquarius's cooler reserve, Glassmith sits somewhere between functional and human-scaled, present without demanding attention.
On warm displays it'll hold steady. On cooler monitors it might shift slightly cooler, but it won't suddenly read like pure cyan the way Blue Bobbin will. Test it early against your actual working grays, especially if you're using it for interactive states where consistency matters.
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.