Back to palettes

Palette

Autumn Maple Syrup

Rich, warm browns and caramels evoke the comforting sweetness of maple syrup in autumn.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Autumn Maple Syrup 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 Autumn Maple Syrup.

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

Data visualization

#F0E6D2#D8C3A6#B19B7C#8C735C#6D513A

Palette guide

How to use Autumn Maple Syrup

Overview

The Autumn Maple Syrup palette evokes the comforting sweetness of maple syrup with its rich, warm browns and caramels. It features a light cream (#F0E6D2) providing a soft base, transitioning through a warm beige (#D8C3A6) and a rich caramel (#B19B7C). Deeper tones like a robust brown (#8C735C) and a dark, comforting brown (#6D513A) complete this inviting collection. This palette is incredibly useful for designers and developers aiming to create projects that exude warmth, natural comfort, and rustic charm. From cozy website themes and comforting brand identities to elegant packaging and inviting digital illustrations, these hex codes offer a versatile range for creating visually appealing and emotionally resonant experiences.

Best used for

  • Cozy brand identity and packaging
  • Rustic website and blog design
  • Food and beverage marketing
  • Autumn-themed event invitations
  • Interior design concepts for cafes
  • Digital illustrations with natural warmth

Suggested color roles

primary

Utilize #8C735C as a primary color for strong foundational elements or significant content sections, conveying warmth and stability.

secondary

Employ #B19B7C for secondary headings or important content blocks, adding a rich, inviting caramel tone.

accent

Highlight interactive elements or key information with #D8C3A6 to provide a soft, yet noticeable accent.

background

A light, expansive background of #F0E6D2 creates a clean, warm canvas that allows darker elements to stand out beautifully.

text

For optimal readability, use #6D513A for body text on lighter backgrounds, or a dark charcoal for general content.

Accessibility notes

  • Ensure sufficient contrast between #6D513A text and #F0E6D2 or #D8C3A6 backgrounds for WCAG AA compliance.
  • Avoid using #D8C3A6 text on #F0E6D2 backgrounds without careful contrast checking due to similar luminosity.
  • Test color combinations for users with color vision deficiencies, especially within the brown-beige spectrum.
  • Provide clear visual cues beyond color for interactive states, particularly between #B19B7C and #D8C3A6.

Recommended combinations

Sweet Depth

Creates a deep, grounded base with a soft, contrasting highlight, excellent for footers or strong headers.

#6D513A · #8C735C · #F0E6D2

Caramel Warmth

Ideal for inviting content blocks, subtle gradients, or graphic elements that exude comfort.

#B19B7C · #D8C3A6 · #8C735C

Light & Rich

Perfect for a light, airy background with deep text and a rich supporting color, suitable for blog posts or product descriptions.

#F0E6D2 · #6D513A · #B19B7C

CSS variables

:root {
  --autumn-maple-syrup-1: #F0E6D2;
  --autumn-maple-syrup-2: #D8C3A6;
  --autumn-maple-syrup-3: #B19B7C;
  --autumn-maple-syrup-4: #8C735C;
  --autumn-maple-syrup-5: #6D513A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-maple-syrup": {
        1: "#F0E6D2",
        2: "#D8C3A6",
        3: "#B19B7C",
        4: "#8C735C",
        5: "#6D513A",
      }
    }
  }
}

Related searches

maple syrup color schemewarm brown palettecaramel beige hex codescozy rustic designcomforting autumn hues

Palette colors

Hex values

Color 1#F0E6D2
·
Color 2#D8C3A6
·
Color 3#B19B7C
·
Color 4#8C735C
·
Color 5#6D513A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
3.6:1AA18
5.9:1AA
2
1.4:1Fail
1.6:1Fail
2.6:1Fail
4.3:1AA18
3
2.2:1Fail
1.6:1Fail
1.7:1Fail
2.7:1Fail
4
3.6:1AA18
2.6:1Fail
1.7:1Fail
1.6:1Fail
5
5.9:1AA
4.3:1AA18
2.7:1Fail
1.6:1Fail

Similar palettes

More like Autumn Maple Syrup

View all warm
Spiced Cider Hearth
Amber Vineyard Dusk
Apple Grove Hearth
Autumn Berry Harvest
Autumn Bramble Trail
Autumn Cider Barrel