Palette

Mossy Glen Secret

Deep, earthy greens and muted browns evoke a hidden glade floor, rich with moss and damp soil.

earthcalm5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mossy Glen Secret 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 Mossy Glen Secret.

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

Data visualization

#2B3D2B#4F6F4F#8C9C7B#B3A18C#6A4A3C

Palette guide

How to use Mossy Glen Secret

Overview

The Mossy Glen Secret palette evokes a hidden glade floor, rich with moss and damp soil, through its deep, earthy greens and muted browns. From the profound #2B3D2B and #4F6F4F to the organic #8C9C7B, and the warm #B3A18C and #6A4A3C, this collection is perfect for designers seeking to create a sense of groundedness, mystery, and natural elegance. Its harmonious blend of dark, muted tones offers a sophisticated earthiness, ideal for projects that require depth and an understated connection to nature. This palette is particularly effective for branding or digital experiences that aim for a calm, introspective, and authentic feel, mirroring the quiet beauty of a secret woodland haven.

Best used for

Artisanal coffee or tea branding
Rustic home decor websites
Men's grooming product packaging
Outdoor lifestyle blogs
Photography portfolios with earthy themes
Historical or heritage brand identities

Suggested color roles

primary

Utilize #2B3D2B for foundational elements like headers or strong calls to action, providing a deep, mysterious anchor.

secondary

Apply #4F6F4F for subheadings, important content blocks, or graphical elements, offering a rich, earthy green.

accent

Employ #6A4A3C for subtle highlights, interactive elements, or to introduce a warm, contrasting brown detail.

background

Use #B3A18C as a muted, warm background for content areas, or #2B3D2B for a darker, more dramatic canvas.

text

For dark backgrounds like #2B3D2B, use #B3A18C or a near-white. For lighter backgrounds, #2B3D2B ensures excellent contrast.

Accessibility notes

Ensure #2B3D2B text on #B3A18C background meets WCAG AA contrast standards.
Be cautious using #8C9C7B for small text on #B3A18C; reserve for larger headings or decorative elements.
Test interactive elements with #4F6F4F for sufficient contrast in both normal and hover states.
Avoid using #6A4A3C for small text on darker greens; it works best as an accent or for larger type.

Recommended combinations

Earthy Depths

Creates a sophisticated, grounded brand presence, combining deep greens with a rich earthy brown for warmth.

#2B3D2B · #4F6F4F · #6A4A3C

Muted Harmony

Ideal for a calm, organic UI, using mid-green for content, a muted green-brown for accents, and light brown for backgrounds.

#4F6F4F · #8C9C7B · #B3A18C

Hidden Glade

Offers a mysterious yet inviting aesthetic for storytelling or editorial design, balancing dark and warm tones.

#2B3D2B · #6A4A3C · #B3A18C

CSS variables

:root {
  --mossy-glen-secret-1: #2B3D2B;
  --mossy-glen-secret-2: #4F6F4F;
  --mossy-glen-secret-3: #8C9C7B;
  --mossy-glen-secret-4: #B3A18C;
  --mossy-glen-secret-5: #6A4A3C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mossy-glen-secret": {
        1: "#2B3D2B",
        2: "#4F6F4F",
        3: "#8C9C7B",
        4: "#B3A18C",
        5: "#6A4A3C",
      }
    }
  }
}

Hex values

Color 1#2B3D2B

Color 2#4F6F4F

Color 3#8C9C7B

Color 4#B3A18C

Color 5#6A4A3C

Accessibility

Contrast checker

2.1:1Fail

4:1AA18

4.6:1AA

1.5:1Fail

2.1:1Fail

1.9:1Fail

2.3:1Fail

1.4:1Fail

4:1AA18

1.9:1Fail

1.2:1Fail

2.7:1Fail

4.6:1AA

2.3:1Fail

1.2:1Fail

3.2:1AA18

1.5:1Fail

1.4:1Fail

2.7:1Fail

3.2:1AA18

Similar palettes

More like Mossy Glen Secret