Back to palettes

Palette

Scholarly Tome Tones

A sophisticated palette of deep, muted tones reflecting old leather-bound books and cozy, thoughtful study.

DarkDark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Scholarly Tome Tones 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 Scholarly Tome Tones.

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

Data visualization

#3A2E39#5A4952#7A646A#9B8084#BC9EA0

Palette guide

How to use Scholarly Tome Tones

Overview

The "Scholarly Tome Tones" palette offers a sophisticated collection of deep, muted hues perfect for projects requiring a sense of vintage elegance and intellectual depth. Anchored by the profound #3A2E39, reminiscent of aged leather, this palette seamlessly transitions through the warm, understated #5A4952 and #7A646A, culminating in the softer, almost blush-like #BC9EA0. Designers and developers can leverage these tones to evoke a cozy, thoughtful atmosphere, ideal for high-end branding, editorial layouts, or digital interfaces that aim for a timeless, refined aesthetic. The harmonious blend ensures visual consistency and a rich user experience.

Best used for

  • University or academic institution branding
  • Luxury product packaging (e.g., artisanal coffee, bespoke stationery)
  • Editorial design for literary magazines or historical content
  • Websites for antique shops, bookstores, or heritage brands
  • Interior design mood boards for studies or libraries
  • Sophisticated mobile application interfaces

Suggested color roles

primary

#3A2E39 (Deepest Violet-Brown) – Ideal for foundational elements, strong headers, or as a dominant brand color to convey gravitas and authority.

secondary

#5A4952 (Muted Plum) – Excellent for supporting content blocks, navigation bars, or secondary branding elements that require depth without being overwhelming.

accent

#9B8084 (Dusty Rose-Brown) – Use sparingly for calls to action, interactive elements, or subtle highlights to draw attention without disrupting the palette's tranquility.

background

#BC9EA0 (Pale Mauve-Taupe) – A soft, inviting backdrop for main content areas, offering gentle contrast and enhancing readability for darker text.

text

For body text on dark backgrounds like #3A2E39, use #BC9EA0 or a soft off-white. For headings and crucial text on lighter backgrounds like #BC9EA0, #3A2E39 provides excellent readability and impact.

Accessibility notes

  • Ensure sufficient contrast (WCAG AA/AAA) when pairing #BC9EA0 with mid-tone colors like #7A646A for text, as readability may be an issue.
  • Always use the darkest colors, #3A2E39 or #5A4952, for body text on light backgrounds such as #BC9EA0 to maintain legibility.
  • Avoid using mid-range colors like #7A646A or #9B8084 for small font sizes or critical information, especially when paired with similar tones.
  • Test all text and interactive element color combinations against accessibility guidelines to prevent strain for users with visual impairments.

Recommended combinations

Classic Depth

A robust combination for primary branding, website headers, and main body content with excellent contrast.

#3A2E39 · #5A4952 · #BC9EA0

Subtle Harmony

Perfect for secondary UI elements, data visualizations, or layered background textures where soft transitions are desired.

#5A4952 · #7A646A · #9B8084

Accentuated Read

Ideal for dark text on a light background with a contrasting accent for buttons, links, or key information.

#3A2E39 · #9B8084 · #BC9EA0

CSS variables

:root {
  --scholarly-tome-tones-1: #3A2E39;
  --scholarly-tome-tones-2: #5A4952;
  --scholarly-tome-tones-3: #7A646A;
  --scholarly-tome-tones-4: #9B8084;
  --scholarly-tome-tones-5: #BC9EA0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "scholarly-tome-tones": {
        1: "#3A2E39",
        2: "#5A4952",
        3: "#7A646A",
        4: "#9B8084",
        5: "#BC9EA0",
      }
    }
  }
}

Related searches

vintage color schemesdark academia palettemoody brand colorsintellectual color schemesmuted earth tones

Palette colors

Hex values

Color 1#3A2E39
·
Color 2#5A4952
·
Color 3#7A646A
·
Color 4#9B8084
·
Color 5#BC9EA0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
3.6:1AA18
5.2:1AA
2
1.5:1Fail
1.5:1Fail
2.3:1Fail
3.4:1AA18
3
2.4:1Fail
1.5:1Fail
1.5:1Fail
2.2:1Fail
4
3.6:1AA18
2.3:1Fail
1.5:1Fail
1.5:1Fail
5
5.2:1AA
3.4:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Scholarly Tome Tones

View all Dark