Back to palettes

Palette

Smoky Night Jazz

Deep, atmospheric blues progressing to lighter, starlit shades, like a clear night sky.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Smoky Night Jazz 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 Smoky Night Jazz.

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

Data visualization

#2B2E4A#4C506C#737894#A3A8B9#1C1E32

Palette guide

How to use Smoky Night Jazz

Overview

The Smoky Night Jazz palette features deep, atmospheric blues progressing to lighter, starlit shades, like a clear night sky. Anchored by the profound #1C1E32 (Very Dark Blue) and #2B2E4A (Dark Blue), it introduces softer tones like #737894 (Light Grayish Blue) and #A3A8B9 (Light Blue-Gray). This collection provides designers and developers with an elegant, vintage, and moody scheme, perfect for crafting immersive digital experiences, branding, or UI themes that evoke sophistication, tranquility, and the allure of a jazz-filled evening, making it ideal for entertainment or luxury-focused projects.

Best used for

  • Music streaming apps or websites with a sophisticated feel
  • Event posters and digital promotions for evening performances
  • Luxury brand websites with an elegant and mysterious edge
  • Dark mode themes for creative software or productivity tools
  • Editorial design for space, night-themed, or astrological content
  • Branding for upscale entertainment venues or jazz clubs

Suggested color roles

primary

#1C1E32 serves as a deep, profound base, like a night sky, ideal for primary backgrounds or large content areas.

secondary

#2B2E4A offers a slightly lighter, rich blue, excellent for secondary sections, panels, or subtle content divisions.

accent

#A3A8B9 provides a light, ethereal accent, perfect for subtle highlights, starry elements, or interactive states.

background

Use #1C1E32 for an immersive, elegant dark theme that allows lighter elements to truly sparkle.

text

#A3A8B9 works well for body text on the darkest blues. For headings, a brighter white ensures maximum impact and readability on backgrounds like #1C1E32.

Accessibility notes

  • #A3A8B9 on #1C1E32 or #2B2E4A offers excellent contrast, ensuring readability for all text sizes.
  • Be cautious when using #4C506C (Dark Grayish Blue) as text on #2B2E4A; check contrast carefully with WCAG tools.
  • The blues are generally harmonious, but always verify text contrast rigorously, especially for smaller font sizes.
  • Reserve the darkest shades for large background areas and use lighter shades from the palette for critical textual information.

Recommended combinations

Deep Night

Creates a profound and layered dark blue aesthetic, ideal for establishing depth in UI elements or background compositions.

#1C1E32 · #2B2E4A · #4C506C

Starlit Hues

Offers a harmonious transition from dark to light blue, suitable for subtle background gradients or layered visual effects evoking stars.

#2B2E4A · #737894 · #A3A8B9

Elegant Gradient

Delivers a sophisticated, clean look with clear visual hierarchy, perfect for minimalist interfaces with a touch of cosmic elegance.

#1C1E32 · #4C506C · #A3A8B9

CSS variables

:root {
  --smoky-night-jazz-1: #2B2E4A;
  --smoky-night-jazz-2: #4C506C;
  --smoky-night-jazz-3: #737894;
  --smoky-night-jazz-4: #A3A8B9;
  --smoky-night-jazz-5: #1C1E32;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "smoky-night-jazz": {
        1: "#2B2E4A",
        2: "#4C506C",
        3: "#737894",
        4: "#A3A8B9",
        5: "#1C1E32",
      }
    }
  }
}

Related searches

dark blue jazz palettemoody night sky colorselegant vintage bluesophisticated dark themeatmospheric UI design

Palette colors

Hex values

Color 1#2B2E4A
·
Color 2#4C506C
·
Color 3#737894
·
Color 4#A3A8B9
·
Color 5#1C1E32
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1AA18
5.6:1AA
1.2:1Fail
2
1.7:1Fail
1.8:1Fail
3.3:1AA18
2.1:1Fail
3
3:1AA18
1.8:1Fail
1.8:1Fail
3.8:1AA18
4
5.6:1AA
3.3:1AA18
1.8:1Fail
6.9:1AA
5
1.2:1Fail
2.1:1Fail
3.8:1AA18
6.9:1AA

Similar palettes

More like Smoky Night Jazz

View all dark
Smoky Bebop
Smoky Jazz Club
Smoky Jazz Evening
Acid Rain Gloom
Ancient Tome Hues
Blackwater Grotto Gloom