Back to palettes

Palette

Midnight Symphony Orchestra

A rich spectrum of deep blues, evoking a grand orchestra performing under a starlit night.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Symphony Orchestra 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 Symphony Orchestra.

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

Data visualization

#191970#000080#4169E1#6495ED#0C0C4C

Palette guide

How to use Midnight Symphony Orchestra

Overview

The Midnight Symphony Orchestra palette orchestrates a rich spectrum of deep blues, evoking the grandeur of a formal performance under a starlit night. Featuring profound hues like the almost black #0C0C4C and the vibrant #6495ED, this palette is inherently elegant and sophisticated. The interplay between #191970, #000080, and #4169E1 provides versatility for creating designs that are both authoritative and inviting, making it ideal for high-end digital platforms and print materials that demand a classic, luxurious feel.

Best used for

  • Formal event invitations
  • Classical music streaming platforms
  • Luxury corporate branding
  • Educational institution websites
  • High-end fashion e-commerce
  • Elegant presentation themes

Suggested color roles

primary

Use #0C0C4C as the foundational, deepest blue, perfect for immersive backgrounds and large, elegant sections.

secondary

Apply #191970 for supporting content areas, headers, or card backgrounds, providing a rich, complementary layer.

accent

Highlight key information, calls to action, or interactive elements with #6495ED, offering a striking yet refined visual pop.

background

Employ #0C0C4C as the primary canvas to establish a sophisticated and formal dark blue aesthetic.

text

For optimal legibility on dark backgrounds, use #6495ED or #4169E1 for primary text, and a crisp white or light grey for essential navigation and headings.

Accessibility notes

  • Ensure #6495ED or #4169E1 provides sufficient contrast against #0C0C4C or #000080 for all text to meet WCAG AA standards.
  • Avoid using #191970 or #000080 for small text on the darkest backgrounds, as readability may be compromised.
  • For interactive elements, ensure the accent color offers clear visual feedback and sufficient contrast.
  • Consider using a bolder typeface for text in lighter blues to enhance legibility on darker backgrounds.

Recommended combinations

Deep Orchestra

Creates a powerful, deep blue foundation for elegant backgrounds and primary content areas, establishing a formal tone.

#0C0C4C · #000080 · #191970

Symphony Contrast

Ideal for creating strong visual hierarchy with vibrant highlights and clear text against a profound dark blue backdrop.

#0C0C4C · #6495ED · #4169E1

Harmonic Blend

Perfect for smooth gradients, layered effects, or graphical elements that require a gentle transition of blues.

#000080 · #4169E1 · #6495ED

CSS variables

:root {
  --midnight-symphony-orchestra-1: #191970;
  --midnight-symphony-orchestra-2: #000080;
  --midnight-symphony-orchestra-3: #4169E1;
  --midnight-symphony-orchestra-4: #6495ED;
  --midnight-symphony-orchestra-5: #0C0C4C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-symphony-orchestra": {
        1: "#191970",
        2: "#000080",
        3: "#4169E1",
        4: "#6495ED",
        5: "#0C0C4C",
      }
    }
  }
}

Related searches

deep blue formal paletteelegant night colorssymphony theme designroyal blue palettesophisticated dark blues

Palette colors

Hex values

Color 1#191970
·
Color 2#000080
·
Color 3#4169E1
·
Color 4#6495ED
·
Color 5#0C0C4C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
3.1:1AA18
5:1AA
1.2:1Fail
2
1.1:1Fail
3.3:1AA18
5.4:1AA
1.1:1Fail
3
3.1:1AA18
3.3:1AA18
1.6:1Fail
3.7:1AA18
4
5:1AA
5.4:1AA
1.6:1Fail
6:1AA
5
1.2:1Fail
1.1:1Fail
3.7:1AA18
6:1AA

Similar palettes

More like Midnight Symphony Orchestra

View all cool
Azure Sapphire Gleam
Deep Sapphire Gaze
Nocturnal Ocean Gleam
Sapphire Gemstone Depth
Sapphire Geode Shard
Sapphire Night Sky