Palette

Crimson Altar

A dramatic and profound palette, blending the richness of crimson and deep blues with aged stone.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crimson Altar 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 Crimson Altar.

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

Data visualization

#8B0000#A52A2A#4B0082#696969#2F4F4F

Palette guide

How to use Crimson Altar

Overview

The Crimson Altar palette is a dramatic and profound collection, blending the richness of crimson and deep blues with aged stone, evoking a gothic and mystical elegance. Featuring intense hues like the luxurious #8B0000 and the enigmatic #4B0082, this collection is designed for sophisticated and impactful applications. Designers and developers can leverage #A52A2A for rich, warm elements and #696969 for a grounding, aged neutral. The deep #2F4F4F provides excellent depth. This palette is ideal for projects seeking to convey mystery, romance, and a timeless elegance, perfect for high-end branding, dramatic interfaces, or artistic editorial content.

Best used for

Gothic or vintage-inspired branding
Luxury event or wedding themes
Art and museum exhibition design
High-end fashion or jewelry marketing
Dark mode UI themes for sophisticated apps
Editorial design for historical or fantasy literature

Suggested color roles

primary

Use #8B0000 as a dominant primary for large areas or key visuals, establishing a rich, luxurious feel.

secondary

Employ #4B0082 for important headings or background elements, adding a mysterious, deep blue contrast.

accent

Introduce #696969 as a sophisticated neutral accent for subtle details, borders, or background textures.

background

The dark #2F4F4F or #4B0082 creates a dramatic, enveloping background. For contrast, a very dark grey can be used.

text

On these dark backgrounds, white or a very light cream is essential for readability. Avoid using dark text.

Accessibility notes

Always pair these dark colors with white or very light text to ensure sufficient contrast (WCAG AA or AAA).
Avoid low-contrast pairings like #696969 text on #2F4F4F backgrounds for small fonts.
Ensure interactive elements have distinct hover/focus states, as color changes might be subtle within this narrow range.
Use accessibility tools to verify text and UI element contrast ratios diligently across the palette.

Recommended combinations

Mystic Depth

Creates a profound, mysterious base with a rich crimson accent for dramatic designs.

#2F4F4F · #4B0082 · #8B0000

Aged Elegance

Ideal for sophisticated branding, offering rich warmth and a grounded, aged feel.

#A52A2A · #696969 · #2F4F4F

Altar Shadow

Excellent for creating a bold, contrasted aesthetic, balancing deep red and blue with a neutral grey.

#8B0000 · #4B0082 · #696969

CSS variables

:root {
  --crimson-altar-1: #8B0000;
  --crimson-altar-2: #A52A2A;
  --crimson-altar-3: #4B0082;
  --crimson-altar-4: #696969;
  --crimson-altar-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-altar": {
        1: "#8B0000",
        2: "#A52A2A",
        3: "#4B0082",
        4: "#696969",
        5: "#2F4F4F",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#A52A2A

Color 3#4B0082

Color 4#696969

Color 5#2F4F4F

Accessibility

Contrast checker

1.4:1Fail

1.3:1Fail

1.8:1Fail

1.1:1Fail

1.4:1Fail

1.8:1Fail

1.3:1Fail

1.8:1Fail

2.4:1Fail

1.5:1Fail

1.8:1Fail

1.3:1Fail

2.4:1Fail

1.6:1Fail

1.1:1Fail

1.3:1Fail

1.5:1Fail

1.6:1Fail

Similar palettes

More like Crimson Altar

Crimson Altar

See it in context.

Ready when you are.

Built with Crimson Altar.

How to use Crimson Altar

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Mystic Depth

Aged Elegance

Altar Shadow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Crimson Altar