Back to palettes

Palette

Forest Berry Patch

Rich, earthy reds and muted browns reminiscent of wild berries hidden among the dense forest foliage.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forest Berry Patch 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 Berry Patch.

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

Data visualization

#583F3F#7E4F4F#A46060#CB7070#F18181

Palette guide

How to use Forest Berry Patch

Overview

The Forest Berry Patch palette features rich, earthy reds and muted browns, reminiscent of wild berries hidden among dense forest foliage. With a gentle progression from the deep #583F3F to the soft #F18181, alongside the inviting #A46060, this collection evokes a natural, rustic, and cozy autumn feel. Designers and developers will find these hues excellent for creating warm, vintage-inspired branding, natural skincare packaging, or inviting digital spaces. The palette's subdued yet rich tones provide a sophisticated foundation for projects aiming to convey authenticity, comfort, and a grounded connection to nature.

Best used for

  • Rustic home decor branding
  • Vintage-inspired design projects
  • Natural skincare and beauty products
  • Cozy blog and website themes
  • Autumn fashion editorials
  • Artistic illustrations and prints

Suggested color roles

primary

Use #583F3F as a deep, grounding earthy red-brown for strong headings, navigation, or foundational brand elements.

secondary

Employ #7E4F4F for supporting content blocks, backgrounds, or to add rich warmth to UI components.

accent

Apply #CB7070 as a brighter, inviting highlight for subtle call-to-actions or decorative elements.

background

Utilize #F18181 as a light, soft base for main content, providing a gentle, inviting canvas.

text

For optimal readability, use #583F3F or a dark charcoal/black for body text on lighter backgrounds like #F18181.

Accessibility notes

  • Ensure #583F3F text on #F18181 background meets WCAG AA contrast for good readability.
  • Avoid using #A46060 and #CB7070 for small body text on #F18181 due to low contrast; reserve for larger elements.
  • Use darker shades like #583F3F and #7E4F4F for critical information and interactive elements.
  • Consider larger font sizes or bolding for lighter colors when they are used as text to improve legibility.

Recommended combinations

Earthy Bloom

Ideal for subtle branding, warm digital interfaces, and natural product displays.

#583F3F · #A46060 · #F18181

Muted Berry

Perfect for soft gradients, background textures, and gentle UI accents.

#7E4F4F · #CB7070 · #F18181

Rustic Depth

Excellent for layered illustrations, web headers, and creating a sense of natural depth.

#583F3F · #7E4F4F · #A46060

CSS variables

:root {
  --forest-berry-patch-4-1: #583F3F;
  --forest-berry-patch-4-2: #7E4F4F;
  --forest-berry-patch-4-3: #A46060;
  --forest-berry-patch-4-4: #CB7070;
  --forest-berry-patch-4-5: #F18181;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-berry-patch-4": {
        1: "#583F3F",
        2: "#7E4F4F",
        3: "#A46060",
        4: "#CB7070",
        5: "#F18181",
      }
    }
  }
}

Related searches

muted red brown paletterustic berry colorsearthy autumn schemenatural vintage designsoft forest reds

Palette colors

Hex values

Color 1#583F3F
·
Color 2#7E4F4F
·
Color 3#A46060
·
Color 4#CB7070
·
Color 5#F18181
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
2.8:1Fail
3.7:1AA18
2
1.4:1Fail
1.4:1Fail
2:1Fail
2.6:1Fail
3
2:1Fail
1.4:1Fail
1.4:1Fail
1.9:1Fail
4
2.8:1Fail
2:1Fail
1.4:1Fail
1.3:1Fail
5
3.7:1AA18
2.6:1Fail
1.9:1Fail
1.3:1Fail

Similar palettes

More like Forest Berry Patch

View all Earth
Forest Floor Muted
Desert Clay Hearth
Earthen Clay Pot
Mystic Canyon Glow
Rustic Barnwood Tones
Rustic Hearth Glow