Back to palettes

Palette

Obsidian Bloom Shadow

Deep, rich blues and grays with a touch of ivory, evoking elegant shadows and dark sophistication.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Obsidian Bloom 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 Bloom Shadow.

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

Data visualization

#0D1321#1D2D44#3E5C76#748CAC#F0EBD8

Palette guide

How to use Obsidian Bloom Shadow

Overview

The "Obsidian Bloom Shadow" palette features deep, rich blues and grays with a touch of ivory, evoking elegant shadows and dark sophistication. Key colors include #0D1321 (Deep Midnight Blue), #1D2D44 (Dark Slate Blue), and #3E5C76 (Steel Blue). This palette is perfect for designs requiring a modern, mysterious, and refined aesthetic, reminiscent of twilight and subtle elegance. The lighter #748CAC (Light Grayish Blue) and the luminous #F0EBD8 (Off-White) provide essential contrast and a touch of warmth, making it ideal for luxury brands, professional interfaces, or artistic projects seeking depth and understated beauty.

Best used for

  • Luxury product branding and packaging
  • High-end technology or corporate website design
  • Evening wear fashion branding
  • Dark mode UI/UX design
  • Architectural or interior design presentations
  • Art gallery or photography portfolio websites

Suggested color roles

primary

#0D1321 (Deep Midnight Blue) - Use for foundational backgrounds, main navigation, or bold headings to establish a sense of depth and luxury.

secondary

#1D2D44 (Dark Slate Blue) - Ideal for supporting sections, subheadings, or large graphic elements, maintaining a sophisticated feel.

accent

#748CAC (Light Grayish Blue) - Employ sparingly for subtle highlights, interactive elements, or delicate details to add a touch of luminosity.

background

#F0EBD8 (Off-White) - Provides a luminous, contrasting canvas for lighter themes or as a clean element against the dark blues.

text

#F0EBD8 (Off-White) for light text on dark backgrounds, or #0D1321 (Deep Midnight Blue) for dark text on light backgrounds, ensuring high contrast.

Accessibility notes

  • #F0EBD8 provides excellent contrast for text against #0D1321, #1D2D44, and #3E5C76.
  • When using dark mode, ensure all text and interactive elements meet WCAG contrast guidelines against the dark backgrounds.
  • #748CAC might have low contrast on #F0EBD8; use it for larger text or accents only on dark backgrounds.
  • Provide clear focus indicators for interactive elements that are distinct from the dark background colors.

Recommended combinations

Deep Elegance

Perfect for a sophisticated dark theme, with deep blue as background, off-white text, and steel blue accents.

#0D1321 · #F0EBD8 · #3E5C76

Subtle Glow

Great for creating gradients or layered elements, with a smooth transition from dark to light.

#1D2D44 · #748CAC · #F0EBD8

Modern Contrast

Use steel blue as a primary, deep midnight blue for depth, and off-white for crisp text elements.

#3E5C76 · #0D1321 · #F0EBD8

CSS variables

:root {
  --obsidian-bloom-shadow-1: #0D1321;
  --obsidian-bloom-shadow-2: #1D2D44;
  --obsidian-bloom-shadow-3: #3E5C76;
  --obsidian-bloom-shadow-4: #748CAC;
  --obsidian-bloom-shadow-5: #F0EBD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "obsidian-bloom-shadow": {
        1: "#0D1321",
        2: "#1D2D44",
        3: "#3E5C76",
        4: "#748CAC",
        5: "#F0EBD8",
      }
    }
  }
}

Related searches

dark sophisticated color paletteelegant blue gray schememodern luxury colorsmysterious dark mode palettedeep shadow aesthetic

Palette colors

Hex values

Color 1#0D1321
·
Color 2#1D2D44
·
Color 3#3E5C76
·
Color 4#748CAC
·
Color 5#F0EBD8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.6:1Fail
5.4:1AA
15.5:1AAA
2
1.3:1Fail
2:1Fail
4:1AA18
11.6:1AAA
3
2.6:1Fail
2:1Fail
2:1Fail
5.9:1AA
4
5.4:1AA
4:1AA18
2:1Fail
2.9:1Fail
5
15.5:1AAA
11.6:1AAA
5.9:1AA
2.9:1Fail

Similar palettes

More like Obsidian Bloom Shadow

View all dark
Onyx Marble Ink
Raven Feather Shroud
Abyssal Reef Shadow
Black Rose Bloom
Black Shard Reflection
Dark Forest Cloak