Back to palettes

Palette

Woodland Fawn Camouflage

Muted, gentle browns and creams, like the dappled fur of a fawn hidden in the woods.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Woodland Fawn Camouflage 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 Woodland Fawn Camouflage.

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

Data visualization

#7A5B4C#9B7E6F#BF9E90#DCD2C8#5B443B

Palette guide

How to use Woodland Fawn Camouflage

Overview

The Woodland Fawn Camouflage palette offers a collection of muted, gentle browns and creams, meticulously crafted to evoke the subtle, dappled beauty of a fawn in its natural habitat. Featuring the deep Cocoa Brown (#5B443B), a rich Medium Taupe (#7A5B4C), and the warm Rosy Brown (#9B7E6F), these tones mimic the intricate patterns of fur and bark. The palette is softened by the delicate Light Taupe (#BF9E90) and the airy Linen (#DCD2C8), providing light and contrast. This collection is perfect for designers and developers aiming for a sophisticated, natural, and understated aesthetic, conveying warmth, subtlety, and organic elegance.

Best used for

  • Organic and sustainable brand identities
  • Nature photography portfolios or websites
  • Rustic interior design concepts
  • Apparel for outdoor and casual wear
  • Skincare or natural beauty product packaging
  • Subtle, elegant website backgrounds

Suggested color roles

primary

Cocoa Brown (#5B443B) serves as a deep, grounding primary, excellent for strong headlines, navigation, or footer elements, conveying stability and depth.

secondary

Medium Taupe (#7A5B4C) offers a versatile secondary, ideal for content blocks, subheadings, or supporting graphical elements, maintaining an earthy feel.

accent

Rosy Brown (#9B7E6F) provides a warm, inviting accent, perfect for calls to action, interactive elements, or subtle highlights that add a touch of warmth.

background

Linen (#DCD2C8) offers a very light, neutral base, ideal for main content areas, ensuring excellent readability and a soft, airy feel.

text

Cocoa Brown (#5B443B) is the optimal choice for body text, providing strong contrast and maintaining the palette's natural aesthetic against lighter backgrounds.

Accessibility notes

  • Ensure #5B443B text on #DCD2C8 backgrounds meets WCAG AA contrast ratios for readability.
  • Avoid using #9B7E6F or #BF9E90 for small text on mid-tone backgrounds due to potential low contrast.
  • For interactive elements, pair #7A5B4C with #DCD2C8 for clear visual differentiation.
  • Consider larger font sizes for #7A5B4C or #9B7E6F if used as headings on slightly darker backgrounds.

Recommended combinations

Fawn Spots

Deep brown with a light beige background and a warm mid-tone for a natural, elegant contrast.

#5B443B · #DCD2C8 · #9B7E6F

Muted Earth

A harmonious blend of mid-browns and a light tan for subtle depth and organic layering.

#7A5B4C · #BF9E90 · #DCD2C8

Woodland Blend

Warm brown with a dark grounding color and a light tan for a balanced, natural composition.

#9B7E6F · #5B443B · #BF9E90

CSS variables

:root {
  --woodland-fawn-camouflage-1: #7A5B4C;
  --woodland-fawn-camouflage-2: #9B7E6F;
  --woodland-fawn-camouflage-3: #BF9E90;
  --woodland-fawn-camouflage-4: #DCD2C8;
  --woodland-fawn-camouflage-5: #5B443B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woodland-fawn-camouflage": {
        1: "#7A5B4C",
        2: "#9B7E6F",
        3: "#BF9E90",
        4: "#DCD2C8",
        5: "#5B443B",
      }
    }
  }
}

Related searches

fawn color palettenatural brown cream schememuted earthy tonessubtle camouflage colorsorganic neutral palette

Palette colors

Hex values

Color 1#7A5B4C
·
Color 2#9B7E6F
·
Color 3#BF9E90
·
Color 4#DCD2C8
·
Color 5#5B443B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
4.1:1AA18
1.5:1Fail
2
1.6:1Fail
1.5:1Fail
2.5:1Fail
2.4:1Fail
3
2.5:1Fail
1.5:1Fail
1.7:1Fail
3.6:1AA18
4
4.1:1AA18
2.5:1Fail
1.7:1Fail
6:1AA
5
1.5:1Fail
2.4:1Fail
3.6:1AA18
6:1AA

Similar palettes

More like Woodland Fawn Camouflage

View all earth
Whispering Dune Wind
Agave Spire Dawn
Aged Wood Stain
Ancient Clay Vessel
Ancient Loom Fabric
Arid Blossom Mirage