Palette

Obsidian Stone Forge

A minimalist monochrome gradient of deep, smoky greys for an intense, modern look.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Obsidian Stone Forge 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 Stone Forge.

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

Data visualization

#0F0F0F#1F1F1F#2F2F2F#3F3F3F#4F4F4F

Palette guide

How to use Obsidian Stone Forge

Overview

The Obsidian Stone Forge palette presents an exceptionally deep and minimalist monochrome gradient, ideal for creating intense, modern designs. Starting with the profound #0F0F0F, it progresses through subtle shifts like #1F1F1F, #2F2F2F, and #3F3F3F, culminating in #4F4F4F. This tightly controlled range of dark greys and near-blacks is perfect for projects demanding a sleek, sophisticated, and dramatic aesthetic. Designers and developers can leverage these slight variations to build complex dark mode interfaces, provide depth to branding, or create an atmosphere of luxury and understated power. It's a truly versatile dark collection.

Best used for

High-end luxury interfaces
Dark mode application themes
Sleek tech product websites
Minimalist branding and logos
Dramatic photography backdrops
Gaming UI design

Suggested color roles

primary

Use #0F0F0F as the base background for an ultimate dark experience, providing a void-like depth.

secondary

Employ #1F1F1F for primary content panels or card backgrounds, offering a subtle differentiation from the absolute primary.

accent

Since the palette is very dark, use #4F4F4F for very subtle accents, or rely on pure white or a very light grey for strong contrast.

background

The deepest #0F0F0F creates an immersive, sleek dark canvas, perfect for high-contrast elements.

text

For readable text, use #4F4F4F for subtle secondary text on #0F0F0F or #1F1F1F. For primary text, pure white or a very light grey is recommended.

Accessibility notes

All colors are very dark, so ensure sufficient contrast for any text or interactive elements by using pure white or a very light grey.
Avoid using any palette color for text on another palette color background, as contrast will almost certainly be insufficient for WCAG AA/AAA.
Reserve the palette colors for backgrounds, borders, and subtle graphical elements, relying on external light colors for readability.
When using these colors for UI, ensure interactive states (hover, focus) are clearly indicated with a very light color or strong visual cue.

Recommended combinations

Deep Base

Excellent for establishing a deep, layered dark background where elements subtly recede and advance.

#0F0F0F · #1F1F1F · #2F2F2F

Subtle Depth

Ideal for creating nuanced visual hierarchy within components, like nested cards or complex dashboards.

#1F1F1F · #2F2F2F · #3F3F3F

Darkest Gradient

Useful for background gradients or subtle shading effects that maintain a consistent dark aesthetic.

#0F0F0F · #2F2F2F · #4F4F4F

CSS variables

:root {
  --obsidian-stone-forge-1: #0F0F0F;
  --obsidian-stone-forge-2: #1F1F1F;
  --obsidian-stone-forge-3: #2F2F2F;
  --obsidian-stone-forge-4: #3F3F3F;
  --obsidian-stone-forge-5: #4F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "obsidian-stone-forge": {
        1: "#0F0F0F",
        2: "#1F1F1F",
        3: "#2F2F2F",
        4: "#3F3F3F",
        5: "#4F4F4F",
      }
    }
  }
}

Hex values

Color 1#0F0F0F

Color 2#1F1F1F

Color 3#2F2F2F

Color 4#3F3F3F

Color 5#4F4F4F

Accessibility

Contrast checker

1.2:1Fail

1.4:1Fail

1.8:1Fail

2.3:1Fail

1.2:1Fail

1.6:1Fail

2:1Fail

1.4:1Fail

1.2:1Fail

1.3:1Fail

1.6:1Fail

1.8:1Fail

1.6:1Fail

1.3:1Fail

2.3:1Fail

2:1Fail

1.6:1Fail

1.3:1Fail

Similar palettes

More like Obsidian Stone Forge

Obsidian Stone Forge

See it in context.

Ready when you are.

Built with Obsidian Stone Forge.

How to use Obsidian Stone Forge

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Base

Subtle Depth

Darkest Gradient

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Obsidian Stone Forge