Palette

Maple Pecan Spice

Sweet, comforting hues of maple, roasted pecans, and warm baking spices, perfect for a cozy treat.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Maple Pecan Spice 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 Maple Pecan Spice.

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

Data visualization

#7A3F1F#AA6B3F#D9976D#FFC79A#FFEBCD

Palette guide

How to use Maple Pecan Spice

Overview

The Maple Pecan Spice palette offers sweet, comforting hues of maple, roasted pecans, and warm baking spices, perfect for a cozy treat-inspired design. This inviting collection ranges from deep, rich brown (#7A3F1F) to a soft, creamy off-white (#FFEBCD), capturing the essence of autumnal indulgence. Mid-tone browns like #AA6B3F and #D9976D provide warmth and dimension, while a lighter, golden-brown (#FFC79A) adds a touch of sweetness. Designers and developers can use this palette to create warm, inviting, and deliciously appealing aesthetics for food brands, seasonal campaigns, or cozy lifestyle content.

Best used for

Bakery and confectionery branding or packaging
Autumnal marketing materials and seasonal promotions
Food blogs, recipe websites, or culinary app interfaces
Cozy cafe or coffee shop interior design concepts
Home decor and lifestyle brands emphasizing warmth and comfort
Wedding invitations or stationery with a rustic, elegant feel

Suggested color roles

primary

Assign #AA6B3F (Brown) as the primary color for headings, main buttons, or brand identity to evoke warmth and approachability.

secondary

Use #D9976D (Tan) for supporting content, background sections, or soft UI elements, providing a gentle, inviting layer.

accent

Apply #7A3F1F (Dark Brown) for strong accents, important highlights, or deep text, adding richness and contrast.

background

Utilize #FFEBCD (Blanched Almond) as the main background color, offering a light, airy, and clean canvas that enhances the warmer tones.

text

Select #7A3F1F (Dark Brown) for body text and critical information, ensuring excellent readability and a sophisticated, natural feel.

Accessibility notes

Ensure #7A3F1F text on #FFEBCD or #D9976D backgrounds meets WCAG contrast standards for readability.
Avoid using #FFC79A for small text on #FFEBCD as contrast will be insufficient; reserve for larger decorative elements.
The darker browns (#7A3F1F, #AA6B3F) provide excellent contrast for text against lighter palette colors.
Consider increasing font size for any text rendered in #D9976D against a slightly darker background to improve legibility.

Recommended combinations

Sweet Comfort

Ideal for a warm, inviting brand logo, header, or a clean product description section with strong text contrast.

#AA6B3F · #FFEBCD · #7A3F1F

Pecan Roast

Excellent for packaging design, food photography backgrounds, or elements needing a rich, layered brown effect.

#D9976D · #7A3F1F · #FFC79A

Maple Cream

Soft and elegant, perfect for delicate backgrounds, subtle UI elements, or creating a light, airy feel.

#FFEBCD · #AA6B3F · #D9976D

CSS variables

:root {
  --maple-pecan-spice-1: #7A3F1F;
  --maple-pecan-spice-2: #AA6B3F;
  --maple-pecan-spice-3: #D9976D;
  --maple-pecan-spice-4: #FFC79A;
  --maple-pecan-spice-5: #FFEBCD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "maple-pecan-spice": {
        1: "#7A3F1F",
        2: "#AA6B3F",
        3: "#D9976D",
        4: "#FFC79A",
        5: "#FFEBCD",
      }
    }
  }
}

Hex values

Color 1#7A3F1F

Color 2#AA6B3F

Color 3#D9976D

Color 4#FFC79A

Color 5#FFEBCD

Accessibility

Contrast checker

1.9:1Fail

3.4:1AA18

5.4:1AA

7:1AAA

1.9:1Fail

1.8:1Fail

2.8:1Fail

3.7:1AA18

3.4:1AA18

1.8:1Fail

1.6:1Fail

2.1:1Fail

5.4:1AA

2.8:1Fail

1.6:1Fail

1.3:1Fail

7:1AAA

3.7:1AA18

2.1:1Fail

1.3:1Fail

Similar palettes

More like Maple Pecan Spice

Autumn Harvest Spices