Palette

Victorian Drawing Room

Rich and deep tones that recall the opulent and refined decor of a classic Victorian drawing room.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Victorian Drawing Room 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 Victorian Drawing Room.

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

Data visualization

#8B4513#CD853F#BDB76B#483C32#696969

Palette guide

How to use Victorian Drawing Room

Overview

The Victorian Drawing Room palette evokes the opulent and refined aesthetic of 19th-century elegance. Featuring a rich blend of deep browns and muted greens, this collection is perfect for projects seeking a sophisticated, historic feel. Key hues include the sturdy #8B4513 (Saddle Brown) and the warm #CD853F (Peru), complemented by the subtly earthy #BDB76B (Dark Khaki). The foundational depth is provided by #483C32 (a deep coffee brown), grounded by the versatile #696969 (Dim Gray). This palette allows designers and developers to craft experiences that speak to timeless luxury and classic design, ideal for evoking a sense of heritage and understated grandeur in digital or physical spaces.

Best used for

High-end luxury branding
Classic interior design projects
Historic period film and game sets
Sophisticated web and app themes
Premium product packaging
Vintage-inspired editorial layouts

Suggested color roles

primary

#8B4513 - This deep Saddle Brown provides a strong, authoritative base, ideal for primary branding elements, large headers, or dominant features in a sophisticated layout.

secondary

#CD853F - A warmer, inviting Peru, excellent for complementary sections, subheadings, or background elements that need a touch more vibrancy than the primary.

accent

#BDB76B - This muted Dark Khaki offers a subtle yet elegant highlight, perfect for small decorative details, interactive elements, or iconography that needs to stand out softly.

background

#483C32 - A deep, rich coffee-like brown, this color serves as an excellent dark background, providing depth and a luxurious feel, allowing lighter elements to truly pop.

text

#696969 - Dim Gray works well for body text against very light backgrounds, or consider a near-white or cream for optimal readability when used over the darker background colors like #483C32 or #8B4513.

Accessibility notes

Ensure sufficient contrast when pairing #696969 text on #483C32 or #8B4513 backgrounds; consider using a lighter text color.
The lightest color, #BDB76B, offers good contrast against the darker browns like #483C32 and #8B4513 for text or key UI elements.
Avoid placing #696969 (Dim Gray) directly on #483C32 (Dark Coffee) for critical information due to low contrast.
Use #CD853F or #BDB76B for interactive elements to ensure they are visually distinct against the darker primary and background colors.

Recommended combinations

Elegant Foundation

Ideal for website footers, main content blocks with dark backgrounds, or sophisticated print materials where depth is desired.

#483C32 · #8B4513 · #696969

Warm Accents

Perfect for call-to-action buttons, decorative borders, or highlighting key information against a deeper backdrop in digital interfaces.

#CD853F · #BDB76B · #483C32

Refined Contrast

Use for elegant headings, sub-sections, or UI components where a lighter, more distinguished appearance is required, like navigation menus.

#BDB76B · #8B4513 · #CD853F

CSS variables

:root {
  --victorian-drawing-room-1: #8B4513;
  --victorian-drawing-room-2: #CD853F;
  --victorian-drawing-room-3: #BDB76B;
  --victorian-drawing-room-4: #483C32;
  --victorian-drawing-room-5: #696969;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "victorian-drawing-room": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#BDB76B",
        4: "#483C32",
        5: "#696969",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD853F

Color 3#BDB76B

Color 4#483C32

Color 5#696969

Accessibility

Contrast checker

2.4:1Fail

3.4:1AA18

1.5:1Fail

1.3:1Fail

2.4:1Fail

1.4:1Fail

3.6:1AA18

1.8:1Fail

3.4:1AA18

1.4:1Fail

5.2:1AA

2.7:1Fail

1.5:1Fail

3.6:1AA18

5.2:1AA

1.9:1Fail

1.3:1Fail

1.8:1Fail

2.7:1Fail

1.9:1Fail

Similar palettes

More like Victorian Drawing Room

View all dark

Antique Velvet Drapes

Art Deco Sapphire Gleam

Baroque Silk Damask

Gala Night Shimmer

Gilded Age Elegance

Gothic Cathedral Glow