Back to palettes

Palette

Obsidian Quill Ink

A sophisticated and mysterious palette evoking the richness of old books and shadowed, forgotten corners.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Obsidian Quill Ink 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 Obsidian Quill Ink.

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

Data visualization

#1E1E1E#36454F#5D6D7E#808080#A9A9A9

Palette guide

How to use Obsidian Quill Ink

Overview

The Obsidian Quill Ink palette is sophisticated and mysterious, evoking the richness of old books and shadowed, forgotten corners. It features deep charcoals like #1E1E1E, nuanced blue-grays such as #36454F and #5D6D7E, and classic grays like #808080 and #A9A9A9. This blend creates an elegant, intellectual atmosphere, perfect for designs that aim for a timeless, refined, and authoritative feel. The palette offers excellent versatility for creating clear visual hierarchies with a sense of understated luxury.

Best used for

  • Literary websites and publishing houses
  • Antique stores or vintage brands
  • Luxury stationery and writing brands
  • Professional services and corporate websites
  • Academic platforms and educational content
  • Museum and archival displays

Suggested color roles

primary

Use #1E1E1E as the foundational background to establish a rich, deep charcoal canvas.

secondary

Employ #36454F for secondary content panels, card backgrounds, or subtle section dividers, adding a sophisticated blue-gray depth.

accent

Apply #A9A9A9 for delicate highlights, interactive elements, or metadata, providing a refined touch.

background

The deep #1E1E1E or #36454F provides an elegant, intellectual backdrop for content.

text

For primary body text, #808080 offers excellent readability on darker backgrounds, while #A9A9A9 can be used for headlines or important information.

Accessibility notes

  • Ensure sufficient contrast for #808080 text on #1E1E1E or #36454F to meet WCAG AA standards, especially for longer paragraphs.
  • Be mindful of the subtle blue undertones in #36454F and #5D6D7E, ensuring they don't hinder readability on certain screens.
  • Provide clear visual cues for interactive elements, as the palette's subtlety requires well-defined states.
  • Consider generous line-height and spacing to enhance readability in this sophisticated, low-contrast environment.

Recommended combinations

Classic Elegance

A deep charcoal background, a sophisticated blue-gray for containers, and a classic gray for readable text.

#1E1E1E · #36454F · #808080

Refined Layers

Ideal for layered UI elements, using a dark blue-gray base, a lighter blue-gray for cards, and a bright gray for details.

#36454F · #5D6D7E · #A9A9A9

Subtle Highlight

Use a deep background with a mid-tone gray for body text and a lighter gray for headlines or interactive elements.

#1E1E1E · #808080 · #A9A9A9

CSS variables

:root {
  --obsidian-quill-ink-1: #1E1E1E;
  --obsidian-quill-ink-2: #36454F;
  --obsidian-quill-ink-3: #5D6D7E;
  --obsidian-quill-ink-4: #808080;
  --obsidian-quill-ink-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "obsidian-quill-ink": {
        1: "#1E1E1E",
        2: "#36454F",
        3: "#5D6D7E",
        4: "#808080",
        5: "#A9A9A9",
      }
    }
  }
}

Related searches

elegant dark palettesophisticated greyliterary color schemecharcoal blue-greyprofessional dark theme

Palette colors

Hex values

Color 1#1E1E1E
·
Color 2#36454F
·
Color 3#5D6D7E
·
Color 4#808080
·
Color 5#A9A9A9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.1:1AA18
4.2:1AA18
7.1:1AAA
2
1.7:1Fail
1.9:1Fail
2.5:1Fail
4.2:1AA18
3
3.1:1AA18
1.9:1Fail
1.3:1Fail
2.3:1Fail
4
4.2:1AA18
2.5:1Fail
1.3:1Fail
1.7:1Fail
5
7.1:1AAA
4.2:1AA18
2.3:1Fail
1.7:1Fail

Similar palettes

More like Obsidian Quill Ink

View all dark