Palette

Bountiful Orchard Glow

Rich, earthy tones celebrating the abundance of a sun-drenched autumn farmstand.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bountiful Orchard Glow 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 Bountiful Orchard Glow.

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

Data visualization

#9C331B#CC5500#FF7F00#F7C59F#DDC6B6

Palette guide

How to use Bountiful Orchard Glow

Overview

The Bountiful Orchard Glow palette features rich, earthy tones celebrating the abundance of a sun-drenched autumn farmstand. With the deep #9C331B and the vibrant #CC5500, transitioning to the energetic #FF7F00, this scheme is complemented by the soft #F7C59F and the creamy #DDC6B6. This palette is perfect for designs seeking a warm, rustic, and natural aesthetic, evoking harvest and comfort. Designers can leverage it for projects requiring an inviting, authentic, and hearty feel, such as food and beverage branding, autumn event marketing, or cozy home decor websites. Its harmonious blend ensures visual warmth and a comforting user experience, radiating natural charm.

Best used for

Autumn seasonal branding and marketing
Food and beverage packaging (e.g., cider, baked goods)
Rustic home decor and craft websites
Harvest festival and farm-to-table events
Thanksgiving and fall holiday promotions
Natural and organic produce markets

Suggested color roles

primary

Utilize #CC5500 as a vibrant primary color for headings, calls-to-action, or impactful brand elements, conveying warmth and energy.

secondary

Apply #9C331B for subheadings, important content blocks, or graphic elements, providing a deep, grounding contrast.

accent

Employ #FF7F00 to introduce an energetic accent for interactive elements or key highlights, ensuring strong visual appeal.

background

The lightest shade, #DDC6B6, is excellent for clean, warm backgrounds, allowing the deeper oranges and browns to stand out.

text

The deep #9C331B is ideal for body text and critical information, ensuring excellent readability on light backgrounds like #DDC6B6.

Accessibility notes

Ensure strong contrast for text, using #9C331B on #DDC6B6 or #F7C59F backgrounds, to meet WCAG AA standards.
Verify that #FF7F00, when used as an accent, has sufficient contrast against its surrounding background for visibility.
Avoid using #CC5500 for text on #F7C59F without careful contrast testing; reserve it for larger display text.
For users with color vision deficiencies, supplement color cues with icons or underlines for important actions or status indicators.

Recommended combinations

Harvest Warmth

Creates a rich, inviting look, perfect for autumn-themed headers or professional content blocks with a warm, light backdrop.

#CC5500 · #9C331B · #DDC6B6

Orchard Glow

Offers a soft, harmonious blend of vibrant orange and creamy neutrals, ideal for subtle gradients or inviting graphic elements.

#FF7F00 · #F7C59F · #DDC6B6

Rustic Contrast

Emphasizes readability and visual hierarchy, with a deep red-brown for titles and a bright orange accent on a soft, peachy background.

#9C331B · #FF7F00 · #F7C59F

CSS variables

:root {
  --bountiful-orchard-glow-1: #9C331B;
  --bountiful-orchard-glow-2: #CC5500;
  --bountiful-orchard-glow-3: #FF7F00;
  --bountiful-orchard-glow-4: #F7C59F;
  --bountiful-orchard-glow-5: #DDC6B6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bountiful-orchard-glow": {
        1: "#9C331B",
        2: "#CC5500",
        3: "#FF7F00",
        4: "#F7C59F",
        5: "#DDC6B6",
      }
    }
  }
}

Hex values

Color 1#9C331B

Color 2#CC5500

Color 3#FF7F00

Color 4#F7C59F

Color 5#DDC6B6

Accessibility

Contrast checker

1.7:1Fail

2.9:1Fail

4.6:1AA

4.4:1AA18

1.7:1Fail

2.8:1Fail

2.6:1Fail

2.9:1Fail

1.7:1Fail

1.6:1Fail

1.5:1Fail

4.6:1AA

2.8:1Fail

1.6:1Fail

1:1Fail

4.4:1AA18

2.6:1Fail

1.5:1Fail

1:1Fail

Similar palettes

More like Bountiful Orchard Glow

Bountiful Orchard Glow

See it in context.

Ready when you are.

Built with Bountiful Orchard Glow.

How to use Bountiful Orchard Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Harvest Warmth

Orchard Glow

Rustic Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Bountiful Orchard Glow