Back to palettes

Palette

Forest Fawn Spot

Soft, warm browns and creams reflecting the delicate colors of a fawn's fur and dappled sunlight.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forest Fawn Spot 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 Fawn Spot.

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

Data visualization

#CD853F#D2B48C#8B4513#5E3D23#F5DEB3

Palette guide

How to use Forest Fawn Spot

Overview

The Forest Fawn Spot palette embodies the delicate warmth and natural innocence of a fawn's fur, dappled with sunlight. Featuring warm hues like the inviting #CD853F (Peru), the soft #D2B48C (Tan), and the rich #8B4513 (Saddle Brown), this collection provides a comforting and earthy aesthetic. Designers can leverage these shades for children's brands, rustic home decor, or cozy lifestyle websites. Developers will find these hex codes practical for creating consistent, warm visual experiences. The palette is balanced with a deep #5E3D23 (Dark Brown) for grounding and a luminous #F5DEB3 (Wheat) for highlights, allowing for versatile applications that evoke softness and natural beauty.

Best used for

  • Children's apparel and toy brands
  • Rustic or farmhouse interior design
  • Bakery and coffee shop branding
  • Cozy blog or lifestyle website design
  • Natural skincare product packaging
  • Autumnal event invitations

Suggested color roles

primary

Use #CD853F (Peru) as a welcoming main color for banners, key graphics, or calls-to-action, establishing a friendly, warm tone.

secondary

Apply #D2B48C (Tan) for secondary content blocks, background textures, or supporting elements, providing a soft, natural complement.

accent

Incorporate #8B4513 (Saddle Brown) for important details, small icons, or to add depth and grounding to the design.

background

Utilize #F5DEB3 (Wheat) as a light, airy background color, perfect for creating a clean, gentle canvas that makes other colors pop softly.

text

Employ #5E3D23 (Dark Brown) for body text and headings, ensuring excellent readability against lighter backgrounds, or a deep espresso for optimal contrast.

Accessibility notes

  • Ensure #5E3D23 has high contrast when used for text against #F5DEB3 to meet WCAG AA standards.
  • Avoid using #D2B48C for small text on #F5DEB3, as the contrast may be insufficient.
  • When layering colors, ensure that interactive elements have a clear contrast state, for instance, #CD853F on #D2B48C.
  • For critical information, consider using a high-contrast pairing like #8B4513 text on #F5DEB3 background.

Recommended combinations

Fawn's Fur

Ideal for creating soft, natural gradients and backgrounds that feel gentle and inviting, like a fawn's coat.

#CD853F · #D2B48C · #F5DEB3

Dappled Light

Excellent for designs needing depth and highlight, mimicking sunlight filtering through trees onto dark earth.

#5E3D23 · #8B4513 · #F5DEB3

Earthy Comfort

Perfect for creating a cozy, rustic feel in branding or UI elements, grounding the design with warm browns.

#8B4513 · #CD853F · #D2B48C

CSS variables

:root {
  --forest-fawn-spot-1: #CD853F;
  --forest-fawn-spot-2: #D2B48C;
  --forest-fawn-spot-3: #8B4513;
  --forest-fawn-spot-4: #5E3D23;
  --forest-fawn-spot-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-fawn-spot": {
        1: "#CD853F",
        2: "#D2B48C",
        3: "#8B4513",
        4: "#5E3D23",
        5: "#F5DEB3",
      }
    }
  }
}

Related searches

fawn color paletteearthy brown cream schemenatural warm colorsrustic design palettecozy autumn shades

Palette colors

Hex values

Color 1#CD853F
·
Color 2#D2B48C
·
Color 3#8B4513
·
Color 4#5E3D23
·
Color 5#F5DEB3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
3.2:1AA18
2.3:1Fail
2
1.5:1Fail
3.6:1AA18
4.9:1AA
1.5:1Fail
3
2.4:1Fail
3.6:1AA18
1.4:1Fail
5.4:1AA
4
3.2:1AA18
4.9:1AA
1.4:1Fail
7.4:1AAA
5
2.3:1Fail
1.5:1Fail
5.4:1AA
7.4:1AAA

Similar palettes

More like Forest Fawn Spot

View all earth
Bohemian Desert Bloom
Adobe Sunset
Ancient Canyon Echo
Ancient Earth Whisper
Ancient Forest Bark
Ancient Mossy Stone