Back to palettes

Palette

Apple Grove Hearth

The sweet, rustic warmth of an apple grove, reminiscent of a cozy hearth at harvest time.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Apple Grove Hearth 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 Apple Grove Hearth.

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

Data visualization

#8B4513#D2691E#F4A460#FFA500#CD5C5C

Palette guide

How to use Apple Grove Hearth

Overview

The Apple Grove Hearth palette evokes the sweet, rustic warmth of an apple grove, reminiscent of a cozy hearth at harvest time. This inviting collection spans from the deep, grounding #8B4513 to the bright, cheerful #FFA500, with #D2691E and #F4A460 providing rich, autumnal transitions. Perfect for designs seeking an organic, natural, and subtly restorative aesthetic, these hex codes are ideal for wellness branding, eco-friendly web interfaces, or editorial content focused on nature. Designers and developers will find these colors excellent for crafting serene digital experiences, from herbal product sites to sustainable living platforms, where a calm, authentic aesthetic is desired.

Best used for

  • Autumnal branding and marketing
  • Harvest festival promotions
  • Rustic home decor websites
  • Food and beverage packaging (apple products)
  • Cozy blog themes and social media
  • Farm-to-table restaurant branding

Suggested color roles

primary

Utilize #8B4513 as a deep, anchoring primary for headings, important buttons, or strong graphic elements, providing sophisticated contrast.

secondary

Employ #D2691E for supporting elements, subheadings, or rich background panels, offering a warm, inviting orange-brown.

accent

Apply #FFA500 for subtle decorative accents, interactive states, or delicate graphic details, providing a cheerful highlight.

background

The lightest tone, #F4A460, is perfect as a clean, elegant background, ensuring excellent readability and a refined feel.

text

For optimal legibility, use #8B4513 or a deep charcoal against the lightest backgrounds like #F4A460. For secondary text, #D2691E can be effective on lighter backgrounds.

Accessibility notes

  • Ensure #8B4513 text on #F4A460 background meets WCAG AA contrast standards.
  • Avoid pairing #FFA500 or #CD5C5C for small text on #F4A460, as contrast will be too low.
  • Provide clear visual focus indicators for interactive elements, ensuring they stand out against similar background tones.
  • For critical information, consider using the darkest palette color for text on the lightest background.

Recommended combinations

Harvest Warmth

Creates a warm, inviting base for content with a light background and sophisticated, muted orange accents.

#F4A460 · #8B4513 · #D2691E

Apple Orchard

Ideal for layered UI components or subtle branding, creating depth with closely related orange and red tones.

#D2691E · #FFA500 · #CD5C5C

Cozy Hearth

Excellent for backgrounds with a gentle luminosity or for decorative elements that need a soft, inviting sheen.

#CD5C5C · #F4A460 · #FFA500

CSS variables

:root {
  --apple-grove-hearth-1: #8B4513;
  --apple-grove-hearth-2: #D2691E;
  --apple-grove-hearth-3: #F4A460;
  --apple-grove-hearth-4: #FFA500;
  --apple-grove-hearth-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "apple-grove-hearth": {
        1: "#8B4513",
        2: "#D2691E",
        3: "#F4A460",
        4: "#FFA500",
        5: "#CD5C5C",
      }
    }
  }
}

Related searches

apple grove color paletteautumnal hearth colorsrustic orange brown schemecozy fall designharvest inspired palette

Palette colors

Hex values

Color 1#8B4513
·
Color 2#D2691E
·
Color 3#F4A460
·
Color 4#FFA500
·
Color 5#CD5C5C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.5:1AA18
3.6:1AA18
1.8:1Fail
2
2:1Fail
1.8:1Fail
1.8:1Fail
1.1:1Fail
3
3.5:1AA18
1.8:1Fail
1:1Fail
2:1Fail
4
3.6:1AA18
1.8:1Fail
1:1Fail
2:1Fail
5
1.8:1Fail
1.1:1Fail
2:1Fail
2:1Fail

Similar palettes

More like Apple Grove Hearth

View all warm
Autumn Harvest Berry
Autumn Harvest Hearth
Autumn Pumpkin Patch
Autumn Pumpkin Patch
Earthy Harvest Feast
Harvest Apple Basket