Back to palettes

Palette

Deep Indigo Inkwell

A rich spectrum of deep indigos and purples, capturing the sophisticated essence of an antique inkwell.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1B0C45#3D2B84#5C4A9E#836DB8#C3B1E1

Palette guide

How to use Deep Indigo Inkwell

Overview

The Deep Indigo Inkwell palette offers a rich, sophisticated spectrum of dark indigos and purples, perfect for projects demanding elegance and depth. Ranging from the profound #1B0C45 to the vibrant #3D2B84 and the softer #5C4A9E, it provides versatile options for designers and developers. This guide helps leverage its luxurious feel, whether for high-end branding or immersive digital experiences. The lighter #836DB8 and ethereal #C3B1E1 provide crucial contrast, ensuring a balanced and visually striking aesthetic that evokes the classic charm of an antique inkwell. Use this palette to create designs that convey authority, mystery, and refined taste.

Best used for

  • Luxury brand identity and packaging
  • High-end event invitations and decor
  • Sophisticated UI/UX design for premium apps
  • Editorial layouts for fashion or art magazines
  • E-commerce sites for jewelry or elegant apparel
  • Art gallery or museum digital presence

Suggested color roles

primary

#1B0C45 - Ideal for dominant elements like navigation bars, footers, or large background sections where a deep, foundational dark tone is desired.

secondary

#3D2B84 - Excellent for subheadings, prominent buttons, or card backgrounds, offering a slightly softer yet still commanding presence next to the primary.

accent

#C3B1E1 - Best reserved for small, impactful elements like interactive states, key icons, or subtle highlights to draw attention without overwhelming the dark theme.

background

#5C4A9E - A versatile choice for main content areas or sections, providing a rich, medium-dark canvas that allows lighter text or elements to stand out gracefully.

text

#C3B1E1 - Recommended for primary body text on darker backgrounds like #1B0C45 or #3D2B84 to ensure optimal readability and maintain the elegant aesthetic.

Accessibility notes

  • Ensure sufficient contrast between #C3B1E1 text and darker backgrounds like #1B0C45 or #3D2B84 to meet WCAG AA standards for readability.
  • Avoid using mid-tone colors like #5C4A9E or #836DB8 for small text on similarly dark backgrounds; contrast will be insufficient.
  • For interactive elements, use #C3B1E1 or #836DB8 against the darkest shades to clearly indicate clickable areas.
  • If using #C3B1E1 as a background, ensure text placed on it is a sufficiently dark shade, such as a deep charcoal or near-black, for legibility.

Recommended combinations

Deep Contrast

Use #1B0C45 as a primary background, #C3B1E1 for headings and key information, and #3D2B84 for secondary text or subtle accents to create a high-impact, luxurious feel.

#1B0C45 · #C3B1E1 · #3D2B84

Elegant Gradient

Apply these three in a subtle linear gradient for hero sections or brand elements, transitioning smoothly from dark to slightly lighter tones for depth and visual interest.

#3D2B84 · #5C4A9E · #836DB8

Subtle Harmony

Ideal for softer interfaces or layered content, using #5C4A9E as a base, #836DB8 for cards or sections, and #C3B1E1 for highlights or icons.

#5C4A9E · #836DB8 · #C3B1E1

CSS variables

:root {
  --deep-indigo-inkwell-1: #1B0C45;
  --deep-indigo-inkwell-2: #3D2B84;
  --deep-indigo-inkwell-3: #5C4A9E;
  --deep-indigo-inkwell-4: #836DB8;
  --deep-indigo-inkwell-5: #C3B1E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-indigo-inkwell": {
        1: "#1B0C45",
        2: "#3D2B84",
        3: "#5C4A9E",
        4: "#836DB8",
        5: "#C3B1E1",
      }
    }
  }
}

Related searches

elegant purple color schemedark indigo web designsophisticated blue purple paletteluxury inkwell colorsdeep violet branding guide

Palette colors

Hex values

Color 1#1B0C45
·
Color 2#3D2B84
·
Color 3#5C4A9E
·
Color 4#836DB8
·
Color 5#C3B1E1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
4.1:1AA18
9:1AAA
2
1.6:1Fail
1.6:1Fail
2.6:1Fail
5.7:1AA
3
2.5:1Fail
1.6:1Fail
1.7:1Fail
3.7:1AA18
4
4.1:1AA18
2.6:1Fail
1.7:1Fail
2.2:1Fail
5
9:1AAA
5.7:1AA
3.7:1AA18
2.2:1Fail

Similar palettes

More like Deep Indigo Inkwell

View all dark