Dark Secret
#3e5361
Heavier slate blue with a clandestine undertone
About Dark Secret
Dark Secret is heavier than everything around it in this range, it's the blue that actually looks like it's been compressed, darker and more saturated than Great Void or 3AM in Shibuya, but without the brightness that keeps those cooler. You see it in deep product interfaces and fintech apps where you need something that feels serious, grounded, and still readable without feeling clinical or cold.
This is the one you reach for when a secondary blue needs actual presence. It doesn't recede like 3AM, doesn't sit in awkward middle ground like Bluedgeons, and it's got enough saturation to feel intentional rather than muted. Works as a persistent background layer, a button state that commands attention without shouting, or an anchor in navigation hierarchies. White type stays clean. It holds its own against slightly warm neutrals.
The thing: it'll shift slightly warmer on cheaper displays, which isn't a problem, it actually keeps it from feeling too sterile. Test it early against your actual screens and backgrounds.
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.