Palette

Patrician Study Room

Rich, deep tones evoke a sense of timeless elegance and quiet sophistication, like an old-world library.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Patrician Study 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 Patrician Study Room.

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

Data visualization

#2C3E50#4A605B#93A8AC#E2DCD3#B18544

Palette guide

How to use Patrician Study Room

Overview

The Patrician Study Room palette evokes a sense of timeless elegance and quiet sophistication, ideal for designs that require depth, richness, and a classic aesthetic. Featuring the deep navy of #2C3E50 and the muted teal of #4A605B, this collection provides a strong, grounding foundation. Developers can utilize these colors to craft premium user interfaces for luxury brands, educational platforms, or professional services. The lighter grey-blue of #93A8AC offers a refined contrast, while #E2DCD3 provides a warm, antique parchment base, perfectly complemented by the opulent gold accent of #B18544, ensuring a distinguished and authoritative visual presence.

Best used for

Luxury brand websites
Financial services interfaces
Academic or library platforms
High-end furniture e-commerce
Professional portfolio sites
Classic editorial layouts

Suggested color roles

primary

A deep, sophisticated navy that serves as a strong primary color for headers, navigation, or main content blocks: #2C3E50.

secondary

A rich, muted teal, excellent for secondary sections, large buttons, or subtle background patterns: #4A605B.

accent

A warm, opulent gold that provides a luxurious highlight, perfect for call-to-actions or important icons: #B18544.

background

A warm, off-white parchment shade that offers a refined and readable canvas: #E2DCD3.

text

This deep navy provides excellent contrast and readability on lighter backgrounds like #E2DCD3: #2C3E50.

Accessibility notes

Ensure sufficient contrast for text, especially using #2C3E50 or #4A605B on #E2DCD3.
Use #B18544 primarily for accents; avoid using it for long blocks of text due to potential readability issues.
The contrast between #93A8AC and #E2DCD3 might be borderline for small text; verify with accessibility tools.
Maintain clear focus states for interactive elements, perhaps using a bold border or a subtle glow.

Recommended combinations

Classic Foundation

A powerful combination for main branding, text, and impactful accents.

#2C3E50 · #E2DCD3 · #B18544

Refined Depth

Ideal for secondary sections, data visualization, or creating layered content.

#4A605B · #93A8AC · #E2DCD3

Golden Touch

Use for highlighting key information, awards, or elements requiring a touch of prestige.

#B18544 · #2C3E50 · #93A8AC

CSS variables

:root {
  --patrician-study-room-1: #2C3E50;
  --patrician-study-room-2: #4A605B;
  --patrician-study-room-3: #93A8AC;
  --patrician-study-room-4: #E2DCD3;
  --patrician-study-room-5: #B18544;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "patrician-study-room": {
        1: "#2C3E50",
        2: "#4A605B",
        3: "#93A8AC",
        4: "#E2DCD3",
        5: "#B18544",
      }
    }
  }
}

Hex values

Color 1#2C3E50

Color 2#4A605B

Color 3#93A8AC

Color 4#E2DCD3

Color 5#B18544

Accessibility

Contrast checker

1.6:1Fail

4.4:1AA18

8.1:1AAA

3.3:1AA18

1.6:1Fail

2.7:1Fail

4.9:1AA

2:1Fail

4.4:1AA18

2.7:1Fail

1.8:1Fail

1.3:1Fail

8.1:1AAA

4.9:1AA

1.8:1Fail

2.4:1Fail

3.3:1AA18

2:1Fail

1.3:1Fail

2.4:1Fail

Similar palettes

More like Patrician Study Room

View all dark

Dark Academia Library

Elegant Onyx Glamour

Elegant Plum Bloom

Midnight Opera Veil

Onyx Crystal Elegance

Scholar's Velvet Study