Palette

Scholarly Inkwell Depths

Rich, subdued tones reminiscent of old books, mahogany desks, and hushed library wisdom.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Scholarly Inkwell Depths 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 Inkwell Depths.

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

Data visualization

#3A2C2A#6E5B4D#9B8B79#D3C9BE#5C4B3D

Palette guide

How to use Scholarly Inkwell Depths

Overview

The Scholarly Inkwell Depths palette is a sophisticated collection of rich, subdued browns and muted tones, perfectly capturing the essence of old books, mahogany desks, and hushed library wisdom. Featuring deep #3A2C2A, warm #6E5B4D, and the light, aged parchment tone of #D3C9BE, this palette offers designers and developers a refined aesthetic. It's ideal for creating elegant, timeless interfaces and branding that convey a sense of heritage, tradition, and intellectual pursuit. The natural warmth of the browns creates an inviting yet serious atmosphere.

Best used for

Publishing house websites and literary platforms
Vintage or antique retail branding
Coffee shop and artisanal food product design
Luxury home goods and furniture presentations
Historical content and educational websites
Branding for bespoke services or craftsmanship

Suggested color roles

primary

Utilize #3A2C2A as the foundational color for prominent backgrounds, headers, or major branding elements to establish a deep, sophisticated anchor.

secondary

Employ #5C4B3D or #6E5B4D for supporting content blocks, navigation, or to add rich, complementary warmth.

accent

Apply #9B8B79 for subtle highlights, interactive states, or decorative elements that require a touch of aged elegance.

background

Use #D3C9BE for main content areas, providing a soft, aged paper feel, or #3A2C2A for a dramatic, immersive dark mode.

text

For dark backgrounds like #3A2C2A, use #D3C9BE or a crisp white. For lighter backgrounds like #D3C9BE, use #3A2C2A or a dark charcoal for optimal readability.

Accessibility notes

Ensure sufficient contrast for text on #D3C9BE by using a dark color like #3A2C2A for primary text.
When using #9B8B79 for text, ensure it has adequate contrast against both #D3C9BE and darker backgrounds.
Avoid placing #6E5B4D and #5C4B3D as text and background directly, as their subtle differences might hinder readability.
Test all color combinations with accessibility tools to ensure compliance, especially for links and interactive elements.

Recommended combinations

Classic Page

Creates a timeless book-like feel with a dark cover, light page, and rich accent.

#3A2C2A · #D3C9BE · #6E5B4D

Aged Leather

Offers a monochromatic brown scheme, perfect for textured backgrounds or deep UI elements.

#5C4B3D · #9B8B79 · #6E5B4D

Ink & Parchment

Provides a strong dark base, a light, readable background, and an elegant accent color.

#3A2C2A · #D3C9BE · #9B8B79

CSS variables

:root {
  --scholarly-inkwell-depths-1: #3A2C2A;
  --scholarly-inkwell-depths-2: #6E5B4D;
  --scholarly-inkwell-depths-3: #9B8B79;
  --scholarly-inkwell-depths-4: #D3C9BE;
  --scholarly-inkwell-depths-5: #5C4B3D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "scholarly-inkwell-depths": {
        1: "#3A2C2A",
        2: "#6E5B4D",
        3: "#9B8B79",
        4: "#D3C9BE",
        5: "#5C4B3D",
      }
    }
  }
}

Hex values

Color 1#3A2C2A

Color 2#6E5B4D

Color 3#9B8B79

Color 4#D3C9BE

Color 5#5C4B3D

Accessibility

Contrast checker

2.1:1Fail

4:1AA18

8.2:1AAA

1.6:1Fail

2.1:1Fail

1.9:1Fail

3.9:1AA18

1.3:1Fail

4:1AA18

1.9:1Fail

2:1Fail

2.5:1Fail

8.2:1AAA

3.9:1AA18

2:1Fail

5.1:1AA

1.6:1Fail

1.3:1Fail

2.5:1Fail

5.1:1AA

Similar palettes

More like Scholarly Inkwell Depths

Crimson Velvet Theatre