Back to palettes

Palette

Ancient Cypress Shade

Deep, solemn greens and muted earth tones found beneath the ancient, stoic cypress trees.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Cypress Shade 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 Ancient Cypress Shade.

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

Data visualization

#2a2a24#4a4a3e#6b6b59#8c8c73#adaa8e

Palette guide

How to use Ancient Cypress Shade

Overview

The Ancient Cypress Shade palette embodies the solemn, deep greens and muted earth tones found beneath ancient, stoic cypress trees. This dark, contemplative collection features a range from the almost black #2a2a24 to the lighter, weathered #adaa8e, offering a sophisticated and grounding aesthetic. It's perfectly suited for designs that require a sense of mystery, tradition, or understated elegance. Developers can appreciate the strong contrast potential for dark mode interfaces, while designers can craft immersive experiences for luxury brands, historical themes, or projects seeking a refined, introspective mood. The subtle variations create rich textural depth.

Best used for

  • Luxury brand websites and packaging
  • Dark mode UI themes
  • Historical documentary graphics
  • High-end furniture or decor branding
  • Art galleries or museum digital platforms
  • Sophisticated editorial design

Suggested color roles

primary

#4a4a3e (Deep Olive) - A grounding primary color for main sections, headers, or prominent UI elements, exuding calm and depth.

secondary

#6b6b59 (Muted Sage) - Ideal for supporting content, subheadings, or as a background for interactive components, adding natural texture.

accent

#8c8c73 (Light Khaki) - Use for subtle highlights, interactive states, or small icons to add a touch of aged luminosity.

background

#2a2a24 (Very Dark Green) - A profound, dark background that sets a sophisticated mood, perfect for white or very light text.

text

#adaa8e (Pale Olive) - Provides excellent readability on the dark #2a2a24 background, ideal for body text and labels in dark mode.

Accessibility notes

  • Ensure #adaa8e text on #2a2a24 background meets WCAG AA contrast for readability.
  • Avoid using #8c8c73 on #6b6b59 for small text due to insufficient contrast.
  • #4a4a3e can serve as a background for lighter text, but always verify contrast ratios.
  • For light mode applications, consider using a standard charcoal or black text against #adaa8e.

Recommended combinations

Shaded Depths

Ideal for creating deep, elegant backgrounds with bright, readable text elements.

#2A2A24 · #4A4A3E · #ADAA8E

Weathered Stone

Great for UI cards or feature panels, providing a subtle, earthy gradient.

#6B6B59 · #8C8C73 · #4A4A3E

Ancient Bark

Effective for layered graphics or textured backgrounds, conveying natural depth.

#4A4A3E · #2A2A24 · #6B6B59

CSS variables

:root {
  --ancient-cypress-shade-1: #2a2a24;
  --ancient-cypress-shade-2: #4a4a3e;
  --ancient-cypress-shade-3: #6b6b59;
  --ancient-cypress-shade-4: #8c8c73;
  --ancient-cypress-shade-5: #adaa8e;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-cypress-shade": {
        1: "#2a2a24",
        2: "#4a4a3e",
        3: "#6b6b59",
        4: "#8c8c73",
        5: "#adaa8e",
      }
    }
  }
}

Related searches

deep cypress green palettedark earthy tonesmuted forest colorssophisticated green grayancient shade color scheme

Palette colors

Hex values

Color 1#2a2a24
·
Color 2#4a4a3e
·
Color 3#6b6b59
·
Color 4#8c8c73
·
Color 5#adaa8e
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
4.2:1AA18
6.1:1AA
2
1.6:1Fail
1.7:1Fail
2.6:1Fail
3.8:1AA18
3
2.7:1Fail
1.7:1Fail
1.6:1Fail
2.3:1Fail
4
4.2:1AA18
2.6:1Fail
1.6:1Fail
1.5:1Fail
5
6.1:1AA
3.8:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Ancient Cypress Shade

View all dark