Too Dark Tonight

#0011bb

Deep indigo purple for low-key contrast blocks

Save
Share

About Too Dark Tonight

On a dark UI mock, Too Dark Tonight reads like a purple that got deep and quiet, not a true midnight blue. It's cooler than the violet-leaning , but it doesn't go as ink-heavy as . The undertone is distinctly purple, and the saturation feels pressed down, so it lands more like a night filter than a bold highlight.

I reach for it when you want the interface to feel grounded while still signaling "interactive" in a hurry, especially in dashboards and finance apps after-hours where charts, section headers, and selected rows need contrast without shouting. It also works well for internal portals in healthcare and logistics, like admin tables, approval queues, and dense documentation viewers. Compared to , this one is less crisp and less blue-forward, with a moodier, slower read.

Pair it with near-blacks and cool grays, or it can look muddy next to brighter violets. If you need lift, add a touch of desaturated lavender, not warm orange accents.

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
11.68:1AAA

On Gray 100 #f5f5f5

Aa
10.71:1AAA

On Gray 900 #18181b

Aa
1.52:1Fail

On Black #000000

Aa
1.80: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.

Create a gradient with Too Dark Tonight

Open the generator with this color pre-loaded.

Start creating