Shades of Black

Not all blacks are equal. Pick whatever doesn't hurt your eyes after three hours.

#000000 click to copy

Pure Black

Total void. Looks sharp on white, but on dark mode? Kinda harsh. Feels like staring into a phone at 2 AM.

Classic
#111111 click to copy

Off-Black

Softer, less aggressive. Most designers sneak this in for text on dark backgrounds. Feels… human.

Designer Pick
#1a1a1a click to copy

Off-Black Alt

The #1a1a1a variant — slightly warmer, still almost invisible from pure black. A crowd favourite.

Subtle Warmth
#333333 click to copy

Charcoal

"I'm not black, I'm just brooding." Great for nav bars or cards. Has presence without being aggressive.

UI Components
#0f0f0f click to copy

Jet Black

Almost too dark, but sexy on OLED screens. Like velvet. That extra depth you can't quite explain.

✦ OLED Magic
#121212 click to copy

Warm Black

Has a tiny red undertone. Makes dark mode feel cozy, not cold. Material Design's recommended dark surface.

♥ Cozy Mode
#1c1c1c click to copy

Warm Black Alt

The slightly lighter warm variant. Apple uses this exact shade in their native dark mode system UI.

♥ Apple Dark
#000000 click to copy

True Black (OLED)

The screen turns off. Zero light. Magic for battery life — but only if your users have fancy phones.

⚡ Battery Saver
Copied!