Back to palettes

Palette

Desert Night Cactus

Reflects the subtle, cool tones of a desert landscape under the moon, with shadows clinging to cacti.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Night Cactus 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 Desert Night Cactus.

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

Data visualization

#1F2933#34404C#546171#7E8A99#AAB4BF

Palette guide

How to use Desert Night Cactus

Overview

The "Desert Night Cactus" palette captures the subtle, cool tones of a desert landscape under the moon, with shadows clinging to cacti. This collection features a deep, almost black #1F2933, a sophisticated dark blue-gray #34404C, and a versatile mid-tone #546171. Lighter shades of cool gray #7E8A99 and #AAB4BF complete the range, offering a serene yet moody aesthetic. Ideal for designs seeking a professional, understated, and modern feel, this palette provides depth and tranquility. It's particularly effective for corporate, tech, or luxury applications that benefit from a cool, refined color scheme.

Best used for

  • Corporate and professional websites
  • Tech interface and dashboard design
  • Sophisticated luxury branding
  • Winter or evening fashion collections
  • Data visualization and analytics platforms
  • Architectural firm portfolios

Suggested color roles

primary

Use #34404C as the main color for large sections or brand identity, providing a deep, stable, and professional feel.

secondary

Employ #546171 for supporting content, subheadings, or background elements, adding subtle depth and visual interest.

accent

Reserve #AAB4BF for subtle highlights, icons, or secondary text on darker backgrounds, offering a gentle contrast.

background

Utilize #1F2933 as a very dark, grounding background, creating a deep canvas that enhances the cool, moody tones.

text

For optimal readability on dark backgrounds, use #AAB4BF or a crisp white. For lighter elements, a dark charcoal is recommended.

Accessibility notes

  • #AAB4BF provides good contrast for text on #1F2933 and #34404C, ensuring readability.
  • Avoid placing #7E8A99 on #546171 for text due to low contrast; reserve lighter shades for larger decorative elements.
  • Always use #AAB4BF or white for body text on the darker shades to meet accessibility standards.
  • Ensure interactive elements are clearly distinguishable; consider using #AAB4BF for button text or hover states.

Recommended combinations

Shadowed Cactus

Creates a deep, mysterious composition, ideal for hero sections or brand statements that convey sophistication.

#1F2933 · #546171 · #AAB4BF

Night Horizon

A subtle, serene blend, excellent for sub-sections or information panels that require a calm, professional look.

#34404C · #7E8A99 · #AAB4BF

Desert Twilight

Offers a muted, atmospheric feel, suitable for background textures or visual storytelling elements.

#546171 · #1F2933 · #7E8A99

CSS variables

:root {
  --desert-night-cactus-1: #1F2933;
  --desert-night-cactus-2: #34404C;
  --desert-night-cactus-3: #546171;
  --desert-night-cactus-4: #7E8A99;
  --desert-night-cactus-5: #AAB4BF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-night-cactus": {
        1: "#1F2933",
        2: "#34404C",
        3: "#546171",
        4: "#7E8A99",
        5: "#AAB4BF",
      }
    }
  }
}

Related searches

dark blue gray color palettecool professional design colorsmoody desert night themecorporate color schemetech UI palette

Palette colors

Hex values

Color 1#1F2933
·
Color 2#34404C
·
Color 3#546171
·
Color 4#7E8A99
·
Color 5#AAB4BF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
4.2:1AA18
7:1AAA
2
1.4:1Fail
1.7:1Fail
3:1AA18
5:1AA
3
2.3:1Fail
1.7:1Fail
1.8:1Fail
3:1AA18
4
4.2:1AA18
3:1AA18
1.8:1Fail
1.7:1Fail
5
7:1AAA
5:1AA
3:1AA18
1.7:1Fail

Similar palettes

More like Desert Night Cactus

View all dark
Noir City Rain
Blackwater Grotto Gloom
Celestial Deep Blue
City Neon Rain
City Puddle Reflection
Cosmic Night Bloom