Back to palettes

Palette

Speakeasy Lounge Vibe

Smoky, sophisticated grays and deep browns for a classic, clandestine retro atmosphere.

darkretro5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Speakeasy Lounge Vibe 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 Speakeasy Lounge Vibe.

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

Data visualization

#36454F#2F4F4F#465A5B#8B4513#C0C0C0

Palette guide

How to use Speakeasy Lounge Vibe

Overview

The Speakeasy Lounge Vibe palette captures the essence of clandestine elegance with its smoky grays and rich, inviting brown. Featuring the deep charcoal of #36454F and the sophisticated dark slate of #2F4F4F, it sets a moody, refined tone. The palette is further enhanced by the subtle green-gray of #465A5B, a warm, unexpected pop of #8B4513, and a classic #C0C0C0 silver-gray. This collection is perfect for designers and developers aiming to evoke a sense of vintage luxury, timeless sophistication, and a hint of mystery, ideal for projects needing a classic, understated yet rich aesthetic.

Best used for

  • Vintage brand identity and logos
  • Luxury bar or restaurant interiors
  • Classic automotive websites
  • Film noir inspired digital art
  • Sophisticated event invitations
  • High-end fashion retail

Suggested color roles

primary

Use #36454F as the primary background or dominant color to establish a deep, sophisticated, and moody foundation.

secondary

Employ #2F4F4F for secondary sections, navigation, or large text blocks, adding depth and a subtle cool undertone.

accent

Apply #8B4513 sparingly as an accent for call-to-action buttons or key highlights, providing warmth and a touch of intrigue.

background

The deep #36454F or #2F4F4F works well for immersive, dark backgrounds, creating a lounge-like atmosphere.

text

For high contrast on dark backgrounds, #C0C0C0 is ideal. For headings or accents, #8B4513 can be used on very dark tones.

Accessibility notes

  • Ensure #C0C0C0 has sufficient contrast when used as text on #36454F, #2F4F4F, or #465A5B.
  • Avoid using #465A5B as text on #36454F or #2F4F4F, as the contrast may be too low for readability.
  • The warm #8B4513 might require careful pairing for text; ensure it stands out against its background.
  • Use a strong contrast pairing like #36454F text on #C0C0C0 background for body text areas.

Recommended combinations

Classic Elegance

Perfect for a sophisticated header or hero section, balancing deep gray with bright text and a warm highlight.

#36454F · #C0C0C0 · #8B4513

Smoky Depth

Ideal for content blocks or sub-sections, layering dark grays for texture with a light, readable text.

#2F4F4F · #465A5B · #C0C0C0

Vintage Warmth

Great for call-to-action elements or featured content, using the rich brown as a focal point against dark gray.

#8B4513 · #36454F · #C0C0C0

CSS variables

:root {
  --speakeasy-lounge-vibe-1: #36454F;
  --speakeasy-lounge-vibe-2: #2F4F4F;
  --speakeasy-lounge-vibe-3: #465A5B;
  --speakeasy-lounge-vibe-4: #8B4513;
  --speakeasy-lounge-vibe-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "speakeasy-lounge-vibe": {
        1: "#36454F",
        2: "#2F4F4F",
        3: "#465A5B",
        4: "#8B4513",
        5: "#C0C0C0",
      }
    }
  }
}

Related searches

vintage bar color paletteretro jazz designdark elegant UIspeakeasy style colorssophisticated gray brown

Palette colors

Hex values

Color 1#36454F
·
Color 2#2F4F4F
·
Color 3#465A5B
·
Color 4#8B4513
·
Color 5#C0C0C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
1.4:1Fail
5.4:1AA
2
1.1:1Fail
1.2:1Fail
1.3:1Fail
4.9:1AA
3
1.4:1Fail
1.2:1Fail
1:1Fail
4:1AA18
4
1.4:1Fail
1.3:1Fail
1:1Fail
3.9:1AA18
5
5.4:1AA
4.9:1AA
4:1AA18
3.9:1AA18

Similar palettes

More like Speakeasy Lounge Vibe

View all dark
Film Noir Echo
Sultry Jazz
Clockwork Brass Patina
Industrial Steampunk Grit
Steampunk Goggles
Steampunk Inventor's Workshop