Back to palettes

Palette

Obsidian Monolith Shadow

The somber and profound depth of an obsidian monolith, casting long, dark shadows in varying shades of black.

monochromedark5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Obsidian Monolith Shadow reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Obsidian Monolith Shadow.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#1A1A1A#333333#4D4D4D#000000#222222

Palette guide

How to use Obsidian Monolith Shadow

Overview

The Obsidian Monolith Shadow palette delves into the profound depth of an obsidian monolith, casting long, dark shadows in varying shades of black. This truly monochromatic palette features the absolute #000000, complemented by the incredibly deep #1A1A1A, #222222, #333333, and #4D4D4D. It is designed for designers who demand ultimate minimalism, stark contrast, and an air of mystery and power. Developers will find this palette invaluable for creating truly dark mode experiences, high-contrast user interfaces, or any design where sophistication is conveyed through the absence of color. The subtle variations in black allow for textural depth and visual hierarchy without introducing any hue, creating a profound and elegant aesthetic.

Best used for

  • Minimalist portfolio websites
  • Cybersecurity dashboards
  • Luxury tech interfaces
  • Abstract art showcases
  • Dark mode operating systems
  • Event branding for exclusive gatherings

Suggested color roles

primary

#000000 - The absolute foundation, providing unparalleled depth and elegance for backgrounds and dominant elements.

secondary

#1A1A1A - Ideal for secondary content areas, card backgrounds, or subtle dividers, offering a slight visual break from pure black.

accent

#222222 - A very subtle accent, providing just enough differentiation for interactive elements or a focused hover state in a monochrome design.

background

#000000 - Creates a truly infinite dark canvas, making any light text or graphics appear with maximum impact.

text

Pure white or a very light grey is essential for readability against these deep black and charcoal tones, ensuring clear communication.

Accessibility notes

  • Always use light text (e.g., white or #4D4D4D as text on #000000) to ensure WCAG AA contrast compliance.
  • Avoid using any of the palette's dark colors for text on another dark color from the same palette; contrast will be insufficient.
  • Ensure interactive elements have clear visual feedback, as color changes will be minimal.
  • For critical information, pure white text on #000000 offers the highest possible contrast.

Recommended combinations

Deepest Shadow

Creates a multi-layered dark interface with subtle depth, perfect for complex dashboards or elegant navigation.

#000000 · #1A1A1A · #333333

Monolith Contrast

Ideal for content blocks or sections where the lighter grey provides a subtle background, with the darkest shades for hierarchy.

#1A1A1A · #4D4D4D · #000000

Subtle Highlight

Useful for creating very subtle visual cues or hover effects in a strictly monochromatic design, maintaining sophistication.

#333333 · #222222 · #1A1A1A

CSS variables

:root {
  --obsidian-monolith-shadow-1: #1A1A1A;
  --obsidian-monolith-shadow-2: #333333;
  --obsidian-monolith-shadow-3: #4D4D4D;
  --obsidian-monolith-shadow-4: #000000;
  --obsidian-monolith-shadow-5: #222222;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "obsidian-monolith-shadow": {
        1: "#1A1A1A",
        2: "#333333",
        3: "#4D4D4D",
        4: "#000000",
        5: "#222222",
      }
    }
  }
}

Related searches

pure black color palettemonochromatic dark themecharcoal grey designdeep black aestheticminimalist dark colors

Palette colors

Hex values

Color 1#1A1A1A
·
Color 2#333333
·
Color 3#4D4D4D
·
Color 4#000000
·
Color 5#222222
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
1.2:1Fail
1.1:1Fail
2
1.4:1Fail
1.5:1Fail
1.7:1Fail
1.3:1Fail
3
2.1:1Fail
1.5:1Fail
2.5:1Fail
1.9:1Fail
4
1.2:1Fail
1.7:1Fail
2.5:1Fail
1.3:1Fail
5
1.1:1Fail
1.3:1Fail
1.9:1Fail
1.3:1Fail

Similar palettes

More like Obsidian Monolith Shadow

View all monochrome
Midnight Ink Spill
Obsidian Night Sky
Shadowed Granite Depths
Ancient Tomb Relic
Basalt Pillar Shades
Gothic Cathedral Stone