Back to palettes

Palette

Arid Dusk Hues

Earthy reds, deep navies, and muted greens paint the enigmatic canvas of the desert as twilight descends.

Darkdark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arid Dusk Hues 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 Arid Dusk Hues.

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

Data visualization

#B22222#7C0A02#0A1128#306B33#6E3B3B

Palette guide

How to use Arid Dusk Hues

Overview

The Arid Dusk Hues palette paints the enigmatic canvas of the desert as twilight descends, offering a sophisticated and mysterious atmosphere. It features a compelling mix of deep, earthy reds like #B22222 and #7C0A02, a profound navy #0A1128, a muted green #306B33, and a rich, dusty brown #6E3B3B. This unique combination allows designers and developers to craft dramatic, luxurious, and introspective experiences. The dark base provides an excellent foundation for vibrant accents, creating a sense of depth and intrigue. This palette is ideal for projects that require a strong, moody aesthetic with an underlying connection to nature's twilight mysteries.

Best used for

  • Luxury and high-end branding
  • Sophisticated dark mode UI/UX design
  • Evening event invitations and promotions
  • Art installations and museum exhibits
  • Mysterious and dramatic digital content
  • Premium product packaging

Suggested color roles

primary

Utilize #0A1128 as the primary background or base color to establish a deep, mysterious, and immersive canvas.

secondary

Employ #B22222 for bold, dramatic accents, headlines, or call-to-action elements that demand attention.

accent

Apply #306B33 as an unexpected, subtle highlight for interactive elements, icons, or to introduce a touch of organic contrast.

background

The deep #0A1128 serves as an excellent dark background, providing a rich foundation for lighter content and dramatic visuals.

text

For body text on dark backgrounds, pure white or a very light gray is essential for optimal readability and contrast.

Accessibility notes

  • Crucial for dark backgrounds: ensure all text (e.g., white or light gray) has very high contrast against #0A1128, #B22222, and #7C0A02.
  • Avoid using #6E3B3B or #306B33 for small text on dark backgrounds unless contrast is meticulously checked.
  • Interactive elements should have distinct hover/focus states with sufficient contrast.
  • Verify WCAG AA compliance for all text and UI elements, especially given the dark nature of the palette.

Recommended combinations

Deep Twilight

Perfect for sophisticated branding, dark mode themes, or creating a dramatic visual impact with balanced contrast.

#0A1128 · #B22222 · #306B33

Mystic Earth

Ideal for rich, mood-setting backgrounds, textural elements, or conveying a sense of grounded mystery.

#7C0A02 · #6E3B3B · #0A1128

Subtle Glow

Use for interactive elements, data visualization, or to subtly draw attention with an unexpected pop of color.

#306B33 · #B22222 · #0A1128

CSS variables

:root {
  --arid-dusk-hues-1: #B22222;
  --arid-dusk-hues-2: #7C0A02;
  --arid-dusk-hues-3: #0A1128;
  --arid-dusk-hues-4: #306B33;
  --arid-dusk-hues-5: #6E3B3B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arid-dusk-hues": {
        1: "#B22222",
        2: "#7C0A02",
        3: "#0A1128",
        4: "#306B33",
        5: "#6E3B3B",
      }
    }
  }
}

Related searches

dark desert palettemysterious twilight colorsdeep red blue greenluxury dark modeenigmatic earthy tones

Palette colors

Hex values

Color 1#B22222
·
Color 2#7C0A02
·
Color 3#0A1128
·
Color 4#306B33
·
Color 5#6E3B3B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
1:1Fail
1.3:1Fail
2
1.7:1Fail
1.7:1Fail
1.7:1Fail
1.2:1Fail
3
2.8:1Fail
1.7:1Fail
2.9:1Fail
2.1:1Fail
4
1:1Fail
1.7:1Fail
2.9:1Fail
1.4:1Fail
5
1.3:1Fail
1.2:1Fail
2.1:1Fail
1.4:1Fail

Similar palettes

More like Arid Dusk Hues

View all Dark
Midnight Ocean Depths
Deep Sea Lumen
Gothic Garden Nocturne
Night City Gleam
Rainy City Nights
Volcanic Glass Beach