Serene Sea
#78a7c3
Softer, balanced sea blue for calm charts
About Serene Sea
Serene Sea looks like daylight on water that's paused mid-breath. It's a blue that feels clean and airy, not settled like High Tide, and not drained toward gray like Grauzone. Compared to Far Horizons, it keeps more blue presence and a cooler, sea-glass undertone, so it doesn't drift into that gentle warmth.
I reach for it when you want a background that reads as clearly blue without performing. Think product dashboards and health portals, onboarding screens for SaaS, and data charts where the UI needs calm structure, not the quiet neutrality of Grauzone. It's the one you reach for when secondary buttons and cards should feel supported by color, while staying crisp against white. Use it for table surfaces, chart panels, and headers that need to feel steady but not muted.
Pair it with mid-neutral grays and slightly cooler text tones. If you throw it against warm beige backgrounds, that sea-glass coolness can start to feel flatter than you intended.
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.