Palette

Leather Bound Secrets

Deep, rich brown tones reminiscent of old leather-bound books and hushed study halls.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Leather Bound Secrets 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 Leather Bound Secrets.

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

Data visualization

#3A2B20#5A453A#7B6055#9D7B70#C1998E

Palette guide

How to use Leather Bound Secrets

Overview

The Leather Bound Secrets palette offers a rich, sophisticated collection of deep brown tones, evoking the warmth and history of old leather and antique libraries. Ranging from the profound #3A2B20 to the inviting #5A453A, the balanced #7B6055, and the lighter #9D7B70 and #C1998E, this palette is perfect for creating a cozy, vintage, or academic atmosphere. Designers and developers will find these colors ideal for projects requiring a sense of gravitas, timeless elegance, or a comforting, masculine aesthetic, especially in dark mode interfaces.

Best used for

Dark academia themed websites
Luxury goods branding
Vintage-inspired graphic design
Coffee shop and lounge interiors
Sophisticated menswear collections
E-commerce for artisanal products

Suggested color roles

primary

Use #5A453A as a warm, inviting primary color for main content areas or background panels, offering depth and sophistication.

secondary

Employ #7B6055 for supporting elements, subheadings, or borders, providing a balanced mid-tone contrast.

accent

Apply #C1998E sparingly for subtle highlights, interactive states, or decorative elements, adding a touch of antique warmth.

background

The deepest shade, #3A2B20, creates an excellent rich, dark background for a truly immersive and cozy feel.

text

Utilize #C1998E for primary text on darker backgrounds to ensure optimal readability, or #9D7B70 for secondary text.

Accessibility notes

When using dark backgrounds like #3A2B20 or #5A453A, ensure text colors like #C1998E or #9D7B70 meet WCAG contrast standards.
Avoid using the darker shades as text on other dark shades, as contrast will be insufficient for readability.
For interactive elements, ensure button text and icon colors have enough contrast against their background, especially with #7B6055.
Test color pairings thoroughly, as many shades are close in value, which can make differentiation difficult without strong contrast.

Recommended combinations

Classic Study

Ideal for a dark mode interface with #3A2B20 as background, #C1998E for primary text, and #7B6055 for accents.

#3A2B20 · #C1998E · #7B6055

Vintage Appeal

Perfect for product cards, using #5A453A as the card background, #9D7B70 for titles, and #C1998E for details.

#5A453A · #9D7B70 · #C1998E

Earthy Tones

Effective for creating depth in illustrations or data visualizations, with distinct brown layers.

#7B6055 · #5A453A · #C1998E

CSS variables

:root {
  --leather-bound-secrets-1: #3A2B20;
  --leather-bound-secrets-2: #5A453A;
  --leather-bound-secrets-3: #7B6055;
  --leather-bound-secrets-4: #9D7B70;
  --leather-bound-secrets-5: #C1998E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "leather-bound-secrets": {
        1: "#3A2B20",
        2: "#5A453A",
        3: "#7B6055",
        4: "#9D7B70",
        5: "#C1998E",
      }
    }
  }
}

Hex values

Color 1#3A2B20

Color 2#5A453A

Color 3#7B6055

Color 4#9D7B70

Color 5#C1998E

Accessibility

Contrast checker

1.5:1Fail

2.4:1Fail

3.6:1AA18

5.3:1AA

1.5:1Fail

1.6:1Fail

2.3:1Fail

3.5:1AA18

2.4:1Fail

1.6:1Fail

1.5:1Fail

2.3:1Fail

3.6:1AA18

2.3:1Fail

1.5:1Fail

5.3:1AA

3.5:1AA18

2.3:1Fail

1.5:1Fail

Similar palettes

More like Leather Bound Secrets

Leather Bound Secrets

See it in context.

Ready when you are.

Built with Leather Bound Secrets.

How to use Leather Bound Secrets

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Classic Study

Vintage Appeal

Earthy Tones

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Leather Bound Secrets