Back to palettes

Palette

Pine Needle Carpet

A subtle gradient of deep forest greens, like a soft carpet of fallen pine needles in a quiet woods.

DarkCalm5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pine Needle Carpet 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 Pine Needle Carpet.

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

Data visualization

#2E3D34#4A5F50#778C80#A7B8AF#1E2D24

Palette guide

How to use Pine Needle Carpet

Overview

The Pine Needle Carpet palette offers a subtle, deep gradient of forest greens, reminiscent of a quiet, shaded woodland floor. It starts with the very dark, almost black #1E2D24, providing a strong, mysterious base. This transitions through #2E3D34 and #4A5F50, which are rich, muted forest greens, to lighter, almost silvery-green hues like #778C80 and #A7B8AF. The overall effect is one of serene calm, depth, and organic texture. This palette is excellent for projects that aim for sophistication, minimalism, and a connection to nature's quiet strength.

Best used for

  • High-end minimalist design
  • Winter-themed product packaging
  • Luxury outdoor apparel branding
  • Serene meditation app interfaces
  • Botanical garden websites
  • Architectural rendering backdrops

Suggested color roles

primary

Use #1E2D24 (Very Dark Green) as a sophisticated, deep base for main backgrounds or large content blocks, conveying quiet strength.

secondary

Employ #2E3D34 (Dark Forest Green) for headings, navigation, or important UI elements, maintaining the deep, earthy feel.

accent

Apply #A7B8AF (Light Grayish Green) for subtle highlights, interactive states, or delicate decorative elements to provide a gentle contrast.

background

A very light, almost white cream, or a soft, pale version of #A7B8AF for an airy, natural canvas.

text

For dark backgrounds like #1E2D24 or #2E3D24, use a crisp white or #A7B8AF for optimal readability. For lighter backgrounds, a deep charcoal or #1E2D24 works well.

Accessibility notes

  • #1E2D24 and #2E3D24 provide excellent contrast for white or #A7B8AF text.
  • Be careful when using #778C80 or #A7B8AF for body text, especially on light backgrounds, to ensure readability.
  • Always check contrast ratios for all text and interactive elements against their backgrounds.
  • Ensure that color alone is not the sole indicator for important information for colorblind users.

Recommended combinations

Deep Forest

For primary content areas, offering strong contrast and a sense of depth and elegance.

#1E2D24 · #A7B8AF · #2E3D34

Soft Moss

Ideal for secondary information, subtle patterns, or to create a layered, organic look.

#4A5F50 · #778C80 · #1E2D24

Winter Light

Use for interactive elements, small icons, or to highlight details against darker backgrounds.

#A7B8AF · #778C80 · #1E2D24

CSS variables

:root {
  --pine-needle-carpet-1: #2E3D34;
  --pine-needle-carpet-2: #4A5F50;
  --pine-needle-carpet-3: #778C80;
  --pine-needle-carpet-4: #A7B8AF;
  --pine-needle-carpet-5: #1E2D24;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pine-needle-carpet": {
        1: "#2E3D34",
        2: "#4A5F50",
        3: "#778C80",
        4: "#A7B8AF",
        5: "#1E2D24",
      }
    }
  }
}

Related searches

dark forest green paletteearthy minimalist colorstranquil green aestheticwinter nature color schemesophisticated muted greens

Palette colors

Hex values

Color 1#2E3D34
·
Color 2#4A5F50
·
Color 3#778C80
·
Color 4#A7B8AF
·
Color 5#1E2D24
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.2:1AA18
5.5:1AA
1.3:1Fail
2
1.7:1Fail
1.9:1Fail
3.3:1AA18
2.1:1Fail
3
3.2:1AA18
1.9:1Fail
1.7:1Fail
4:1AA18
4
5.5:1AA
3.3:1AA18
1.7:1Fail
6.9:1AA
5
1.3:1Fail
2.1:1Fail
4:1AA18
6.9:1AA

Similar palettes

More like Pine Needle Carpet

View all Dark