Stream Burble
#5e7e7d
Gray-leaning teal for muted charts and sidebars
About Stream Burble
On a bright monitor, Stream Burble reads like a blue-green mist clinging to the edge of a puddle. It's noticeably softer than North Atlantic, and it doesn't get as earthy or grounded as Paradiso. Compared to Arctic, it has more midtone presence, but it stays calmer than those louder, greener-leaning teals.
For UI, I reach for it when I want a selected state, links, or small chart accents that feel calm and current without turning gray-dull. It works well in dashboards and finance apps where navigation needs to feel lightly "on," and in logistics or healthcare portals for secondary buttons and section headers. The temperature is just cool enough to stay professional, but the undertone is bluer than the green you'd notice in Jade-adjacent teals, so hierarchy stays clean.
Pair it with off-whites or light stone. If you put it next to deeper nav blues, it can look almost washed, so test the contrast with your real typography weight and grid.
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.
