Panorama
#327a88
Lighter blue-teal with crisp contrast for hero panels
About Panorama
Panorama feels like the moment your camera auto-exposure settles over a wide ocean view. It's a cooler blue that's lighter than Bermuda and less teal-leaning than Mysterious Blue, so it doesn't feel heavy or moodier. The saturation stays controlled, not muddy, but also not washed out like the more airy blues in the set.
I reach for Panorama in dashboards and media systems where you want navigation and status elements to stay calm. It works well for chart legends, secondary data highlights, and "selected" UI states in analytics products and sports or newsroom sites. Compared with Diver's Eden, it reads more decisively blue-forward and a touch crisper, so it doesn't drift toward green under varied displays.
Pair it with cool grays and clean off-whites. If your background is too warm, Panorama will lose contrast fast and start looking flat, so test it early on beige-heavy layouts.
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.