Back to palettes

Palette

Shadowed Raven Wing

The sleek, iridescent darkness of a raven's plumage under a dim, twilight sky.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Shadowed Raven Wing 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 Shadowed Raven Wing.

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

Data visualization

#2C2C3F#3A3A4A#1A1A2A#4E4E5E#0F0F1A

Palette guide

How to use Shadowed Raven Wing

Overview

The Shadowed Raven Wing palette captures the sleek, iridescent darkness of a raven's plumage under a dim sky, offering a profoundly mysterious and elegant aesthetic. It features a spectrum of deep purplish-greys, from the near-black #0F0F1A to the slightly lighter #4E4E5E. The core of the palette includes the dark #1A1A2A and #2C2C3F, providing rich, layered depth, while #3A3A4A acts as a versatile mid-tone. This collection is ideal for designers and developers seeking to evoke sophistication, mystery, and a luxurious feel, perfect for projects that demand a subtle yet powerful dark mode or high-end branding.

Best used for

  • Luxury product design and branding
  • Sophisticated web themes and applications
  • Gothic fashion and apparel branding
  • Mysterious digital art and illustrations
  • High-end stationery and print media
  • Dark mode user interfaces for premium services

Suggested color roles

primary

Utilize #0F0F1A as the deepest, foundational black-purple for main backgrounds or containers, setting a profound, elegant tone.

secondary

Employ #1A1A2A for major sections, card backgrounds, or borders, providing a distinct, dark indigo-grey layer.

accent

Apply #4E4E5E for subtle highlights, interactive elements, or iconography, offering a gentle, cool grey-purple contrast.

background

Use #2C2C3F as a primary background color for content areas, offering a rich, deep purple-grey base.

text

Pair #4E4E5E with the darkest shades like #0F0F1A for readable body text, or use a near-white for maximum contrast on primary content.

Accessibility notes

  • Contrast between #4E4E5E and #0F0F1A is generally good for text, but verify for smaller font sizes.
  • Avoid using #3A3A4A on #2C2C3F for text due to low contrast, reserving such combinations for large decorative elements.
  • For optimal readability, use a lighter text color, such as pure white or a very light grey, for body copy on #0F0F1A or #1A1A2A.
  • Ensure interactive elements have clear hover/focus states, possibly using a slightly brighter highlight from outside the palette if needed.

Recommended combinations

Deepest Contrast

Ideal for main UI elements, impactful titles, and areas where strong visual separation is desired.

#0F0F1A · #4E4E5E · #2C2C3F

Layered Depth

Excellent for creating distinct cards, subtle gradients, or layered backgrounds that add dimension to the design.

#1A1A2A · #3A3A4A · #4E4E5E

Elegant Base

Perfect for headings, navigation bars, and secondary content areas where a sophisticated dark aesthetic is key.

#2C2C3F · #4E4E5E · #0F0F1A

CSS variables

:root {
  --shadowed-raven-wing-1: #2C2C3F;
  --shadowed-raven-wing-2: #3A3A4A;
  --shadowed-raven-wing-3: #1A1A2A;
  --shadowed-raven-wing-4: #4E4E5E;
  --shadowed-raven-wing-5: #0F0F1A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "shadowed-raven-wing": {
        1: "#2C2C3F",
        2: "#3A3A4A",
        3: "#1A1A2A",
        4: "#4E4E5E",
        5: "#0F0F1A",
      }
    }
  }
}

Related searches

dark purple grey paletteraven feather colorsmysterious dark UIelegant plum aestheticdeep charcoal branding

Palette colors

Hex values

Color 1#2C2C3F
·
Color 2#3A3A4A
·
Color 3#1A1A2A
·
Color 4#4E4E5E
·
Color 5#0F0F1A
·

Accessibility

Contrast checker

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

Similar palettes

More like Shadowed Raven Wing

View all dark
Raven Feather Shimmer
Black Rose Bloom
Deep Plum Twilight
Enigmatic Shadow Tale
Gothic Manor Shadow
Gothic Violet Shadow