Back to palettes

Palette

Forest Floor Jewels

The deep, hidden colors of a shaded forest floor, featuring emerald moss and hints of dark, hidden berries.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forest Floor Jewels 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 Forest Floor Jewels.

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

Data visualization

#2E473C#4B6E44#7E9D5D#8B0000#5B473A

Palette guide

How to use Forest Floor Jewels

Overview

The Forest Floor Jewels palette captures the deep, hidden colors of a shaded woodland, featuring rich emerald moss and unexpected hints of dark, hidden berries. With grounding greens like #2E473C and #4B6E44, it sets a mysterious and natural tone. The vibrant #8B0000 introduces a striking accent, reminiscent of wild berries, while #5B473A adds an earthy, organic brown. A muted green, #7E9D5D, provides a soft base. This palette is ideal for designers and developers creating projects that require a blend of natural depth, subtle luxury, and a touch of unexpected vibrancy, from autumnal branding to captivating digital narratives.

Best used for

  • Autumnal or seasonal branding campaigns
  • Gourmet food packaging (e.g., preserves, wine)
  • Rustic or heritage brand identities
  • Storytelling and editorial design
  • Cozy home textile collections
  • Fantasy or adventure game aesthetics

Suggested color roles

primary

Use #2E473C as the deep, anchoring forest green for main headings, navigation, or strong background elements.

secondary

Apply #4B6E44 for supportive sections, subheadings, or larger UI components, offering a rich mossy green.

accent

Introduce #8B0000 as a vibrant, striking accent for calls-to-action, alerts, or to add a focal point.

background

Utilize #7E9D5D as a muted, natural background, providing a soft canvas for other colors to pop.

text

Select #2E473C or a dark charcoal for primary text, ensuring excellent readability on lighter backgrounds like #7E9D5D.

Accessibility notes

  • Ensure #2E473C provides strong contrast for text when used on #7E9D5D to meet WCAG AA standards.
  • The red #8B0000 offers good contrast for accents on #7E9D5D, but avoid for large blocks of text.
  • Be cautious using #7E9D5D for small text due to its muted nature and potential for lower contrast.
  • Test combinations of #5B473A (brown) with lighter greens for readability, especially for secondary text.

Recommended combinations

Deep & Bold

Excellent for primary branding, high-impact calls-to-action, and visually striking focal points.

#2E473C · #8B0000 · #7E9D5D

Woodland Tones

Ideal for illustrations, natural textures, or supporting elements that evoke an organic feel.

#4B6E44 · #7E9D5D · #5B473A

Jewel Accents

Use for highlights, decorative elements, or to draw attention to specific content within a rich green setting.

#2E473C · #8B0000 · #4B6E44

CSS variables

:root {
  --forest-floor-jewels-1: #2E473C;
  --forest-floor-jewels-2: #4B6E44;
  --forest-floor-jewels-3: #7E9D5D;
  --forest-floor-jewels-4: #8B0000;
  --forest-floor-jewels-5: #5B473A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-floor-jewels": {
        1: "#2E473C",
        2: "#4B6E44",
        3: "#7E9D5D",
        4: "#8B0000",
        5: "#5B473A",
      }
    }
  }
}

Related searches

deep forest berry paletteemerald moss red accentsrustic nature color schemeautumnal woodland colorsrich earthy jewel tones

Palette colors

Hex values

Color 1#2E473C
·
Color 2#4B6E44
·
Color 3#7E9D5D
·
Color 4#8B0000
·
Color 5#5B473A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.3:1AA18
1:1Fail
1.2:1Fail
2
1.7:1Fail
1.9:1Fail
1.7:1Fail
1.5:1Fail
3
3.3:1AA18
1.9:1Fail
3.3:1AA18
2.9:1Fail
4
1:1Fail
1.7:1Fail
3.3:1AA18
1.1:1Fail
5
1.2:1Fail
1.5:1Fail
2.9:1Fail
1.1:1Fail

Similar palettes

More like Forest Floor Jewels

View all earth