Plunge
#035568
Plunging teal-blue, darker and denser than Deep Lagoon
About Plunge
Plunge looks like a dark wetsuit fabric under office lights. It's blue that stays unmistakably blue, not teal, and it doesn't fall into that near-black territory the deepest options do.
Compared with Sea Creature's cooler, marine clarity and Abyssal Waters' almost-too-deep anchor, Plunge lands a touch lighter and more saturated, so it reads as a deliberate UI blue rather than a shadow. It's my go-to the one you reach for when you need dashboards and finance apps to feel calm but still crisp: status pills, section bars, chart lines, and card headers in dark-mode screens. I also use it for clinician workflows where labels need to stay readable without lighting up the whole interface.
One quirk: pair it with grays that keep a little warmth, or it can feel sterile fast. And if your nearby palette leans toward teal, Plunge will look like the more controlled, cooler twin.
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.