Back to palettes

Palette

Autumn Syrup

Sweet and inviting browns, reminiscent of golden maple syrup pouring over warm pancakes on a cool morning.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#964B00#C87C2B#E6A86B#803E00#B2671A

Palette guide

How to use Autumn Syrup

Overview

The Autumn Syrup palette offers sweet and inviting browns, reminiscent of golden maple syrup pouring over warm pancakes on a cool morning. It features a deep brown (#964B00) and a rich caramel brown (#C87C2B), providing robust depth. A soft light brown (#E6A86B) offers a delicate, creamy highlight, while a very dark brown (#803E00) provides essential grounding. A medium brown (#B2671A) offers a harmonious accent. This palette is exceptionally useful for designers and developers aiming to create projects with natural warmth, rustic charm, and an inviting, cozy aesthetic. From seasonal marketing and food-related branding to engaging digital interfaces and charming print materials, these hex codes provide a versatile range for visually appealing experiences.

Best used for

  • Food and beverage branding
  • Seasonal marketing for breakfast products
  • Autumnal website and blog themes
  • Recipe blogs and cooking apps
  • Digital illustrations of food
  • Cozy home decor mockups

Suggested color roles

primary

Utilize #964B00 as a grounding primary color for strong foundational elements or significant content sections, conveying rustic stability.

secondary

Employ #C87C2B for secondary headings or important content blocks, adding a warm and inviting caramel hue.

accent

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

background

A light, expansive background of #E6A86B or a very light cream creates a clean, warm canvas, allowing darker elements to stand out beautifully.

text

For optimal readability, use #803E00 or a dark charcoal for body text on lighter backgrounds, or a crisp white on deeper hues.

Accessibility notes

  • Ensure sufficient contrast between #803E00 text and #E6A86B background for WCAG AA compliance.
  • Avoid using #C87C2B or #B2671A for small text on #E6A86B backgrounds due to potential readability issues.
  • Test color combinations for users with color vision deficiencies, especially with the brown-caramel spectrum.
  • Provide clear visual cues beyond color for interactive states, particularly between #C87C2B and #B2671A.

Recommended combinations

Syrup Ground

Creates a deep, grounded base with a rustic accent and soft highlight, excellent for footers or natural headers.

#803E00 · #964B00 · #E6A86B

Sweet Warmth

Ideal for inviting content blocks, subtle gradients, or graphic elements that evoke warm syrup.

#C87C2B · #B2671A · #964B00

Creamy Brown

Use for a light, inviting background with deep text and a warm supporting color, suitable for content cards or alerts.

#E6A86B · #803E00 · #C87C2B

CSS variables

:root {
  --autumn-syrup-1: #964B00;
  --autumn-syrup-2: #C87C2B;
  --autumn-syrup-3: #E6A86B;
  --autumn-syrup-4: #803E00;
  --autumn-syrup-5: #B2671A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-syrup": {
        1: "#964B00",
        2: "#C87C2B",
        3: "#E6A86B",
        4: "#803E00",
        5: "#B2671A",
      }
    }
  }
}

Related searches

autumn syrup color palettesweet brown schemewarm wood hex codesseasonal comfort designnatural maple colors

Palette colors

Hex values

Color 1#964B00
·
Color 2#C87C2B
·
Color 3#E6A86B
·
Color 4#803E00
·
Color 5#B2671A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.1:1AA18
1.3:1Fail
1.5:1Fail
2
1.9:1Fail
1.6:1Fail
2.4:1Fail
1.3:1Fail
3
3.1:1AA18
1.6:1Fail
3.9:1AA18
2.1:1Fail
4
1.3:1Fail
2.4:1Fail
3.9:1AA18
1.9:1Fail
5
1.5:1Fail
1.3:1Fail
2.1:1Fail
1.9:1Fail

Similar palettes

More like Autumn Syrup

View all warm
Cozy Cabin Hearth
Autumn Cider Barrel
Autumn Hearth Spice
Cozy Spiced Hearth
Rustic Homestead Hearth
Spicy Chai