Back to palettes

Palette

Scholarly Tome Hues

Evokes the quiet comfort of an old library, with aged paper, leather bindings, and scholarly warmth.

EarthCalm5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4E342E#6D4C41#A1887F#D7CCC8#EDE7E1

Palette guide

How to use Scholarly Tome Hues

Overview

The "Scholarly Tome Hues" palette is a sophisticated collection of earth tones, meticulously curated to evoke the quiet comfort of an old library and the gravitas of academia. This warm, inviting palette features a grounding deep brown, #4E342E, alongside the versatile medium brown, #6D4C41. Complementary lighter shades include the comforting #A1887F, a warm grey-brown, and the subtle #D7CCC8, a light beige-taupe. The very light #EDE7E1 serves as an ideal canvas, providing excellent contrast and breathability. Designers and developers can leverage these hues to create elegant, timeless aesthetics for branding, web interfaces, and print materials that require a vintage or intellectual appeal.

Best used for

  • University or academic institution branding
  • Vintage e-commerce websites (e.g., books, artisan goods)
  • Interior design concepts for studies or reading rooms
  • Publishing house identity and book cover design
  • Personal blogs or portfolios with a sophisticated tone
  • Coffee shop or bookstore brand identity

Suggested color roles

primary

#4E342E - Utilize this deep, rich brown for main headings, navigation, or key brand elements to convey a sense of establishment and luxury.

secondary

#6D4C41 - A versatile medium brown, perfect for subheadings, borders, or as a background for sections that need gentle emphasis without being overpowering.

accent

#A1887F - This warm grey-brown works beautifully for call-to-action buttons, icons, or subtle highlights, adding an aged, comforting touch.

background

#EDE7E1 - An excellent choice for main content areas, providing a soft, near-white canvas that ensures high readability and a gentle aesthetic.

text

#4E342E - Ideal for primary body text on light backgrounds like #EDE7E1 or #D7CCC8 to ensure high readability and maintain the palette's sophisticated feel. A darker charcoal could also be used for maximum contrast.

Accessibility notes

  • Ensure #4E342E or #6D4C41 text on #EDE7E1 or #D7CCC8 backgrounds meets WCAG AA contrast ratios.
  • Avoid using #A1887F as primary text on #D7CCC8 or #EDE7E1 without checking for large text readability.
  • Verify sufficient contrast for interactive UI elements against their respective backgrounds, especially for smaller components.
  • For optimal readability on #EDE7E1, consider a darker text color (e.g., black or dark charcoal) for very small body text.

Recommended combinations

Aged Parchment

Perfect for elegant typography, where dark text resides on a warm, light background, mimicking vintage paper.

#4E342E · #EDE7E1 · #D7CCC8

Library Shelf

Creates a rich, layered look suitable for section headers, dividers, or visual elements requiring depth and warmth.

#6D4C41 · #A1887F · #4E342E

Subtle Comfort

Ideal for soft UI elements, background patterns, or card designs where a gentle, harmonious, and understated feel is desired.

#D7CCC8 · #A1887F · #EDE7E1

CSS variables

:root {
  --scholarly-tome-hues-1: #4E342E;
  --scholarly-tome-hues-2: #6D4C41;
  --scholarly-tome-hues-3: #A1887F;
  --scholarly-tome-hues-4: #D7CCC8;
  --scholarly-tome-hues-5: #EDE7E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "scholarly-tome-hues": {
        1: "#4E342E",
        2: "#6D4C41",
        3: "#A1887F",
        4: "#D7CCC8",
        5: "#EDE7E1",
      }
    }
  }
}

Related searches

vintage brown color schemeacademic aesthetic paletteearth tone branding colorswarm neutral web designlibrary inspired color codes

Palette colors

Hex values

Color 1#4E342E
·
Color 2#6D4C41
·
Color 3#A1887F
·
Color 4#D7CCC8
·
Color 5#EDE7E1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.4:1AA18
7.2:1AAA
9.2:1AAA
2
1.5:1Fail
2.3:1Fail
4.8:1AA
6.2:1AA
3
3.4:1AA18
2.3:1Fail
2.1:1Fail
2.7:1Fail
4
7.2:1AAA
4.8:1AA
2.1:1Fail
1.3:1Fail
5
9.2:1AAA
6.2:1AA
2.7:1Fail
1.3:1Fail

Similar palettes

More like Scholarly Tome Hues

View all Earth