Palette

Spiced Orchard Amber

Rich and inviting, capturing the amber glow and aromatic warmth of an autumn orchard filled with spiced fruit.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spiced Orchard Amber 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 Spiced Orchard Amber.

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

Data visualization

#D2691E#FF8C00#B8860B#A0522D#8B4513

Palette guide

How to use Spiced Orchard Amber

Overview

The Spiced Orchard Amber palette is a rich and inviting collection, capturing the amber glow and aromatic warmth of an autumn orchard filled with spiced fruit. This natural-mood palette, featuring the vibrant #FF8C00 (DarkOrange) and the deep #8B4513 (SaddleBrown), offers designers and developers a rustic and sophisticated range. From the prominent #D2691E (Chocolate) to the earthy #A0522D (Sienna), these colors are perfect for projects evoking autumn, comfort, and natural abundance. It's a versatile choice for creating visually harmonious experiences across branding, web design, and seasonal promotions, blending warmth with a touch of golden richness.

Best used for

Autumnal branding and seasonal product lines
Farm-to-table restaurants and artisan food packaging
Rustic home goods and interior design websites
Harvest festival promotions and event decor
Natural beauty products and organic brands
Content platforms focused on sustainable living or nature

Suggested color roles

primary

Designate #D2691E (Chocolate) as the primary color for its rich, dominant amber-orange, ideal for headings, brand logos, and key graphical elements.

secondary

Use #A0522D (Sienna) for supporting elements, subheadings, or background sections, providing a deeper, earthy warmth.

accent

Introduce #FF8C00 (DarkOrange) for bright, zesty highlights, calls to action, or interactive elements to add a lively pop.

background

Apply #B8860B (DarkGoldenrod) as a muted gold-brown background, offering subtle warmth and a sophisticated canvas for content.

text

Employ #8B4513 (SaddleBrown) for primary text content to ensure strong contrast and excellent readability against all lighter palette colors.

Accessibility notes

Ensure #8B4513 text has excellent contrast against #B8860B, #FF8C00, and other lighter shades for optimal readability.
Avoid using #B8860B or #FF8C00 as text on light backgrounds; they may not meet WCAG contrast requirements.
The darker tones, #A0522D and #8B4513, provide reliable contrast for text on white or very light backgrounds.
Be cautious when using #D2691E for small text elements on similar mid-tone backgrounds; check contrast ratios carefully.

Recommended combinations

Amber Glow

Creates a warm, luminous feel, suitable for hero sections or product showcases that need to convey richness and natural light.

#D2691E · #FF8C00 · #B8860B

Orchard Earth

Ideal for grounded, rustic branding, footers, or content blocks that require a deep, natural, and sophisticated presence.

#A0522D · #8B4513 · #D2691E

Spiced Harvest

Offers a rich, inviting contrast, perfect for main content areas where clarity and a welcoming, autumnal atmosphere are key.

#D2691E · #8B4513 · #FF8C00

CSS variables

:root {
  --spiced-orchard-amber-1: #D2691E;
  --spiced-orchard-amber-2: #FF8C00;
  --spiced-orchard-amber-3: #B8860B;
  --spiced-orchard-amber-4: #A0522D;
  --spiced-orchard-amber-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-orchard-amber": {
        1: "#D2691E",
        2: "#FF8C00",
        3: "#B8860B",
        4: "#A0522D",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#D2691E

Color 2#FF8C00

Color 3#B8860B

Color 4#A0522D

Color 5#8B4513

Accessibility

Contrast checker

1.6:1Fail

1.1:1Fail

1.5:1Fail

2:1Fail

1.6:1Fail

1.4:1Fail

2.4:1Fail

3:1AA18

1.1:1Fail

1.4:1Fail

1.7:1Fail

2.2:1Fail

1.5:1Fail

2.4:1Fail

1.7:1Fail

1.3:1Fail

2:1Fail

3:1AA18

2.2:1Fail

1.3:1Fail

Similar palettes

More like Spiced Orchard Amber

Gingerbread Spice Blend

Harvest Moon Delight