Back to palettes

Palette

Crimson Canopy Twilight

A rich, somber palette evoking the deep, mysterious allure of an old growth forest at dusk.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A0000#1E412A#722F37#9E7B6C#2F2F2F

Palette guide

How to use Crimson Canopy Twilight

Overview

The Crimson Canopy Twilight palette is a rich, somber collection evoking the deep, mysterious allure of an old growth forest at dusk. Featuring profound hues like the intense #4A0000 and the enigmatic #1E412A, this collection is designed for sophisticated and atmospheric applications. Designers and developers can leverage #722F37 for a deep, muted red and #9E7B6C for an earthy, subtle contrast. The grounding #2F2F2F provides excellent depth. This palette is ideal for projects seeking to convey mystery, elegance, and a natural, subdued drama, perfect for high-end branding, dark mode interfaces, or artistic editorial content.

Best used for

  • Luxury outdoor or nature-inspired branding
  • Dark mode themes for sophisticated apps
  • Gothic or mysterious website designs
  • High-end whiskey or coffee packaging
  • Interior design for libraries or studies
  • Editorial spreads for historical or fantasy literature

Suggested color roles

primary

Use #4A0000 as a deep, foundational primary for backgrounds or large content blocks, establishing a profound, mysterious mood.

secondary

Employ #1E412A for important headings or navigation, offering a deep, earthy green contrast.

accent

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

background

The dark #2F2F2F or #4A0000 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 #9E7B6C text on #2F2F2F 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

Twilight Forest

Creates a deep, mysterious forest ambiance with a hint of dark crimson.

#2F2F2F · #1E412A · #4A0000

Crimson Earth

Ideal for natural, sophisticated branding, balancing earthy tones with muted reds.

#722F37 · #9E7B6C · #1E412A

Canopy Shadow

Excellent for creating a bold, contrasted aesthetic, balancing deep red and black with a soft neutral.

#4A0000 · #2F2F2F · #9E7B6C

CSS variables

:root {
  --crimson-canopy-twilight-1: #4A0000;
  --crimson-canopy-twilight-2: #1E412A;
  --crimson-canopy-twilight-3: #722F37;
  --crimson-canopy-twilight-4: #9E7B6C;
  --crimson-canopy-twilight-5: #2F2F2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-canopy-twilight": {
        1: "#4A0000",
        2: "#1E412A",
        3: "#722F37",
        4: "#9E7B6C",
        5: "#2F2F2F",
      }
    }
  }
}

Related searches

dark forest color palettecrimson green grey schememysterious elegant huestwilight nature colorssophisticated dark branding

Palette colors

Hex values

Color 1#4A0000
·
Color 2#1E412A
·
Color 3#722F37
·
Color 4#9E7B6C
·
Color 5#2F2F2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
4.3:1AA18
1.2:1Fail
2
1.4:1Fail
1.2:1Fail
3:1Fail
1.2:1Fail
3
1.7:1Fail
1.2:1Fail
2.5:1Fail
1.4:1Fail
4
4.3:1AA18
3:1Fail
2.5:1Fail
3.5:1AA18
5
1.2:1Fail
1.2:1Fail
1.4:1Fail
3.5:1AA18

Similar palettes

More like Crimson Canopy Twilight

View all dark
Emerald Canopy Crown
Enchanted Forest
Imperial Velvet
Midnight Velvet Dusk
Mystic Forest Shroud
Mystic Woodland Shroud