Below the Surface
#0a2f7c
Medium, muted violet-blue for layered content depth
About Below the Surface
Below the Surface is the purple that actually disappears into dark mode the moment you place it. It's deeper and less saturated than Bluebell, which means it won't demand attention the way that brighter purple does. There's no pop here, no personality shouting from a form field. Just a color that knows its job and stays in lane.
This is the one for dark interfaces, dark mode dashboards, and anywhere the background is already dim. Authentication screens, secondary navigation, disabled states, icon fills when you need something that reads but doesn't glow. Fintech apps, healthcare dashboards, product UIs where restraint matters. It's cooler than Blue Funk and sits lower in value, so it settles into backgrounds without that uncomfortable visual separation. Against near-black it reads like a natural shadow. Against deep grays it holds definition without strain.
Pair it with cool near-blacks and it disappears cleanly. The trap: warm backgrounds will push it toward muddy fast, and light surfaces will make it feel heavier than it actually is. Test it in context first, especially if you're mixing it with anything approaching cream or warm gray. This one only works when everything around it agrees on temperature.
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.
Similar colors
Create a gradient with Below the Surface
Open the generator with this color pre-loaded.
Start creating