Hammam Blue
#65dcd6
Softer warmer blue for spa-like highlights
About Hammam Blue
Hammam Blue is the teal that actually has personality. It's saturated enough to read as real color without the clinical edge that pulls most cyans toward the cool side, there's warmth lurking underneath, but it doesn't announce itself. You're looking at something brighter than Cabbage's restraint, but less washed-out than Cold Blue's deliberate fade.
This one lands in health dashboards, fintech UIs, and design systems where you need a secondary accent that holds its own against navy or charcoal. It works as a card hover state, a button press, a divider that actually draws the eye. Unlike Bambino's almost-too-bright presence, Hammam Blue sits slightly more grounded. Unlike Cold Blue's studied restraint, it doesn't require perfect contrast to prove it's there.
The thing that makes it work: that warmer undertone keeps it from flattening against mid-tone grays the way purer cyans do. Test it early with your actual type and backgrounds anyway, it'll shift cooler on some screens, warmer on others. Pair it with dark charcoal and watch it read solid.
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.