Palette

Autumn Apple Basket

A cheerful palette celebrating the vibrant and abundant colors of a bountiful autumn apple harvest.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C13F3F#E76D5B#F9AE6D#F9D9A6#8B2D2D

Palette guide

How to use Autumn Apple Basket

Overview

The "Autumn Apple Basket" palette is a cheerful collection celebrating the vibrant and abundant colors of a bountiful autumn apple harvest, creating an energetic and warm feel. It features a rich crimson #C13F3F, a lively coral #E76D5B, a luminous golden orange #F9AE6D, a soft cream #F9D9A6, and a deep maroon #8B2D2D. This warm palette is ideal for designers looking to infuse coziness, nature, and a strong connection to the autumn season into their projects. The harmonious blend of reds, oranges, and creams, progressing from deep to light, creates a refreshing and modern aesthetic, perfect for web interfaces, branding, or digital art that aims to be both captivating and serene. It offers a truly elegant and ethereal aesthetic.

Best used for

Seasonal product marketing (fall collection)
Food and beverage branding (apple cider, baked goods)
Home decor or interior design websites
Nature photography portfolios
Crafts and artisanal goods e-commerce
Autumnal event invitations

Suggested color roles

primary

#E76D5B - A lively coral, ideal for main interactive elements, key calls-to-action, or prominent sections that convey warmth and energy.

secondary

#C13F3F - A rich crimson, excellent for supporting content, navigation backgrounds, or subheadings, adding depth and sophistication.

accent

#F9AE6D - A luminous golden orange, perfect for highlights, hover states, or small decorative elements that need to pop with a brilliant glow.

background

#F9D9A6 - A soft cream, providing an airy and serene canvas that allows the deeper reds and oranges to stand out beautifully.

text

#8B2D2D - A deep maroon that offers excellent readability on #F9D9A6 or #F9AE6D, or use a crisp black for general body text on lightest backgrounds.

Accessibility notes

Ensure #8B2D2D or #C13F3F has sufficient contrast when used for text on #F9D9A6 or #F9AE6D backgrounds.
#E76D5B can be used for headings on #8B2D2D, but always verify contrast for smaller text.
Avoid using #F9AE6D text directly on #E76D5B, as the contrast might be insufficient.
For optimal readability, use a dark charcoal or black text on the lightest shades for general body copy.

Recommended combinations

Deep Harvest

Robust website footers, elegant dashboards, or professional presentations.

#8B2D2D · #C13F3F · #E76D5B

Apple Glow

Vibrant hero sections, engaging infographics, or serene app interfaces.

#E76D5B · #F9AE6D · #F9D9A6

Autumn Blush

Dynamic gradient backgrounds, celestial-themed graphics, or impactful presentations.

#8B2D2D · #F9AE6D · #F9D9A6

CSS variables

:root {
  --autumn-apple-basket-1: #C13F3F;
  --autumn-apple-basket-2: #E76D5B;
  --autumn-apple-basket-3: #F9AE6D;
  --autumn-apple-basket-4: #F9D9A6;
  --autumn-apple-basket-5: #8B2D2D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "autumn-apple-basket": {
        1: "#C13F3F",
        2: "#E76D5B",
        3: "#F9AE6D",
        4: "#F9D9A6",
        5: "#8B2D2D",
      }
    }
  }
}

Hex values

Color 1#C13F3F

Color 2#E76D5B

Color 3#F9AE6D

Color 4#F9D9A6

Color 5#8B2D2D

Accessibility

Contrast checker

1.7:1Fail

2.8:1Fail

3.8:1AA18

1.6:1Fail

1.7:1Fail

2.3:1Fail

2.7:1Fail

2.8:1Fail

1.7:1Fail

1.4:1Fail

4.5:1AA

3.8:1AA18

2.3:1Fail

1.4:1Fail

6.2:1AA

1.6:1Fail

2.7:1Fail

4.5:1AA

6.2:1AA

Similar palettes

More like Autumn Apple Basket

Autumn Apple Basket

See it in context.

Ready when you are.

Built with Autumn Apple Basket.

How to use Autumn Apple Basket

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Harvest

Apple Glow

Autumn Blush

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Autumn Apple Basket