Silent Sea

#3a4a63

Muted violet-blue for calmer, Sea-dark sections

Save
Share

About Silent Sea

In a UI mock, Silent Sea looks like a deep slate-purple that stays disciplined. It has that calm "sea depth" feeling, but it doesn't tip as far blue as , and it doesn't go the muted-rich route of .

This shade lands in the middle lane: a cooler, slightly smoky purple with mid darkness and restrained saturation. I use it for dash separators, data labels, and secondary-selected states where you need clarity without the tighter header weight of , or the heavier, grounded pull of . It also fits healthcare admin tables and ecommerce admin filters when you want the selection to read settled, not stern like can.

Quirk: because it's cooler and less saturated, it can feel a bit distant next to bright accents. Pair it with clean whites or neutral ink grays so the purple stays readable and intentional, not washed out.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
8.98:1AAA

On Gray 100 #f5f5f5

Aa
8.23:1AAA

On Gray 900 #18181b

Aa
1.97:1Fail

On Black #000000

Aa
2.34:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Silent Sea

Open the generator with this color pre-loaded.

Start creating