Back to palettes

Palette

Smoky Tea Lounge

Subtle, atmospheric greys creating a sophisticated, contemplative mood like a quiet tea lounge.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Smoky Tea Lounge 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 Tea Lounge.

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

Data visualization

#4D4D4D#6B6B6B#8A8A8A#A9A9A9#333333

Palette guide

How to use Smoky Tea Lounge

Overview

The Smoky Tea Lounge palette cultivates a sophisticated, contemplative mood through its subtle, atmospheric greys, reminiscent of a quiet, elegant tea lounge. This collection features a deep charcoal #333333 as its anchor, alongside a versatile mid-grey #4D4D4D, and lighter shades like #6B6B6B, #8A8A8A, and #A9A9A9. The harmonious range provides ample options for creating depth and visual interest without harshness. Ideal for designs aiming for a refined, understated, and perhaps moody aesthetic, this palette is perfect for luxury branding, editorial content, or sophisticated digital interfaces. Designers and developers can leverage these hex codes to craft cohesive and elegantly subdued user experiences.

Best used for

  • Luxury hospitality branding
  • Editorial design for high-end publications
  • Sophisticated app interfaces (dark mode potential)
  • Photography and art portfolios
  • Minimalist e-commerce platforms
  • Corporate identity for professional services

Suggested color roles

primary

Utilize #4D4D4D as a robust primary color for main content areas, establishing a sophisticated and moody base.

secondary

Apply #6B6B6B for secondary information, subtle dividers, or background elements, maintaining a cohesive and refined feel.

accent

Employ #333333 for strong headings, call-to-action buttons, or critical icons, providing deep contrast and elegance.

background

Use #A9A9A9 as a soft, muted background for content sections, or #4D4D4D for a darker, more immersive experience.

text

For primary body text on #A9A9A9, #333333 ensures excellent readability. For text on #6B6B6B, a light grey or white is recommended for contrast.

Accessibility notes

  • Ensure #333333 text on #A9A9A9 background meets WCAG AA contrast standards.
  • Be cautious when pairing #8A8A8A or #6B6B6B for text on #A9A9A9, as contrast may be insufficient.
  • For interactive elements, provide clear visual cues like outlines or hover states, not relying solely on subtle color shifts.
  • When using light text on dark backgrounds, ensure the text color is sufficiently bright (e.g., white or near-white) for readability.

Recommended combinations

Subtle Harmony

Creates a gentle, cohesive base for light-themed web pages or minimalist designs, offering quiet sophistication.

#A9A9A9 · #8A8A8A · #6B6B6B

Deep Contrast

Effective for strong text hierarchy, prominent calls-to-action, and deep visual anchors on a lighter background.

#A9A9A9 · #333333 · #4D4D4D

Moody Depth

Ideal for creating a sophisticated, layered look for headers, footers, or UI elements, evoking a contemplative atmosphere.

#4D4D4D · #333333 · #6B6B6B

CSS variables

:root {
  --smoky-tea-lounge-1: #4D4D4D;
  --smoky-tea-lounge-2: #6B6B6B;
  --smoky-tea-lounge-3: #8A8A8A;
  --smoky-tea-lounge-4: #A9A9A9;
  --smoky-tea-lounge-5: #333333;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "smoky-tea-lounge": {
        1: "#4D4D4D",
        2: "#6B6B6B",
        3: "#8A8A8A",
        4: "#A9A9A9",
        5: "#333333",
      }
    }
  }
}

Related searches

smoky grey palettesophisticated dark neutralsmoody monochrome schemeelegant tea lounge colorssubtle charcoal design

Palette colors

Hex values

Color 1#4D4D4D
·
Color 2#6B6B6B
·
Color 3#8A8A8A
·
Color 4#A9A9A9
·
Color 5#333333
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.4:1Fail
3.6:1AA18
1.5:1Fail
2
1.6:1Fail
1.5:1Fail
2.3:1Fail
2.4:1Fail
3
2.4:1Fail
1.5:1Fail
1.5:1Fail
3.7:1AA18
4
3.6:1AA18
2.3:1Fail
1.5:1Fail
5.4:1AA
5
1.5:1Fail
2.4:1Fail
3.7:1AA18
5.4:1AA

Similar palettes

More like Smoky Tea Lounge

View all dark
Obsidian Midnight Bloom
Smoky Jazz Club
Smoky Jazz Evening
Volcanic Caldera Smoke
Acid Rain Gloom
Asteroid Belt Shadow