Back to palettes

Palette

Crimson Fjord Twilight

A dramatic blend of deep reds, reflecting the solemn beauty of a fjord at dusk.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4a0404#7b1e1e#a73b3b#d36565#ffe0e0

Palette guide

How to use Crimson Fjord Twilight

Overview

The "Crimson Fjord Twilight" palette offers a dramatic blend of deep reds, reflecting the solemn beauty of a fjord at dusk. This dark, intense gradient moves from a profound #4a0404 (Darkest Crimson) to a soft #ffe0e0 (Pale Pink), including #7b1e1e, #a73b3b, and #d36565. Designers can leverage this palette to create moody, sophisticated, and dramatic aesthetics, perfect for evoking mystery or elegance. Its gradual shift from deep, almost black-red to a delicate blush provides versatility for layering and visual storytelling. Developers will find these hex codes ideal for dark mode interfaces, luxury branding, or any project aiming for a deep, introspective, and visually striking appeal.

Best used for

  • Dark mode UI/UX designs
  • Luxury and high-end branding
  • Dramatic website hero sections
  • Art and photography portfolios
  • Evening wear fashion design
  • Mystery or thriller book covers

Suggested color roles

primary

Use #4a0404 (Darkest Crimson) for main backgrounds, navigation, or strong brand elements, creating a deep, immersive feel.

secondary

Apply #7b1e1e (Deep Red) for secondary content blocks, subheadings, or borders, providing a slightly lighter, yet still intense, tone.

accent

Introduce #ffe0e0 (Pale Pink) for subtle highlights, interactive states, or delicate graphic elements, offering a soft contrast.

background

Employ #d36565 (Muted Red) for content areas or cards, balancing the darkness with a warmer, more inviting shade.

text

For dark backgrounds like #4a0404, #7b1e1e, or #a73b3b, use white or #ffe0e0. For lighter backgrounds like #d36565, a dark charcoal or black is ideal.

Accessibility notes

  • Ensure sufficient contrast for light text on #4a0404 (Darkest Crimson), #7b1e1e (Deep Red), and #a73b3b (Medium Red).
  • When using #d36565 (Muted Red) as a background, dark text (e.g., black or dark gray) will be necessary for readability.
  • Avoid low-contrast pairings between adjacent mid-tones like #a73b3b and #d36565 for text and background.
  • The stark contrast between #4a0404 and #ffe0e0 can be very effective for visual hierarchy, but ensure text size is adequate.

Recommended combinations

Twilight Depth

Creating a dramatic background with deep reds, accented by a pale pink for highlights or key information.

#4A0404 · #7B1E1E · #FFE0E0

Fjord Gradient

Smooth, subtle gradients for content areas or visual elements, transitioning from deep to muted red.

#7B1E1E · #A73B3B · #D36565

Contrast Focus

Highlighting specific elements, using a medium red with a pale pink for readability and the darkest red for a strong anchor.

#A73B3B · #FFE0E0 · #4A0404

CSS variables

:root {
  --crimson-fjord-twilight-1: #4a0404;
  --crimson-fjord-twilight-2: #7b1e1e;
  --crimson-fjord-twilight-3: #a73b3b;
  --crimson-fjord-twilight-4: #d36565;
  --crimson-fjord-twilight-5: #ffe0e0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-fjord-twilight": {
        1: "#4a0404",
        2: "#7b1e1e",
        3: "#a73b3b",
        4: "#d36565",
        5: "#ffe0e0",
      }
    }
  }
}

Related searches

dark red color schememoody crimson palettefjord inspired colorsdramatic twilight hex codeselegant red gray pink

Palette colors

Hex values

Color 1#4a0404
·
Color 2#7b1e1e
·
Color 3#a73b3b
·
Color 4#d36565
·
Color 5#ffe0e0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
4.4:1AA18
13:1AAA
2
1.6:1Fail
1.6:1Fail
2.8:1Fail
8.3:1AAA
3
2.5:1Fail
1.6:1Fail
1.7:1Fail
5.1:1AA
4
4.4:1AA18
2.8:1Fail
1.7:1Fail
2.9:1Fail
5
13:1AAA
8.3:1AAA
5.1:1AA
2.9:1Fail

Similar palettes

More like Crimson Fjord Twilight

View all dark
Midnight Ink Shroud
Midnight Ink Spill
Nocturne Shadow Play
Velvet Abyss
Abyss Gaze
Abyssal Bioluminescence