Back to palettes

Palette

Raven Feather Shroud

An intensely dark, gradient palette evoking the sleek and mysterious shimmer of a raven's feathers.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Raven Feather Shroud 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 Raven Feather Shroud.

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 Raven Feather Shroud

Overview

The Raven Feather Shroud palette is an intensely dark, monochromatic gradient, designed to evoke the sleek, mysterious, and profound depth of a raven's feathers. Ranging from the almost absolute black #0F0F0F to the slightly softer #4F4F4F, this collection of charcoal grays provides an unparalleled foundation for ultra-minimalist and sophisticated dark-themed designs. Developers and designers will find these subtle tonal shifts essential for creating depth and visual hierarchy within predominantly dark interfaces, ensuring an elegant and immersive user experience. It's perfect for projects that demand a powerful, understated, and luxurious aesthetic, where subtle differences in darkness convey refinement.

Best used for

  • Ultra-minimalist dark mode UIs
  • Luxury brand websites
  • High-end photography portfolios
  • Abstract digital art backgrounds
  • Gothic or mysterious themed projects
  • Elegant cinematic title sequences

Suggested color roles

primary

#0F0F0F - The deepest black, serving as the ultimate background or foundational color for a truly profound dark theme.

secondary

#1F1F1F - A slightly lighter shade of black, ideal for subtle differentiation of panels, borders, or secondary content areas.

accent

#3F3F3F - A mid-dark gray, providing the lightest contrast within the palette for subtle highlights, interactive elements, or hover states.

background

#0F0F0F - Creates an absorbing, sophisticated canvas that emphasizes content and provides a sense of infinite depth.

text

#4F4F4F - A relatively light charcoal from the palette, best for large headings on #0F0F0F; for body text, a crisp white or light gray is recommended for readability.

Accessibility notes

  • This palette inherently has low contrast between adjacent colors; rely on stark white or very light gray for all body text.
  • Use #4F4F4F for large headings or decorative elements only if contrast passes checks against darker backgrounds.
  • Avoid using any of the palette's grays for small body text on other grays within this palette due to insufficient contrast.
  • Ensure interactive elements have clear visual states (e.g., strong hover effects or outlines) beyond color change alone.

Recommended combinations

Deepest Shadow

Establishes profound depth with subtle layering, ideal for backgrounds and primary content blocks in dark modes.

#0F0F0F · #1F1F1F · #4F4F4F

Subtle Gradient

Creates smooth, almost imperceptible transitions, perfect for background textures or layered UI elements requiring depth.

#1F1F1F · #2F2F2F · #3F3F3F

Highlighted Edge

Uses the lightest shade for delicate outlines or subtle interactive elements against the deepest black.

#0F0F0F · #4F4F4F · #2F2F2F

CSS variables

:root {
  --raven-feather-shroud-1: #0F0F0F;
  --raven-feather-shroud-2: #1F1F1F;
  --raven-feather-shroud-3: #2F2F2F;
  --raven-feather-shroud-4: #3F3F3F;
  --raven-feather-shroud-5: #4F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "raven-feather-shroud": {
        1: "#0F0F0F",
        2: "#1F1F1F",
        3: "#2F2F2F",
        4: "#3F3F3F",
        5: "#4F4F4F",
      }
    }
  }
}

Related searches

monochromatic black palettedeep dark UI colorselegant charcoal schememinimalist black and greyraven feather dark aesthetic

Palette colors

Hex values

Color 1#0F0F0F
·
Color 2#1F1F1F
·
Color 3#2F2F2F
·
Color 4#3F3F3F
·
Color 5#4F4F4F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.8:1Fail
2.3:1Fail
2
1.2:1Fail
1.2:1Fail
1.6:1Fail
2:1Fail
3
1.4:1Fail
1.2:1Fail
1.3:1Fail
1.6:1Fail
4
1.8:1Fail
1.6:1Fail
1.3:1Fail
1.3:1Fail
5
2.3:1Fail
2:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Raven Feather Shroud

View all dark
Midnight Raven Glare
Obsidian Nightfall Depth
Onyx Marble Ink
Shadowed Forest Glen
Abyss Gaze
Abyssal Bioluminescent Glow