Back to palettes

Palette

Highland Peat Moss

Deep, muted greens and browns reflecting the rich, ancient peat moss of the Scottish highlands.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Highland Peat Moss 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 Highland Peat Moss.

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

Data visualization

#4F4F3F#6A6A5C#8B8B79#A8A89A#2E2E25

Palette guide

How to use Highland Peat Moss

Overview

The Highland Peat Moss palette is a rich, earthy collection reflecting the deep, ancient peat moss of the Scottish highlands. Dominated by muted greens and browns, from the darkest #2E2E25 to the lighter #A8A89A, it includes grounding tones like #4F4F3F and #6A6A5C. This palette is incredibly useful for designers and developers seeking to evoke a sense of raw nature, rustic authenticity, and profound depth. It's ideal for projects that require a natural, organic, and somewhat rugged aesthetic, offering a sophisticated alternative to overly bright or saturated color schemes. It conveys stability and a timeless connection to the earth.

Best used for

  • Rustic interior design and decor
  • Organic food and beverage packaging
  • Artisanal craft and handmade product branding
  • Nature documentaries and environmental campaigns
  • Historical or heritage-themed websites
  • Outdoor adventure and exploration brands

Suggested color roles

primary

Utilize #4F4F3F as a rich, deep peat green-brown for primary content areas or large design blocks, establishing the palette's earthy core.

secondary

Employ #6A6A5C for supporting elements, subheadings, or secondary navigation, offering a softer, mossy mid-tone.

accent

Reserve #8B8B79 for subtle highlights, background textures, or delicate UI elements, adding a touch of faded natural light.

background

Use #A8A89A as a light, muted neutral background, providing a soft yet grounded canvas for the deeper tones.

text

Opt for #2E2E25 for body text and important headings to ensure maximum readability and a sophisticated, deep contrast.

Accessibility notes

  • Ensure #2E2E25 provides excellent contrast against #A8A89A for all text sizes.
  • When using #4F4F3F for text, verify it has adequate contrast on lighter backgrounds like #A8A89A or #8B8B79.
  • Avoid using #8B8B79 for small text or critical information due to its light value.
  • Always test color combinations with accessibility tools to confirm readability for all elements.

Recommended combinations

Peat Depth

Excellent for main content areas, providing a light background with clear, deep text and a grounding accent.

#2E2E25 · #A8A89A · #4F4F3F

Mossy Ground

Ideal for section headers, sub-navigation, or visual elements requiring a balanced, natural feel.

#6A6A5C · #8B8B79 · #2E2E25

Rustic Earth

Effective for creating a cohesive, peaceful visual hierarchy, with mid-tones supported by light and dark.

#4F4F3F · #A8A89A · #6A6A5C

CSS variables

:root {
  --highland-peat-moss-1: #4F4F3F;
  --highland-peat-moss-2: #6A6A5C;
  --highland-peat-moss-3: #8B8B79;
  --highland-peat-moss-4: #A8A89A;
  --highland-peat-moss-5: #2E2E25;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "highland-peat-moss": {
        1: "#4F4F3F",
        2: "#6A6A5C",
        3: "#8B8B79",
        4: "#A8A89A",
        5: "#2E2E25",
      }
    }
  }
}

Related searches

peat moss color paletteearthy deep greenrustic natural toneshighland bog colorsorganic design palette

Palette colors

Hex values

Color 1#4F4F3F
·
Color 2#6A6A5C
·
Color 3#8B8B79
·
Color 4#A8A89A
·
Color 5#2E2E25
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
3.5:1AA18
1.6:1Fail
2
1.5:1Fail
1.6:1Fail
2.3:1Fail
2.5:1Fail
3
2.4:1Fail
1.6:1Fail
1.4:1Fail
4:1AA18
4
3.5:1AA18
2.3:1Fail
1.4:1Fail
5.7:1AA
5
1.6:1Fail
2.5:1Fail
4:1AA18
5.7:1AA

Similar palettes

More like Highland Peat Moss

View all earth
Ancient Forest Realm
Ancient Temple Moss
Deep Forest Undergrowth
Emerald Canopy Hush
Emerald Coast Moss
Emerald Jungle Mystery