Back to palettes

Palette

Scholar's Loft Shadows

Somber, muted tones capturing the quiet intellect and old-world charm of a dimly lit library.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#362E2E#5B4D4D#8C7B7B#1C1717#6D5F5F

Palette guide

How to use Scholar's Loft Shadows

Overview

The Scholar's Loft Shadows palette captures the quiet intellect and old-world charm of a dimly lit library, offering somber, muted brown tones. Ranging from the very deep #1C1717 (Darkest Brown) to the lighter, dusty #8C7B7B (Light Taupe), with rich intermediate hues like #362E2E, #5B4D4D, and #6D5F5F, this collection exudes a sense of introspection and vintage elegance. Designers and developers can utilize its dark, sophisticated mood to create immersive, contemplative digital experiences, heritage branding, or atmospheric print designs. It’s perfect for projects that aim for a classic, intellectual, or slightly melancholic aesthetic, offering depth and character.

Best used for

  • Vintage and heritage brand identity
  • Dark-themed websites and applications
  • Literary or academic publishing design
  • Luxury goods with a classic appeal
  • Film noir or mystery genre aesthetics
  • Cozy, sophisticated interior design concepts

Suggested color roles

primary

#362E2E (Deep Brown) - A strong, grounding primary color, excellent for main sections, headers, or core brand elements.

secondary

#5B4D4D (Medium Brown) - Provides a versatile supporting tone, suitable for subheadings, background patterns, or secondary content blocks.

accent

#6D5F5F (Taupe Brown) - A lighter, warmer accent that can highlight interactive elements or provide subtle visual interest.

background

#1C1717 (Very Dark Brown) - A rich, enveloping base that offers a sense of depth and luxury, providing excellent contrast for lighter text.

text

#FFFFFF (white) or a very light cream color is essential for readability against all colors in this palette. For headings, #8C7B7B on #1C1717 provides a subtle yet legible contrast.

Accessibility notes

  • Due to the dark nature of the palette, white or very light text is crucial for readability on all background colors (WCAG AA).
  • Avoid using the darker browns for text on other dark browns; this will lead to illegibility.
  • When using #8C7B7B as a text color, ensure the background is significantly darker, such as #1C1717 or #362E2E.
  • Consider providing a light mode option or very clear focus indicators for interactive elements to aid accessibility.

Recommended combinations

Vintage Read

For a dark, atmospheric content block with a subtle heading and clear white body text.

#1C1717 · #8C7B7B · #362E2E

Deep Button

A sophisticated call-to-action button with clear white text, fitting a classic aesthetic.

#362E2E · #6D5F5F · #5B4D4D

Shadowed Layers

Creates subtle depth and visual hierarchy in UI components, ideal for navigation or cards in a dark theme.

#5B4D4D · #362E2E · #8C7B7B

CSS variables

:root {
  --scholar-s-loft-shadows-1: #362E2E;
  --scholar-s-loft-shadows-2: #5B4D4D;
  --scholar-s-loft-shadows-3: #8C7B7B;
  --scholar-s-loft-shadows-4: #1C1717;
  --scholar-s-loft-shadows-5: #6D5F5F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "scholar-s-loft-shadows": {
        1: "#362E2E",
        2: "#5B4D4D",
        3: "#8C7B7B",
        4: "#1C1717",
        5: "#6D5F5F",
      }
    }
  }
}

Related searches

dark brown color palettevintage library colorsgloomy academic schememuted earth tonessophisticated dark browns

Palette colors

Hex values

Color 1#362E2E
·
Color 2#5B4D4D
·
Color 3#8C7B7B
·
Color 4#1C1717
·
Color 5#6D5F5F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.3:1AA18
1.3:1Fail
2.2:1Fail
2
1.6:1Fail
2:1Fail
2.2:1Fail
1.3:1Fail
3
3.3:1AA18
2:1Fail
4.4:1AA18
1.5:1Fail
4
1.3:1Fail
2.2:1Fail
4.4:1AA18
2.9:1Fail
5
2.2:1Fail
1.3:1Fail
1.5:1Fail
2.9:1Fail

Similar palettes

More like Scholar's Loft Shadows

View all dark
Ancient Tome Hues
Scholarly Gloom Retreat
Smoky Tavern Night
Ancient Library Gloom
Bayou Witch Gloom
Burnt Sugar