Back to palettes

Palette

Victorian Crimson Library

Rich and sophisticated tones reminiscent of a luxurious, fire-lit Victorian study.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Victorian Crimson Library 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 Crimson Library.

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

Data visualization

#3A0F1F#6F213A#A13B56#E3707B#521A2C

Palette guide

How to use Victorian Crimson Library

Overview

The Victorian Crimson Library palette evokes the luxurious depth of a bygone era, perfect for designs seeking a sophisticated and romantic ambiance. Dominated by deep burgundies and muted reds, this collection grounds itself with the nearly black #3A0F1F, offering a strong foundation. Complementary shades like the rich #6F213A and the slightly brighter #A13B56 provide a warm, inviting feel. A delicate touch of #E3707B introduces a subtle highlight, preventing the palette from becoming overly somber, while #521A2C adds another layer of dark, complex warmth. Ideal for projects demanding elegance and a touch of historic charm, this palette is a designer's go-to for creating truly memorable experiences.

Best used for

  • Luxury brand websites and packaging
  • High-end editorial design and book covers
  • Gothic or historical themed digital experiences
  • Restaurant and bar branding and interiors
  • Elegant event invitations and stationery
  • Art gallery or museum digital interfaces

Suggested color roles

primary

#3A0F1F - A deep, grounding hue, ideal for large backgrounds, main navigation, or dominant branding elements, providing an immediate sense of luxury and depth.

secondary

#6F213A - A rich, warm burgundy perfect for secondary sections, large headings, or interactive elements, offering significant presence.

accent

#E3707B - A soft, luminous accent color, best used sparingly for calls-to-action, hover states, or subtle decorative elements to draw attention without overpowering.

background

#521A2C - A sophisticated, muted dark red, excellent for textured backgrounds, sidebars, or card elements, providing a softer alternative to the primary dark.

text

For primary body text on the darkest backgrounds (e.g., #3A0F1F or #521A2C), a contrasting light color like pure white or a very light cream is essential for readability. #A13B56 can be used for secondary headings or decorative text on lighter backgrounds within the palette, but avoid for small body text on dark tones.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter shades like #E3707B with any of the darker reds for text or interactive elements.
  • Body text should ideally be white or near-white when placed on backgrounds of #3A0F1F, #6F213A, or #521A2C to meet accessibility standards.
  • Avoid using #A13B56 as body text on #6F213A or #521A2C due to insufficient contrast for many users.
  • Interactive elements like buttons or links should have clear hover/focus states, potentially utilizing #E3707B for visibility against darker backgrounds.

Recommended combinations

Deep Elegance

Ideal for high-contrast, luxurious interfaces where #3A0F1F is the dominant background, #6F213A for main content blocks, and #E3707B for impactful calls-to-action.

#3A0F1F · #6F213A · #E3707B

Muted Romance

Perfect for creating a softer, more inviting feel, using #521A2C as a base, #A13B56 for highlights or secondary information, and #6F213A for important headings.

#521A2C · #A13B56 · #6F213A

Subtle Contrast

Excellent for layered designs where #6F213A forms the primary background, #A13B56 is used for cards or secondary panels, and #3A0F1F provides deep accents or shadows.

#6F213A · #A13B56 · #3A0F1F

CSS variables

:root {
  --victorian-crimson-library-1: #3A0F1F;
  --victorian-crimson-library-2: #6F213A;
  --victorian-crimson-library-3: #A13B56;
  --victorian-crimson-library-4: #E3707B;
  --victorian-crimson-library-5: #521A2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "victorian-crimson-library": {
        1: "#3A0F1F",
        2: "#6F213A",
        3: "#A13B56",
        4: "#E3707B",
        5: "#521A2C",
      }
    }
  }
}

Related searches

dark burgundy color schemevictorian era color paletteluxury red color combinationsdeep crimson web designelegant historic colors

Palette colors

Hex values

Color 1#3A0F1F
·
Color 2#6F213A
·
Color 3#A13B56
·
Color 4#E3707B
·
Color 5#521A2C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.6:1Fail
5.4:1AA
1.2:1Fail
2
1.5:1Fail
1.7:1Fail
3.5:1AA18
1.3:1Fail
3
2.6:1Fail
1.7:1Fail
2.1:1Fail
2.1:1Fail
4
5.4:1AA
3.5:1AA18
2.1:1Fail
4.5:1AA18
5
1.2:1Fail
1.3:1Fail
2.1:1Fail
4.5:1AA18

Similar palettes

More like Victorian Crimson Library

View all dark
Baroque Opera Glam
Cathedral Stained Glass
Gothic Rose Window
Medieval Stained Glass
Medieval Tapestry Weave
Patrician Study Room