Back to palettes

Palette

Scholarly Sepia Tones

A brooding and sophisticated palette, perfect for the quiet intensity of an academic study.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F4F4F#4F4F4F#696969#808080#A9A9A9

Palette guide

How to use Scholarly Sepia Tones

Overview

The Scholarly Sepia Tones palette is a brooding and sophisticated collection of grays with subtle green/blue undertones, perfect for the quiet intensity of an academic study. Ranging from the deep #2F4F4F to the lighter #A9A9A9, with intermediate shades like #696969 and #808080, this palette is genuinely useful for designers and developers seeking a vintage, intellectual, and minimalist aesthetic. It provides a harmonious flow of muted, almost monochromatic tones, ideal for creating serene digital experiences, authoritative branding, or any project that aims for a timeless and understated appeal with a hint of melancholy.

Best used for

  • Historical archives and museum digital platforms
  • Intellectual blogs and academic journals
  • Minimalist design systems and interfaces
  • Fine art photography portfolios
  • Art galleries and exhibition branding
  • Documentary film titles and graphics

Suggested color roles

primary

Utilize #2F4F4F as the dominant color for deep backgrounds, headers, or major branding elements to establish a profound, sophisticated anchor.

secondary

Employ #4F4F4F for supporting content blocks, navigation, or to add subtle depth within darker sections.

accent

Apply #808080 for subtle highlights, interactive states, or decorative elements where a soft, aged emphasis is desired.

background

Use #A9A9A9 for main content areas, providing a soft, sepia-like canvas, or #2F4F4F for a dramatic, immersive dark mode.

text

For dark backgrounds like #2F4F4F, use #A9A9A9 or a crisp white. For lighter backgrounds like #A9A9A9, use #2F4F4F or a deep charcoal for optimal readability.

Accessibility notes

  • Ensure sufficient contrast between #A9A9A9 text on darker backgrounds like #2F4F4F or #4F4F4F.
  • Avoid using mid-tones like #696969 and #808080 for text against similar backgrounds, as contrast may be insufficient.
  • For critical information, always prioritize high contrast pairings, such as #2F4F4F on #A9A9A9.
  • Test all color combinations with accessibility tools to ensure compliance, especially for users with color vision deficiencies, given the narrow tonal range.

Recommended combinations

Sepia Depth

Creates a classic sepia-toned look with a deep base, a light background, and a supportive mid-tone.

#2F4F4F · #A9A9A9 · #696969

Grayscale Elegance

Offers a subtle, layered effect, ideal for backgrounds with soft transitions or hierarchical elements.

#4F4F4F · #808080 · #A9A9A9

Muted Contrast

Provides a strong dark base, a clear accent, and a complementary deep tone for structured layouts.

#2F4F4F · #808080 · #4F4F4F

CSS variables

:root {
  --scholarly-sepia-tones-1: #2F4F4F;
  --scholarly-sepia-tones-2: #4F4F4F;
  --scholarly-sepia-tones-3: #696969;
  --scholarly-sepia-tones-4: #808080;
  --scholarly-sepia-tones-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "scholarly-sepia-tones": {
        1: "#2F4F4F",
        2: "#4F4F4F",
        3: "#696969",
        4: "#808080",
        5: "#A9A9A9",
      }
    }
  }
}

Related searches

sepia color paletteacademic gray tonesmoody dark themevintage monochrome hexintellectual design colors

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#4F4F4F
·
Color 3#696969
·
Color 4#808080
·
Color 5#A9A9A9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.6:1Fail
2.3:1Fail
3.8:1AA18
2
1.1:1Fail
1.5:1Fail
2.1:1Fail
3.5:1AA18
3
1.6:1Fail
1.5:1Fail
1.4:1Fail
2.3:1Fail
4
2.3:1Fail
2.1:1Fail
1.4:1Fail
1.7:1Fail
5
3.8:1AA18
3.5:1AA18
2.3:1Fail
1.7:1Fail

Similar palettes

More like Scholarly Sepia Tones

View all dark
Dark Academia Ink
Ancient Tome Hues
Dark Academia Charm
Dark Academia Ink
Dark Academia Realm
Gothic Library Aura