Back to palettes

Palette

Obsidian Temple Echo

Deep, volcanic greys and blacks that evoke the stark, imposing presence of an ancient temple carved from obsidian.

monochromedark5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Obsidian Temple Echo 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 Temple Echo.

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

Data visualization

#0F0F10#2C2D2F#4A4B4D#6A6B6D#8F8F90

Palette guide

How to use Obsidian Temple Echo

Overview

The Obsidian Temple Echo palette draws inspiration from ancient, imposing structures carved from volcanic stone, offering a range of deep, evocative greys and near-blacks. Anchored by the profound #0F0F10 and the solid #2C2D2F, this collection provides a strong, almost solemn foundation for design. Mid-tones like #4A4B4D and #6A6B6D offer versatility for layering, while #8F8F90 introduces a practical lighter grey. This palette is perfect for projects requiring a sense of gravitas, timelessness, and minimalist strength. It's ideal for cultural institutions, high-end design, or any application seeking a sophisticated and deeply atmospheric aesthetic.

Best used for

  • Museum or gallery website design
  • Luxury product packaging
  • High-end editorial layouts
  • Cinematic title sequences
  • Abstract art platforms
  • Sophisticated corporate branding

Suggested color roles

primary

Use #0F0F10 as the dominant background color to create a profound, almost sacred, immersive experience.

secondary

Employ #2C2D2F for secondary panels, headers, or borders, adding subtle structural definition.

accent

Utilize #8F8F90 for subtle highlights, interactive elements, or key information to provide a sophisticated contrast.

background

The deep #0F0F10 offers a dramatic and elegant canvas, perfect for showcasing content with a sense of depth.

text

For readable body text on darker backgrounds, #6A6B6D or #8F8F90 works well. For maximum contrast, use pure white or a very light grey.

Accessibility notes

  • Ensure #8F8F90 text has sufficient contrast against #0F0F10 and #2C2D2F for optimal readability (WCAG AA/AAA).
  • Avoid using #4A4B4D text on #2C2D2F backgrounds for critical content due to potential low contrast.
  • Use #6A6B6D for less critical text or subtle UI elements, but always verify WCAG compliance.
  • Consider using a stark white for headings or very important call-to-action text on the darkest tones.

Recommended combinations

Stark Foundation

A strong base for dark interfaces, with the lightest grey used for prominent text or interactive elements.

#0F0F10 · #2C2D2F · #8F8F90

Layered Structure

Ideal for building visual hierarchy in complex layouts, such as nested cards or detailed content blocks.

#2C2D2F · #4A4B4D · #6A6B6D

Subtle Readability

Effective for main content areas where #6A6B6D can be body text and #8F8F90 provides a stronger highlight or heading.

#0F0F10 · #6A6B6D · #8F8F90

CSS variables

:root {
  --obsidian-temple-echo-1: #0F0F10;
  --obsidian-temple-echo-2: #2C2D2F;
  --obsidian-temple-echo-3: #4A4B4D;
  --obsidian-temple-echo-4: #6A6B6D;
  --obsidian-temple-echo-5: #8F8F90;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "obsidian-temple-echo": {
        1: "#0F0F10",
        2: "#2C2D2F",
        3: "#4A4B4D",
        4: "#6A6B6D",
        5: "#8F8F90",
      }
    }
  }
}

Related searches

dark stone grey palettemonochrome temple colorsminimalist dark grey schemevolcanic rock UIsophisticated dark palette

Palette colors

Hex values

Color 1#0F0F10
·
Color 2#2C2D2F
·
Color 3#4A4B4D
·
Color 4#6A6B6D
·
Color 5#8F8F90
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
3.6:1AA18
5.9:1AA
2
1.4:1Fail
1.6:1Fail
2.6:1Fail
4.3:1AA18
3
2.2:1Fail
1.6:1Fail
1.6:1Fail
2.7:1Fail
4
3.6:1AA18
2.6:1Fail
1.6:1Fail
1.7:1Fail
5
5.9:1AA
4.3:1AA18
2.7:1Fail
1.7:1Fail

Similar palettes

More like Obsidian Temple Echo

View all monochrome
Ancient Tomb Relic
Basalt Column Grey
Gothic Cathedral Stone
Gothic Cathedral Stone
Gothic Cathedral Stone
Gothic Stone Abbey