Back to palettes

Palette

Scholar's Tome

A sophisticated grayscale palette evoking the quiet dignity of old books and forgotten wisdom.

monochromeelegant5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Scholar's Tome 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 Scholar's Tome.

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

Data visualization

#DCDCDC#BDBDBD#808080#505050#202020

Palette guide

How to use Scholar's Tome

Overview

The Scholar's Tome palette is a sophisticated grayscale collection, evoking the quiet dignity of old books and forgotten wisdom. Featuring a spectrum from light #DCDCDC (Gainsboro) to deep #202020 (Very Dark Grey), with balanced mid-tones like #BDBDBD, #808080, and #505050, this monochrome palette offers timeless elegance and versatility. Designers and developers can leverage its clean, classic aesthetic to create refined interfaces, professional branding, or minimalist print materials. It's ideal for projects that require a sense of history, professionalism, or a calm, understated visual presence, ensuring clarity and a classic appeal.

Best used for

  • Classic and academic institutions branding
  • Minimalist and clean website designs
  • Professional portfolios and resumes
  • Photography and art exhibition sites
  • Tech interfaces requiring neutrality
  • E-commerce for high-end, timeless products

Suggested color roles

primary

#505050 (Dark Grey) - A strong, grounding primary color, excellent for main headings, navigation, or core brand elements.

secondary

#808080 (Medium Grey) - Provides a versatile supporting tone, suitable for subheadings, secondary information, or UI component borders.

accent

#BDBDBD (Light Grey) - A subtle, brighter accent that can highlight interactive elements or provide visual separation without being intrusive.

background

#DCDCDC (Gainsboro) - An airy, clean base that ensures high readability and a crisp, modern feel for content areas.

text

#202020 (Very Dark Grey) for body text on light backgrounds. #FFFFFF (white) is ideal for text on #202020 or #505050.

Accessibility notes

  • Always use #202020 for body text on #DCDCDC or #BDBDBD to ensure excellent WCAG AA contrast.
  • Pair lighter greys like #BDBDBD with darker text like #505050 to maintain readability for secondary information.
  • Avoid using #DCDCDC and #BDBDBD for text and background respectively for critical information due to very low contrast.
  • For interactive elements, ensure hover and focus states provide clear visual feedback beyond a subtle shade change.

Recommended combinations

Classic Read

For a clean, highly readable content block with a strong heading and clear body text on a light background.

#DCDCDC · #202020 · #505050

Subtle Button

A professional button with clear white text, suitable for calls-to-action in a refined interface.

#808080 · #BDBDBD · #505050

Grayscale Depth

Creates subtle depth and hierarchy in UI components like cards or panels, maintaining an elegant, minimalist aesthetic.

#505050 · #202020 · #808080

CSS variables

:root {
  --scholar-s-tome-1: #DCDCDC;
  --scholar-s-tome-2: #BDBDBD;
  --scholar-s-tome-3: #808080;
  --scholar-s-tome-4: #505050;
  --scholar-s-tome-5: #202020;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "scholar-s-tome": {
        1: "#DCDCDC",
        2: "#BDBDBD",
        3: "#808080",
        4: "#505050",
        5: "#202020",
      }
    }
  }
}

Related searches

grayscale color palettemonochrome grey schemeclassic neutral colorselegant grey tonesprofessional dark light grey

Palette colors

Hex values

Color 1#DCDCDC
·
Color 2#BDBDBD
·
Color 3#808080
·
Color 4#505050
·
Color 5#202020
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.9:1Fail
5.9:1AA
11.9:1AAA
2
1.4:1Fail
2.1:1Fail
4.3:1AA18
8.7:1AAA
3
2.9:1Fail
2.1:1Fail
2:1Fail
4.1:1AA18
4
5.9:1AA
4.3:1AA18
2:1Fail
2:1Fail
5
11.9:1AAA
8.7:1AAA
4.1:1AA18
2:1Fail

Similar palettes

More like Scholar's Tome

View all monochrome
Ancient Marble Column
Sculpted Marble Elegance
Ancient Marble Statue
Ancient Marble Temple
Ancient Stone Keep
Ash Cloud Symphony