Back to palettes

Palette

Midnight Sapphire Velour

Rich, deep blues and greys evoke the opulent feel of velvet drapes under a starry sapphire sky.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Sapphire Velour 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 Midnight Sapphire Velour.

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

Data visualization

#0A0D18#1B2A41#4F6D7A#A0B0BF#2D3A5D

Palette guide

How to use Midnight Sapphire Velour

Overview

The "Midnight Sapphire Velour" palette embodies a sense of opulent sophistication with its rich, deep blues and muted greys, reminiscent of luxurious velvet in a moonlit room. Starting with an almost black navy (#0A0D18), it progresses to a dark steel blue (#1B2A41) and a unique blue-grey teal (#4F6D7A). A soft, atmospheric grey (#A0B0BF) adds a touch of refinement, while a distinct deep sapphire (#2D3A5D) offers a vibrant yet grounded accent. This palette is exceptionally suited for designers aiming to create elegant, formal, and high-end aesthetics across various digital and print mediums.

Best used for

  • Luxury brand identity and packaging
  • High-end interior design visualization
  • Formal event invitations or websites
  • Exclusive fashion lookbooks
  • Sophisticated corporate presentations
  • Premium digital product interfaces

Suggested color roles

primary

#0A0D18 establishes a profound, elegant base for backgrounds and major sections, conveying exclusivity.

secondary

#1B2A41 works well for sub-sections, navigation, or card elements, maintaining the sophisticated dark theme.

accent

#2D3A5D is an excellent choice for call-to-action buttons, highlights, or key interactive elements, providing a subtle yet rich pop.

background

#A0B0BF offers a lighter, refined background for content areas, ensuring readability while preserving elegance.

text

For dark backgrounds like #0A0D18, use #A0B0BF or white. For light backgrounds like #A0B0BF, use #0A0D18 or a very dark charcoal for optimal readability.

Accessibility notes

  • Ensure good contrast between #0A0D18 text and #A0B0BF background for body text.
  • #4F6D7A may require careful consideration for text color to meet WCAG standards, especially on mid-tone backgrounds.
  • Avoid using #A0B0BF for small text on other light colors within the palette due to potential low contrast.
  • Use #2D3A5D for interactive elements, making sure it has sufficient contrast against its surrounding background.

Recommended combinations

Opulent Night

Creates a deep, luxurious dark mode interface or a powerful brand statement for high-end products.

#0A0D18 · #1B2A41 · #2D3A5D

Refined Contrast

Suitable for sophisticated web layouts, offering clear hierarchy and a distinguished, muted aesthetic.

#1B2A41 · #4F6D7A · #A0B0BF

Velvet Touch

Ideal for showcasing content on a light background with strong, elegant accents, perfect for product features.

#0A0D18 · #A0B0BF · #2D3A5D

CSS variables

:root {
  --midnight-sapphire-velour-1: #0A0D18;
  --midnight-sapphire-velour-2: #1B2A41;
  --midnight-sapphire-velour-3: #4F6D7A;
  --midnight-sapphire-velour-4: #A0B0BF;
  --midnight-sapphire-velour-5: #2D3A5D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-sapphire-velour": {
        1: "#0A0D18",
        2: "#1B2A41",
        3: "#4F6D7A",
        4: "#A0B0BF",
        5: "#2D3A5D",
      }
    }
  }
}

Related searches

dark sapphire grey paletteelegant velour colorsluxurious navy blue themeformal branding palettesophisticated dark UI

Palette colors

Hex values

Color 1#0A0D18
·
Color 2#1B2A41
·
Color 3#4F6D7A
·
Color 4#A0B0BF
·
Color 5#2D3A5D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
3.5:1AA18
8.7:1AAA
1.7:1Fail
2
1.3:1Fail
2.6:1Fail
6.5:1AA
1.3:1Fail
3
3.5:1AA18
2.6:1Fail
2.5:1Fail
2:1Fail
4
8.7:1AAA
6.5:1AA
2.5:1Fail
5:1AA
5
1.7:1Fail
1.3:1Fail
2:1Fail
5:1AA

Similar palettes

More like Midnight Sapphire Velour

View all dark
Deep Velvet Night
Amethyst Veil Mystique
Art Deco Emerald
Art Deco Sapphire
Baroque Jewel Box
Byzantine Jewel