Back to palettes

Palette

Shadowed Inkwell

A deep and somber palette evoking the mystery of a forgotten inkwell and its shadowed, silent history.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A1A2E#4A4A6D#6A5ACD#2F2C4B#8D7A9C

Palette guide

How to use Shadowed Inkwell

Overview

The Shadowed Inkwell palette offers a profound and mysterious aesthetic, perfect for designs seeking depth and sophistication. Dominated by dark, intriguing shades, it features a deep indigo base of #1A1A2E, complemented by the rich mid-tone purple-grey #4A4A6D. A striking accent is provided by the vibrant yet muted violet, #6A5ACD, which can bring a touch of regal elegance. The softer dark purple #2F2C4B serves as an excellent background, while #8D7A9C offers a lighter, contrasting element. This palette is ideal for creating immersive, moody experiences, appealing to designers and developers aiming for a truly unique and evocative visual language.

Best used for

  • Dark mode user interfaces
  • Gothic or fantasy game environments
  • Luxury branding and packaging
  • Editorial design for mystery novels
  • Sophisticated event invitations
  • Digital art with a moody atmosphere

Suggested color roles

primary

Use #1A1A2E as the foundational dark color for main sections or backgrounds, providing a deep, anchoring presence.

secondary

Employ #4A4A6D for secondary sections, borders, or subtle gradients, offering a softer transition from the primary dark.

accent

Apply #6A5ACD judiciously for interactive elements, calls to action, or key highlights to draw attention with its unique vibrancy.

background

Utilize #2F2C4B as a versatile background for content areas, offering a softer dark base that still maintains depth.

text

Pair #8D7A9C with the darker shades like #1A1A2E or #2F2C4B for readable body text, or use a crisp white for maximum contrast.

Accessibility notes

  • Ensure sufficient contrast between #1A1A2E and lighter text colors, such as #8D7A9C, for readability.
  • The vibrant #6A5ACD should have strong contrast when used for interactive elements on any dark background.
  • Avoid using #4A4A6D for small text on #2F2C4B without rigorous WCAG AA/AAA contrast checks.
  • For optimal readability of large blocks of text, consider using a very light grey or pure white on the darkest palette colors.

Recommended combinations

Deep & Regal

Ideal for main headings, navigation bars, and accenting key UI components where depth meets elegance.

#1A1A2E · #6A5ACD · #4A4A6D

Misty Gradient

Excellent for creating atmospheric backgrounds, subtle overlays, or card elements with a smooth transition.

#2F2C4B · #4A4A6D · #8D7A9C

Text Contrast

Use the dark base for backgrounds, #8D7A9C for body text, and #6A5ACD for links or important highlights.

#1A1A2E · #8D7A9C · #6A5ACD

CSS variables

:root {
  --shadowed-inkwell-1: #1A1A2E;
  --shadowed-inkwell-2: #4A4A6D;
  --shadowed-inkwell-3: #6A5ACD;
  --shadowed-inkwell-4: #2F2C4B;
  --shadowed-inkwell-5: #8D7A9C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "shadowed-inkwell": {
        1: "#1A1A2E",
        2: "#4A4A6D",
        3: "#6A5ACD",
        4: "#2F2C4B",
        5: "#8D7A9C",
      }
    }
  }
}

Related searches

dark purple color schememysterious color palettegothic UI colorsdeep indigo designmoody branding colors

Palette colors

Hex values

Color 1#1A1A2E
·
Color 2#4A4A6D
·
Color 3#6A5ACD
·
Color 4#2F2C4B
·
Color 5#8D7A9C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.2:1AA18
1.3:1Fail
4.4:1AA18
2
2:1Fail
1.6:1Fail
1.6:1Fail
2.2:1Fail
3
3.2:1AA18
1.6:1Fail
2.5:1Fail
1.4:1Fail
4
1.3:1Fail
1.6:1Fail
2.5:1Fail
3.4:1AA18
5
4.4:1AA18
2.2:1Fail
1.4:1Fail
3.4:1AA18

Similar palettes

More like Shadowed Inkwell

View all dark
Abyssal Reef Shadow
Dark Forest Cloak
Deep Forest Twilight
Gothic Cloister Arch
Gothic Crypt Shadow
Abyss Gaze